VOID BOOK

Idée de : Reda Makhchan || Document Réalisé par : Khalid AHMADA , Afaf ID HAJJI

VOID Book - introduction

VOID Book est une application iPhone qui permet de visualiser les réalisations de la société VOID .

VOID Book - login

Afin d’utiliser l’application, un nom d’utilisateur et un mot de passe sont requis .

Ces derniers sont fournit par la société VOID .

VOID Book - Home

Après l’identification, l‘application charge par défaut toutes les réalisations dans un carrousel .

L’utilisateur aura ensuite la possibilité de filtrer soit par : • les compétences :les technologies utilisées.• les clients :les destinataires du projet .• métiers : le domaine du projet.

(1): La zone de navigation(2): bulles de navigations cliquables ( ce qui permet le

déplacement vers les autres réalisations)(3): Menu de filtrage ( l’option « tout » est celle par

défaut)

1

2

3

VOID Book – par Métiers

Le filtre par métier donne la pagenuméro (1) : une liste déroulante des métiers disponibles : • Finances• Gastronomie• Immobilier• Luxe• Mode• etc.

Le choix d’ un élément de la liste engendre la page(2) : l’ensemble des réalisations selon le filtre.

1 2

VOID Book - Par Client

Le même traitement précédent, cette fois ci

on filtre par clients .

Les clients disponibles sont : 12 px

• 909 c• Beside Consulting• BETC Digital• Dagobert• Digitas• Eclision• Communication• Mazarine• Reflet Communication• Reflex Group• SameSame• Spikily • Verbe• X-prime Group

VOID Book – par CompétencesLe même traitement se répète .le filtre par compétence permet à l’utilisateur de choisir les réalisations conçus avec :

• Flash AS 3• Php , Symfony , Zend• xHtml/jQuery/css• Drupal • SPIP • Objective-C• etc.

Quand l’utilisateur clique sur un projet quelconque, ce dernier s’affiche dans une page dédiée (A) qui contient :(1) le visuel du projet.(2) Lien vers le projet en ligne.(3) Vignettes des projets du même catégorie ( au maximum 3 ). Le clique sur l’une d’elle l’affiche en grande taille dans l’espace (1).(4) La description du projet.(5) Le signe + permet d’afficher plus de détailles comme le montre la page (B)(6) Le autres détailles du projets .(7) Le signe – permet le retour à la page Du visuel .

VOID Book – Page de Détailles

5

1

2

3

4

7

6

A B