Void Book est une application iPhone développée par la société Void pour visualiser ses réalisations, nécessitant un identifiant et un mot de passe. L'utilisateur peut naviguer à travers les projets et les filtrer par compétences, clients et métiers. Lorsqu'un projet est sélectionné, une page dédiée affiche des détails, un lien vers le projet et des vignettes de projets similaires.

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

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

3. 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 .

4. 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
(1): La zone de navigation
(2): bulles de navigations cliquables ( ce qui permet le déplacement
vers les autres réalisations)
2
(3): Menu de filtrage ( l’option « tout » est celle par défaut)
3

5. Le filtre par métier donne la page
numéro (1) : une liste déroulante des métiers
2
disponibles : 1
• 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.

6. 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

7. Le 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.

8. Quand l’utilisateur clique sur un projet
quelconque, ce dernier s’affiche A B
dans une page dédiée (A) qui contient :
(1) le visuel du projet.
(2) Lien vers le projet en ligne.
7
(3) Vignettes des projets du même 5
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.
1
(5) Le signe + permet d’afficher plus de
détailles comme le montre la page (B) 2
(6) Le autres détailles du projets . 3
(7) Le signe – permet le retour à la page
6
Du visuel . 4