View
174
Download
0
Category
Preview:
DESCRIPTION
fdfd
Citation preview
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
Recommended