par la DOMINANTE. DOSSIER DE PRÉSENTATION//
Dossier_Présentation_Sandra_Ollier_Web1_2012_Site_Événementiel_Salon_De_La_Mode_Origami
2 BE
K
C
AR
M
H
N C
5
-5
10
1
S O M M
T
EP
C
O N
C
9
6-
03
-1
64
S RE
TU
C
ITE
H
C
AR
4
3 -6 56
3 S IE G LO O N H C TE
A I R E
1
NC EP T
CO
- ACCROCHE/ - AVANT - PROPOS// - CONCEPT// - TITRE RETENU//
6 7 8 9
ACCROCHE//
QUAND LA MODE ... RENCONTRE L’ORIGAMI Ici est l’histoire d’une rencontre explosive, celle du prêt à porter féminin et la tendance Origami, cet art ancien qui consiste à plié du papier qui aujourdui s’étand dans divers domaines. Dans cette accroche on retrouve tout les mots clés nécessaires afin d’obtenir plus d’informations quand à la raison d’être du site. Les mots clés ici présent sont la Mode et l’Origami, le mot rencontre fait le lien entre les deux.
MODE
6
RENCONTRE
ORIGAMI
AVANT-PROPOS//
AVANT-PROPOS// Cette année, Le Grand Palais, site emblématique de prestige et de création contemporaine décide de frapé fort en organisant un salon internationnal temporaire dédié au prêt-à-porter feminin. Le salon sera à la fois contemporain et accessible à tous publics. Passionnés comme amateurs y trouverons leur compte. Le salon se déroulera à la NEF du Grand Palais, lieu d’exeption rempli de lumière qui offrira à l’aide des scénographes de talent un événement mémorable. Le salon ce déroulera sur le thème de la Mode et de l’Origami, cette rencontre qui maintenant depuis dès années inspire les plus grands créateurs et ne cesse d’évoluée. Ma mission en tant que Webdesigner est de créer un site web à la hauteur de cet événement. Afin d’aborder cette nouvelle création, plusieurs éléments sont à ma diposition tel que des informations concernant les futurs exposants ainsi que le programme entier du salon. En outre, la partie graphique du site reste totalement libre même si la contrainte reste que le site doit reflété un événement original et très mode.
7
CONCEPT//
CONCEPT// Le site événementiel doit être original et émergeant afin d’attirer le plus de visiteurs. L’internaute doit être plongé dans un univers de prêt à porter à la fois classe, mode mais aussi attractif. Afin de rendre le site dynamique, la mise en place de diverses idées vont être mises en place. Dans un premier temps, l’univers graphique prendra le dessus sur le contenu du site afin d’imerger le visiteur dans cet univers. Le site sera réalisé en flash afin de permettre au site de «vivre» graphiquement. La mise en place d’une vidéo et de photos différentes chaques semaines sur les anciens défilés des créateurs aportera une notion culturelle au site et fidéfisera les visiteurs. Un concours en ligne sera mis en place afin de faire émerger un nouveau talent de la mode.
8
la troisième couleur sera elle aussi modifiée (ternie,éclaircie ou obscurcie) et occupera une surface inférieure à celle occupée par la DOMINANTE.
TITRE RETENU//
Le titre retenu pour ce salon sera : SALON DE LA MODE ORIGAMI Dans ce titre on retouve toutes les informations néccessaires pour la bonne compréhension de l’événement. Nous comprenons donc qu’il s’agit là d’un salon qui va mixer la Mode et la tendance Origami.
9
AR
M
NC H
BE
2
10
K
- AVANT-PROPOS// - LA CIBLE - COEUR DE CIBLE// - CIBLE// - CIBLE ÉTENDU//
12 14-15 16-17 18-19
- LES MOTS CLÉS//
20-21
- CONCURENTS - LES CONCURENTS// - LES CONCURENTS SÉRIEUX// - LES PLUS ET LES MOINS// - BILAN//
22-23 24-25 26-49 50-51
- SOURCES D’INSPIRATIONS// - POSITIONNEMENT ET POINTS FORTS// - MAQUETTE DE HOME//
52-53 54 55
11
AVANT-PROPOS//
AVANT-PROPOS// Le salon de la Mode Origami est un salon qui tend vers l’internationnal, avant de commencer à réaliser le site Web de cet événement nous devons dans un premier temps analyser en profondeur le sites concurents afin d’en sortir de cette analyse un bilan qui nous permettra de réfléchir au positionnement face à cette concurence. Celui-ci devra à la fois se positionné aux sites concurents afin de s’aligné sur le marché mais aussi offrir des plus que l’on ne retrouve pas sur les autres sites afin de ce démarqué et ainsi attiré le plus de visiteurs sur le site. Pour cela est mis en place une recherche par internet avec une association de mots clés pertinants qui nous permettra de trouver la plus grande concurence du site. Nous allons très vite constaté que les concurents directs n’existent pas, aucun événements de mode Origami n’a encore été traité ce qui est un point positif. Maintenant analysons les concurents non-directs mais tout aussi importants ...
12
COEUR DE CIBLE//
LA SEGMENTATION DÉMOGRAPHIQUE :
Qui : Personnes passionnées de mode. Bloggeuse mode, stylistes, étudiants en mode et textile, etc... Homme/Femme : Jeune fille Age : 20-25 ans Niveau scolaire : Personnes salariés ou en freelance (bloggeuse) qui ont les moyens de s’acheter une bonne quantité de vêtement afin de resté à la pointe de la mode. Proffession : Secteur de la mode : styliste, bloggeuse mode, etc. Revenus : Élevés Statut marital : Célibataire, marié. Statut familial : Sans enfants.
LA SEGMENTATION GÉOGRAPHIQUE : Lieu d’habitat : Parisienne.
LA SEGMENTATION MARKETING PAR LE MODE DE VIE : (Quelles sont les habitudes de la cible)
Activités de loisirs : Shopping Activités sportives : Entretien phisique avec des sports doux (natation, yoga, massage, aquagym) Type d’habitation : appartement ou maison Equipement de l’habitation : moderne, ambiance originale, recherche d’une identité. Activités culturelles : Ne rate pas les événements mode phares de l’année, vont aux expositions de mode ainsi que toutes les expositions design et arts qui se rapproche de près ou de loin à la mode.
14
MARQUES
LECTURES
PARISIÈNNE
EXPOS,SALONS, FESTIVAL...
SORTIES
boites jeunesse doré
RESTAURANTS, BAR
MUSIQUES
15
CIBLE//
LA SEGMENTATION DÉMOGRAPHIQUE :
Qui : Les gens qui suivent les tendances de mode à la télévision, qui aiment regarder les sites de mode, de bloggeuses mode, qui suivent les nouvelles créations des stylistes de mode. Homme/Femme : Jeune femme et homme Age : 20-25 ans Niveau scolaire : Personnes salariés ou étudiantes. Proffession : Tout secteurs Revenus : Moyen Statut marital : Célibataire, marié. Statut familial : Sans ou avec enfants.
LA SEGMENTATION GÉOGRAPHIQUE : Lieu d’habitat : France.
LA SEGMENTATION MARKETING PAR LE MODE DE VIE : (Quelles sont les habitudes de la cible) Activités de loisirs : Shopping Activités sportives : Tennis, danse, natation, vélo, etc. Type d’habitation : appartement Equipement de l’habitation : Décoration sommaire Activités culturelles : Aime se cultiver en allant à des expositions diverses notamment dans la mode car ils s’y intéressent.
MARQUES
LECTURES
PARISIENS
EXPOS,SALONS, FESTIVAL...
DIVERS
RESTAURANTS
MUSIQUES
17
CIBLE ÉTENDU//
LA SEGMENTATION DÉMOGRAPHIQUE :
Qui : Les gens qui suivent les tendances artistiques, dans les domaines tels que la mode, l’art comptemporain, l’architechture, la danse, etc... Homme/Femme : femme et homme Age : 20-35 ans Niveau scolaire : Personnes salarié ou étudiante. Proffession : Tout secteurs Revenus : Moyen Statut marital : Célibataire, marié. Statut familial : Sans ou avec enfants.
LA SEGMENTATION GÉOGRAPHIQUE : Lieu d’habitat : France.
LA SEGMENTATION MARKETING PAR LE MODE DE VIE : (Quelles sont les habitudes de la cible)
Activités de loisirs : Shopping Activités sportives : Jogging, natation, vélo (sport gratuits). Type d’habitation : appartement Equipement de l’habitation : Décoration sommaire Activités culturelles : musées, cinéma, sorties avec les amis et la famille, découvertes de choses inconnus.
18
MARQUES
LECTURES
PARISIENS
EXPOS,SALONS, FESTIVAL...
ÉCOUTE
SORTIES
19
LES MOTS CLÉS//
• SALON
• SALON MODE
1, 3 MILLIARDS de résultats
307 MILLIONS de résultats
308 MILLIONS de résultats
172 MILLIONS de résultats
64,6 MILLIONS de résultats
64,3 MILLIONS de résultats
• SALON MODE
1 MILLIONS de résultats
398 000 résultats
399 000 résultats
• SALON MODE
685 000 résultats
152 000 résultats
155 000 résultats
• SALON MODE
594 000 résultats
152 000 résultats
155 000 résultats
ORIGAMI
ORIGAMI PARIS
ORIGAMI PARIS 2012
21
LES CONCURENTS//
www.salonduvintage.com Après avoir accueilli 20000 visiteurs à la Cité de la Mode et du Design, le Salon du Vintage revient les 9, 10 et 11 mars 2012.Plus de 80 exposants mode, mobilier et accessoires viendront vendre leurs plus belles pièces Vintage sur plus de 1000 m2 d’exposition.
Whosnext.com Salon professionnel international de prêt-à-porter
fashionsnightout.vogue.fr Événement de rencontre de ceux qui font de la mode par le tous public
takemeout.fr Salon de la mode (shopping, créateurs, concerts, artistes, etc.)
« LE SITE N’A PAS DE CONCURRENTS DIRECT, J’AI DONC SÉLECTIONNÉ DES ÉVÉNEMENTS PHARES DE MODE SE DÉROULANT SUR PARIS. ON Y RETROUVE DES EXPOSITIONS, DES SALONS AINSI QUE DES FESTIVALS. »
www.premierevision.com Premier salon mondial des tissus d’habillement 14-16 Février 2012 Parc d’Expositions Paris Nord Villepinte
mode-city.com Salon international de la lingerie
modamont.com Salon des fournitures et accessoires pour la mode et le design
lesartsdecoratifs.fr Salon des fournitures et accessoires pour la mode et le design
23
LES CONCURENTS SÉRIEUX//
salonduvintage.com Salon du Vintage revient les 9, 10 et 11 mars 2012.Plus de 80 exposants mode, mobilier et accessoires viendront vendre leurs plus belles pièces Vintage sur plus de 1000 m2 d’exposition.
Whosnext.com
Salon professionnel international de prêt-à-porter
« PARMIS LES DIVERS CONCURRENTS SÉLECTIONNÉS, J’AI CHOISI QUATRE CONCURRENTS SÉRIEUX DÛ À LEUR NOTORIÉTÉ OU LEUR DESIGN DE SITE. »
fashionsnightout.vogue.fr
Événement de rencontre de ceux qui font de la mode par le tous public
takemeout.fr
Salon de la mode (shopping, créateurs, concerts, artistes, etc.)
LES PLUS ET LES MOINS//
1/ salonduvintage.com
26
27
LES PLUS ET LES MOINS// 1/ salonduvintage.com
ERGONOMIE
POINTS FORTS - Un menu de navigation vertical placé à un bonne endroit (près du contenu principal du site). - Lien en bas du site afin de remonter directement en haut de la page. - Logo centré et gros avec des textes bien lisibles. - Possibilité de téléchargement de PDF (dossier de presse, revue de presse). - Une rubrique contacts et infos pratiques avec le plan. - Rubrique crédits photos. - Inscription Newsletters ainsi qu’un lien Facebook sur la Home page.
POINTS FAIBLES - Logo présent que sur la page d’accueil. - On retrouve une bannière de pub qui n’a pas de rapport avec le sujet du site se situe dans le footer de la Home page ce qui détourne l’attention du sujet principale. - Défilement horizontale trop long. - Pas de phrase d’accroche avec le logo. - Quand on change de page, une deuxième onglet ne s’ouvre pas et on pert la page précédente. - Pas assez de texte en général, on ne retrouve pas non plus de texte ou légende avec les photos ou vidéos. - Des éléments dans la Home page donne envie de cliquer dessus (dessins des produits) mais il ne s’agit que d’une image non-cliquable
ARCHITECTURE DE L’INFORMATION
POINTS FORTS - Bonne architecture de l’information sur la Home page avec comme éléments premier le logo puis la date, les horaires de l’événement, des icônes qui représentent les éléments qui compose le salon, le lieu, les partenaires en dernière position.
POINTS FAIBLES - Les photos des gens de facebook sur la Home page en dessous du lien Facebook sont inutiles. - Informations non cliquables alors qu’on a envie d’avoir des liens. - Manque d’informations textuelle sur l’événement en général. Le menu de navigation aurait pu être séparer en deux menus afin d’avoir un contenu moins lourd.
LES PLUS ET LES MOINS// 1/ salonduvintage.com
DESIGN
POINTS FORTS -
- Le Graphisme du site nous immerge dans l’univers vintage avec une touche de modernité en plus. - Univers à la fois moderne et utilisant bien les codes graphiques du vintage. - Détails du site travaillé (listes à puces, fonds tramés, effets coutures, etc.). - Couleurs violette qui représente bien le côté décalé de l’événement et qui donne une identité au site.
POINTS FAIBLES - Même si le site est plutôt immersif, il reste néanmoins pas très original concernant le sujet, celui-ci reprend les mêmes codes graphiques que ceux du graphisme vintage sans apporté un plus.
BILAN//
ations sont bien te intéressant. Les inform res t en em iqu ph gra i qu s agréable de e reste un site correcte ints afin de la rendre plu po ins rta ce sur Le site du salon du vintag ion ex et avec t de même une bonne réfl que sur la Home page nt se pré o log un ec av structurés mais mérites tou poussé s avec un graphisme pas une ergonomie très lui-ci ne ce différencie pa ce te, navigation. Celui-ci n’a rou la n bie n tie ccroche) pour g. Même si le site (animations, phrase d’a ral né gé en e un scroll vertical assez lon sm mi na dy lui-ci manque donc de de site très basique. Ce le rendre plus attractif.
31
LES PLUS ET LES MOINS//
2/ whosnext.com
32
33
LES PLUS ET LES MOINS// 2/ whosnext.com
ERGONOMIE
POINTS FORTS - On retrouve deux menus de navigation, un vertical avec chaque pièces du lieu et leurs activités et un horizontal dans le footer avec des informations utiles à propos de l’événement (contact, presse, partenaires, vidéos, etc...). - Liens des rubriques identifiable avec un changement de couleur quand on passe la souris dessus. - Défilement vertical agréable avec les menus qui reste fixe afin de revenir aux autre pages quand on le désire. - Lien vers leur blog qui s’ouvre dans une autre fenêtre. - Logo de l’organisateur de l’événement présent en bas à droite du site, en cliquant dessus une fenêtre s’ouvre afin de tombé su le site du logo. - Dans le menu horizontale, on retrouve un menu verticale pour changer la langue du site. - Lien Facebook, Twitter et Vimeo avec des icônes pour une bonne lecture.
POINTS FAIBLES - Absence de lien pour remonté dans le haut de la page. - Mise à part la Home page, quand on défile verticalement les autres pages, les informations principales (logo, date) se scroll avec le site et nous laisse sans ces informations essentielles. - En bas de la Home page, un lien pour «téléchargement» des photos de l’événement est présent mais celui-ci est sous forme d’image et celle-ci est rogné par le bas du site.
ARCHITECTURE DE L’INFORMATION
POINTS FORTS - Bonne architecture de l’information sur la Home page avec comme éléments premier le logo puis la date, les horaires de l’événement, des icônes qui représentent les éléments qui compose le salon, le lieu, les partenaires en dernière position. - Les textes dans les pages sont aérés avec des photos de qualité ce qui donne envie de lire.
POINTS FAIBLES Logo ainsi que le menu déroulant vertical et la date défile avec la page vertical du coup ces informations ne sont plus présentent sur le site.
LES PLUS ET LES MOINS// 2/ whosnext.com
DESIGN
POINTS FORTS
- On retrouve beaucoup de gris sur le site ce qui met en valeur la couleur des liens et des photographies. - Belle mise en valeur des textes avec des photographies avec des zoom ou des panoramas. - Formes graphiques que l’on retrouve dans tout le site qui reste original (fait pensé aux mobiles de l’artiste Calder) et change de couleur en fonction des couleurs des liens ce qui reste une bonne cohérence.
POINTS FAIBLES - Même si le logo reste intéressant graphiquement, les informations à l’intérieurs ne sont pas du tout lisible. (prêt à porter paris). - On ne dissocie pas bien le logo des informations autour vu que les couleurs reste les mêmes.
BILAN//
avec une bonne rtival qui reste agréable ve on ati vig na e un ec te original avec iquement plaisant av té graphique le logo res Cô s). oto ph et Un site qui reste ergonom tes tex is avec us, ons dans l’espace (men e du site reste sobre ma ism ph gra Le . ble lisi u répartition des informati pe nt trop ces du lieu. Pour ormations à l’intérieur so ond bien aux diverses piè sp rre co i sa verticalité mais les inf qu es iqu étr om s performants. avec des formes gé cations afin qu’il soit plu difi mo s tite pe s une pointe d’originalité ue elq qu e que se site mériterait conclure on peut donc dir
37
LES PLUS ET LES MOINS//
3/ fashionsnightout.vogue.fr/
38
39
LES PLUS ET LES MOINS// 3/ fashionsnightout.vogue.fr/
ERGONOMIE
POINTS FORTS - On retrouve deux menu de navigation bien agencés avec un menu horizontal dans le header avec des icônes Facebook, Twitter et Tumblr retravaillés. - Les textes sont écrit assez gros pour une bonne lisibilité. - En cliquant sur le logo on revient sur la page d’accueil. - Logos des partenaires dans le footer.
POINTS FAIBLES - Quand on clique sur les liens externes la page ne s’ouvre pas dans un seconde fenêtre. - Une vidéo ce lance automatiquement lorsque l’on rentre dans la Home page ce qui devient agaçant à la longue.
ARCHITECTURE DE L’INFORMATION
POINTS FORTS - Le logo est composé d’informations essentielles, on retrouve le titre de l’événement ainsi que la date et le lieu. En entrant sur le Home page on tombe directement sur un article qui présente l’événement avec en dessous une vidéo pour encore plus d’immersion et de compréhension de celui-ci. - Dans le header on retrouve des liens vers les réseaux sociaux avec des icônes ce qui permet de s’y rendre facilement.
POINTS FAIBLES Le vocabulaire du site n’est pas très accessible même s’il reste compréhensible, on retrouve par exemple l’acronyme de VOGUE FASHION NIGHT : VFN.
LES PLUS ET LES MOINS// 3/ fashionsnightout.vogue.fr/
DESIGN
POINTS FORTS
- Le logo reste bien visible. - Belles photos dans le site avec l’utilisation graphique de Polaroid autour des photos, cet élément est beaucoup repris dans le monde de la mode. - Environnement moderne.
POINTS FAIBLES - Le site reste sobre et classe mais il y beaucoup d’utilisation de noir ce qui ne le rend pas très agréable visuellement quand on reste longtemps dessus. - Une image en noir et blanc (vectorisée) de la Tour Eiffel est mise en arrière plan, le visuel renvoi un effet négligé.
BILAN//
r les pages exrestes à faire tel qu’ouvri ns tio ca difi mo es nn bo in temps. A onomiquement mais de agaçante au d’un certa nt vie de i qu me Le site reste correct erg Ho la reste de être ou revoir la vidéo ique dans le site, celui-ci ph gra fil de s pa ve rou ternes dans une autre fen ne ret ir même s’il est simple on gligé. part le logo qui reste cla d qui donne un effet né un gro ck ba de e ag im e un ec sobre voir trop foncé av
43
LES PLUS ET LES MOINS//
4/ takemeout.fr
44
45
LES PLUS ET LES MOINS// 4/ takemeout.fr
ERGONOMIE
POINTS FORTS - Le site offre une navigation simple ce qui permet un accès à l’information très rapidement, l’énumérations de la date, de l’adresse, des diverses activités ainsi que la liste des partenaires.
POINTS FAIBLES - Le site en lui même est seulement composé d’une Home page avec une image composé de texte et d’une image, on ne retrouve aucun lien externe à l’événement qui pourrait nous informer d’avantage.
ARCHITECTURE DE L’INFORMATION
POINTS FORTS - On retrouve toutes les informations nécéssaires : logo, date, lieu, adresse, etc...
POINTS FAIBLES Même si les seules informations que l’on a sont correct, on aurait aimer avoir plus d’images, d’articles, de vidéos, d’explication de l’événement.
LES PLUS ET LES MOINS// 4/ takemeout.fr
DESIGN
POINTS FORTS
- On pourrait dire que l’image ce suffit à elle-même car on retrouve une photo avec un visuel fort, un logo qui correspond très bien à la photos de fond. - Le logo reste dynamique.
POINTS FAIBLES - L’événement manque d’univers graphique. - Le logo est disposé par dessus une image ce qui le rend moins lisible.
BILAN// toutes les inforseule image qui regroupe e un ec av nt ssa ére int -ci reste corparti pris de site plutôt ires sur l’événement celui nta me plé sup s on Ici, on peut constater un ati rm à la fois e si le site manque d’info e ce parti pris peut être qu e dir ut pe On e. ag mations principales. Mêm seule im ivers plus complet. ale de ne mettre qu’une es qui s’attende à un un utr d’a r pa t rect avec une idée origin en em tiv ga ines personnes et né vu positivement par certa
49
BILAN//
BILAN GÉNÉRAL// Au niveau de l’ergonomie des différents sites, celle-ci est correct dans l’ensemble mais elle n’est pas étudiée en profondeur, les navigations de site sont plus agréables pour certains site que d’autres mais on remarque un réel problème avec les liens externes qui ne s’ouvre pas dans une seconde page. On constate aussi des difficultés de lisibilité du logo parfois, un design de site qui reste sobre, peu immersif voir vide. Ces sites ont en commun pour la plupart des photos de mode (de qualité), des articles, avec beaucoups de vidéos, des liens vers les réseaux sociaux ce qui est important pour la bonne diffusion de l’information.
50
INSPIRATIONS//
http://www.estudioagraph.com/
http://www.whosnext.com/
http://www.lukx.nl/
http://www.kipling.com/fr-fr/
POSITIONNEMENT ET LES POINTS FORTS//
POSITIONNEMENT// Concernant les rubriques et les informations composant le site, je vais me référé aux sites concurrents afin de proposer le même type de services, de programme que mes concurents. Je vais mettre des vidéos, des photos ainsi que des articles afin de faire un site qui se colle aux autres sites de mode. Graphiquement, je vais rester dans les codes couleurs de la mode avec un logo qui se rapproche de ceux qui existe actuellement. Mon site se positionnera graphiquement aux autres sites vu afin de garder cette univers à la fois sobre et coloré.
LES POINTS FORTS// Les points forts du site ce retrouveront graphiquement avec un univers très immersif. Le site sera réalisé entièrement en Flash ce qui donnera du dynamisme au site. On retrouvera une phrase d’accroche afin de bien faire comprendre l’événement aux visiteurs. Le site restera à la fois ouvert aux publics mais aussi aux proffessionnelles. Nous pouvons donc conclure qu’avec un design fort, une cible à la fois proffessionnel et tous publics, une arboresence de site original le site aura de bons atouts pour concurencer de grands événements mode sur Paris. 54
MAQUETTE DE HOME//
55
3
56
LO
NO
TE CH GI ES
- RUBRIQUES ET MODULES/
58-59
- ERGONOMIE ET NAVIGATION// - MÉDIAS ET TRAITEMENT VISUEL// - OUTILS ENVISAGÉS ET PROCESSUS DE MISE À JOUR//
60 61 62
57
RUBRIQUES ET MODULES// MENU PRINCIPALE// On retrouve sur la home-page du site un menu principale situé à même du visuel graphique qui va permettre de naviguer dans le site en toute facilité.
ACCUEIL
Contient les informations les plus importantes du site tel que le logo, la date, les horaires, les boutons de la rubrique.
SALON
Présentation du salon, photos, une vidéo de présentation.
VISITER Dates et horaires du salon, informations concernant le lieu (plan), optention du badge.
EXPOSANTS Listes des exposants avec un lien vers leur site respectif.
DÉFILÉS
On retrouve les dates des défilés prochains avec toutes les informations nécéssaires sur les créateurs.
CONCOURS
Informations concernant le concours avec un PDF explicatif en téléchargement.
CONTACT
La page contact rassemble des informations pour contacté les représentants pour des requêtes, on y retrouve aussi les partenaires de l’évènement, les mentions légales ainsi que des dossiers de presse téléchargeables.
MISE EN PLACE DE MODULES// SON
On retrouvera un bouton sur le site afin que l’internaute puisse gérer lui même le son et décider de l’enlever s’il le désire.
LANGUES
Vu que le site est internationnale un petit menu déroulant sera mis en place afin de choisir sa langue sur la home-page du site.
FULLSCREEN
Un icône afin de mettre le site en pleine écran sera à disposition pour plus d’imersion dans l’univers du site.
FORMULAIRES
Un formulaire sera mis en place dans la page CONCOURS afin d’obtenir le badge.
59
ERGONOMIE ET NAVIGATION//
ERGONOMIE L’ergonomie d’un site web va premettre de naviguer facilement et de manière intuitive dans le site web, ce qui permettra à l’intérnaute d’accédé aux informations désirées le plus rapidement possible. Les visiteurs du site aurons donc un confort et une qualité de navigation dans le site qui leur donnerons envie d’y revenir. - Le site ici présenté offrira un graphisme de site exploité au maximum ainsi qu’une qualité graphique ce qui donnera envie aux visiteurs d’y rester et d’y revenir et donnera au site une bonne image. - Le site sera dynamique (utilisation du logiciel Flash) afin d’attirer l’oeil du visiteur. - Le temps de chargement sera minimisé avec une optimisation des images, vidéos...tout en gargant une qualité à l’oeil. - Le site offrira une hierarchisation des informations afin de le rendre le plus compréhensible possible. - La taille du site s’adaptera à tous les formats d’écrans. - Tout liens sera repérable dans la page web (changement d’état au survol). - Il y aura une adaptation de la lisibilité des informations en fonction de leur importance. - On retrouvera un gabarit dans les pages du site, celles-ci ce ressemblerons pour créer un fil rouge.
NAVIGATION - La navigation du site ce fera sous forme de fênetre que l’on ouvre et referme avec le header et le footer toujours visible. - Un menu sera mis en place en fonction de la popolarité des contenus. - Le logo de l’évènement ainsi que les informations situés dans le header et le footer resterons visibles à tout moments, on parle ici de navigation structurelle.
60
MÉDIAS ET TRAITEMENT VISUEL//
MÉDIAS Les médias se retrouverons dans le site afin de le dynamiser et de concretiser l’évènement. Dans la page Salon on y retrouvera une vidéo et des photos que l’on peut zoomer, dans la page Défilés des photos déroulerons sous forme de slides, dans la page Espace jeux en ligne un jeux crée en flash sera disponible.
TRAITEMENT VISUEL Le graphisme du site restera à la fois sobre et comtemporain afin d’offrir aux visiteurs à la fois une qualité de site mais aussi une ambiance originale et «fraiche». Il sera en mageur partie blanc et gris clair avec des couleurs très dynamiques tel que la couleur du logo. On y retrouvera des visuels détourés et traités graphiquement tout au long du site avec des illustrations sur le thème de la mode et de l’origami. La Home-Page inclura une grosse partie graphique afin de s’imerger dans l’univers.
61
OUTILS ENVISAGÉS ET PROCESSUS DE MISE À JOUR//
OUTILS ENVISAGÉS// Le site sera entièrement réalisé en Flash, mes commanditaires désirez un site très émergeant avec beaucoups de dynamisme. Mes intentions ce sont porté vers le Full Flash.
PROCESSUS DE MISE À JOUR// Le Grand Palais voit grand pour cet évènement, la mise à jour n’est en aucun cas un soucis car le budget ne pose pas de problème. Les mises à jour sur flash seront effectuées par des Webdesigners qui prendrons la suite des opérations si je ne suis pas affectée à ce poste. - chaques semaines les photos de la page SALON devrons être changé afin de donné vie au site et ainsi fidélisé les visiteurs. - La page d’accueil changera d’aspect graphiquement toutes les trois semaines (changement d’accessoires, de mannequin, d’illustrations...). - La vidéo restera la même jusqu’à la fin de l’évènement, des vidéos supplémentaires seront ajoutés un fois le salon terminé. - La commande de badges n’existera plus une fois le salon fini. - Changement d’aspet de la page CONCOURS une fois le concours terminer le nom du grand gagant sera mis en ligne à une certaine date et heure.
62
ES
TU R
IT EC
AR CH
4
64
- ARBORESCENCE GÉNÉRALE/ - ARBORESCENCE FONCTIONNELLE// - ZONING// - GABARITS// - WIREFRAMES//
66 67-69 70-83 84-97 98-103
65
ARBORESCENCE GÉNÉRALE// NIVEAU 0 NIVEAU 1 NIVEAU 2
HOME
SALON
VISITER
EXPOSANTS
Presentation
Date,horaires
1 1 N o v.
Photos
Lieu
2 0 N o v.
Vidéo
Zoom plan
2 5 N o v.
Badges Commande badge
66
DÉFILÉS
CONCOURS Envoi du projet
C O N TACT I n f o r mations p r a t iques P a r tenaires M entions l é gales Presse
A U T O R I S AT I O N S
REFUS
COMMANDE BADGE
CODE REFUSÉ ENTRER CODE I N V I TAT I O N
I N V I TAT I O N G R AT U I T E
CODE ACCEPTÉ
ACHETER VOTRE BADGE REMPLIR UN FORMULAIRE
PA S R E M P L I
MESSAGE ERREUR
E TA P E S U I VA N T E
LES COORDONNÉES
PA S R E M P L I
MESSAGE ERREUR
E TA P E S U I VA N T E
I N F O R M AT I O N S
PA S R E M P L I
E TA P E S U I VA N T E
IMPRESSION DU BADGE
MESSAGE ERREUR
MESSAGE ERREUR
ARBORESCENCE FONCTIONELLE// A U T O R I S AT I O N S
E N V O I D U P R O J E T ( g e s t i o n de l’e-mail) ENVOI DE L’ E - M A I L POIDS ACCEPTÉ POIDS DE LA PIÈCE JOINTE E-MAIL CORRECT R E N T R E R L’ E - M A I L
E-MAIL REFUSÉ
POIDS REFUSÉ
REFUS
A U T O R I S AT I O N S
C O N TA C T ( g e s t i o n d e l ’ e - mail)
R E N T R E R L’ E - M A I L
E-MAIL REFUSÉ
E-MAIL CORRECT
ENVOI DE L’ E - M A I L
REFUS
ZONING //
FORCE VISUELLE EN % 100 %
80 %
50 %
20 %
Z O N I N G D E L A PA G E D ’ A C C U E I L LOGO
LOGO GRAND PA L A I S , FULLSREEN, SON
A C C R O C H E , D AT E , L I E U
N AV N AV
N AV
N AV
N AV
N AV
FOOTER
FORCE VISUELLE EN % 100 %
80 %
20 %
50 %
Z O N I N G D E L A PA G E S A L O N - S O U S R U B R I Q U E P R É S E N TAT I O N LOGO
LOGO GRAND PA L A I S , FULLSREEN, SON
A C C R O C H E , D AT E , L I E U
CROIX FERME FENÊTRE
TITRE RUBRIQUE
SOUS-MENU RUBRIQUES
TEXTE
I L L U S T R AT I O N
FOOTER
ZONING //
FORCE VISUELLE EN % 100 %
80 %
20 %
50 %
Z O N I N G D E L A PA G E S A L O N - S O U S R U B R I Q U E P H O T O S LOGO
LOGO GRAND PA L A I S , FULLSREEN, SON
A C C R O C H E , D AT E , L I E U
CROIX FERME FENÊTRE
TITRE RUBRIQUE
SOUS-MENU RUBRIQUES
PHOTO
PHOTO
PHOTO
PHOTO
PHOTO
PHOTO
PHOTO
PHOTO
TEXTE
FLÈCHE N AV I G AT I O N
FLÈCHE N AV I G AT I O N
PHOTO
PHOTO
FOOTER
PHOTO
PHOTO
FORCE VISUELLE EN % 100 %
80 %
50 %
20 %
Z O N I N G D E L A PA G E S A L O N - S O U S R U B R I Q U E V I D É O LOGO
LOGO GRAND PA L A I S , FULLSREEN, SON
A C C R O C H E , D AT E , L I E U
CROIX FERME FENÊTRE
TITRE RUBRIQUE
SOUS-MENU RUBRIQUES
TEXTE
VIDÉO
I L L U S T R AT I O N
FOOTER
ZONING //
FORCE VISUELLE EN % 100 %
80 %
50 %
20 %
Z O N I N G D E L A PA G E V I S I T E R - S O U S R U B R I Q U E D AT E S , H O R A I R E S LOGO
A C C R O C H E , D AT E , L I E U
CROIX FERME FENÊTRE
TITRE RUBRIQUE
SOUS-MENU RUBRIQUES
LOGO GRAND PA L A I S , FULLSREEN, SON
TEXTE
I L L U S T R AT I O N
FOOTER
FORCE VISUELLE EN % 100 %
80 %
50 %
20 %
Z O N I N G D E L A PA G E V I S I T E R - S O U S R U B R I Q U E L I E U LOGO
LOGO GRAND PA L A I S , FULLSREEN, SON
A C C R O C H E , D AT E , L I E U
CROIX FERME FENÊTRE
TITRE RUBRIQUE
TEXTE PLAN SOUS-MENU RUBRIQUES
PHOTO
FOOTER
BOUTON ZOOM PLAN
ZONING //
FORCE VISUELLE EN % 100 %
80 %
20 %
50 %
Z O N I N G D E L A PA G E V I S I T E R - S O U S R U B R I Q U E B A D G E S LOGO
A C C R O C H E , D AT E , L I E U
CROIX FERME FENÊTRE
TITRE RUBRIQUE
SOUS-MENU RUBRIQUES
LOGO GRAND PA L A I S , FULLSREEN, SON
TEXTE I L L U S T R AT I O N BADGE
BOUTON COMMANDER
FOOTER
BOUTON COMMANDER
FORCE VISUELLE EN % 100 %
80 %
20 %
50 %
Z O N I N G D E L A PA G E E X P O S A N T S LOGO
A C C R O C H E , D AT E , L I E U
LOGO GRAND PA L A I S , FULLSREEN, SON
CROIX FERME FENÊTRE
TITRE RUBRIQUE
BOUTONS LETTRES ALPHABET
LISTE EXPOSANTS
FOOTER
ZONING //
FORCE VISUELLE EN % 100 %
80 %
50 %
20 %
Z O N I N G D E L A PA G E D É F I L É S - L E G A B A R I T R E S T E L E M Ê M E P O U R L E S T R O I S S O U S - R U B R I Q U E S LOGO
LOGO GRAND PA L A I S , FULLSREEN, SON
A C C R O C H E , D AT E , L I E U
CROIX FERME FENÊTRE
TITRE RUBRIQUE
SOUS-MENU RUBRIQUES
TEXTE SLIDE PHOTOS
T E X T E E X P L I C AT I F
FOOTER
FORCE VISUELLE EN % 100 %
80 %
50 %
20 %
Z O N I N G D E L A PA G E C O N C O U R S LOGO
LOGO GRAND PA L A I S , FULLSREEN, SON
A C C R O C H E , D AT E , L I E U
CROIX FERME FENÊTRE
TITRE RUBRIQUE
T E X T E E X P L I C AT I F
BOUTON TÉLÉCHARGEMENT PDF
LIEN BOITE MAIL
FOOTER
PHOTO DÉTOURÉ
ZONING //
FORCE VISUELLE EN % 100 %
80 %
50 %
20 %
Z O N I N G D E L A PA G E C O N TA C T - I N F O R M AT I O N S P R AT I Q U E S LOGO
LOGO GRAND PA L A I S , FULLSREEN, SON
A C C R O C H E , D AT E , L I E U
CROIX FERME FENÊTRE
TITRE RUBRIQUE
I L L U S T R AT I O N
SOUS-MENU RUBRIQUES
TEXTE
TEXTE
FOOTER
FORCE VISUELLE EN % 100 %
80 %
50 %
20 %
Z O N I N G D E L A PA G E C O N TA C T - PA R T E N A I R E S LOGO
A C C R O C H E , D AT E , L I E U
TITRE RUBRIQUE
L O G O S PA R T E N A I R E S
SOUS-MENU RUBRIQUES
FOOTER
LOGO GRAND PA L A I S , FULLSREEN, SON
CROIX FERME FENÊTRE
ZONING //
FORCE VISUELLE EN % 100 %
80 %
20 %
50 %
Z O N I N G D E L A PA G E C O N TA C T - M E N T I O N S L É G A L E S LOGO
A C C R O C H E , D AT E , L I E U
LOGO GRAND PA L A I S , FULLSREEN, SON
CROIX FERME FENÊTRE
TITRE RUBRIQUE
SOUS-MENU RUBRIQUES
I L L U S T R AT I O N TEXTE
FOOTER
FORCE VISUELLE EN % 100 %
80 %
50 %
20 %
Z O N I N G D E L A PA G E C O N TA C T - P R E S S E LOGO
LOGO GRAND PA L A I S , FULLSREEN, SON
A C C R O C H E , D AT E , L I E U
CROIX FERME FENÊTRE
TITRE RUBRIQUE
SOUS-MENU RUBRIQUES
IMG DOSSIER DE PRESSE
IMG DOSSIER DE PRESSE
BOUTON DE TÉLÉCHARGEMENT
BOUTON DE TÉLÉCHARGEMENT
TEXTE
FOOTER
IMG DOSSIER DE PRESSE
BOUTON DE TÉLÉCHARGEMENT
GABARITS // G A B A R I T D E L A PA G E D ’ A C C U E I L
164
359 px
px
LOGO
94 px
56
px
17
px
VISITER
68
LOGO GRAND PA L A I S , FULLSREEN, SON
57 px
868 px EXPOSANTS
77
17
px
px
DÉFILÉS
92
17 px
9
px
A C C R O C H E , D AT E , L I E U
79 px
17 px
51
px
px
17
LE SALON
px
CONCOURS px
532
px
77
17 px
CONTACT
65 px
14 25
px
px
107
69
px
13 px
16
px
970 px
168 px
px
8
px
148 px
px
G A B A R I T D E L A PA G E S A L O N - P R É S E N TAT I O N
359 p x
164 p x
LOGO
94 px
79 p x
A C C R O C H E , D AT E , L I E U
LOGO GRAND PA L A I S , FULLSREEN, SON
16 p x
884p x
CROIX FERME FENÊTRE
SALON
355 p x
78 p x
364 p x
43p x
TEXTE
248 p x
SOUS-MENU RUBRIQUES
151p x
33p x
9px
9px 9px
57 p x
16 p x
26 p x
89 p x
9px
51 p x
I L L U S T R AT I O N
14 p x 25p x
168 p x
69 p x
107 p x 13 p x
16 p x 970 p x
8px
482 p x
(TRAIT FIN)
148 p x
GABARITS // G A B A R I T D E L A PA G E S A L O N - P H O T O S
359 p x
164 p x
LOGO
94 px
A C C R O C H E , D AT E , L I E U
79 p x
LOGO GRAND PA L A I S , FULLSREEN, SON
16 p x
884p x
CROIX FERME FENÊTRE
560 p x
SALON 78 p x 43p x 33p x
418 p x
9px
9px 9px
57 p x
SOUS-MENU RUBRIQUES
42 p x
133 p x
FLÈCHE N AV I G AT I O N
133 p x 25p x
168 p x
69 p x
107 p x 13 p x
16 p x 970 p x
8px
148 p x
482 p x
42 p x
14 p x
16 p x
26 p x
89 p x
9px
51 p x
G A B A R I T D E L A PA G E S A L O N - V I D É O
359 p x
164 p x
LOGO
94 px
A C C R O C H E , D AT E , L I E U
79 p x
89 p x
9px
51 p x
57 p x
LOGO GRAND PA L A I S , FULLSREEN, SON
16 p x
26 p x
CROIX FERME FENÊTRE
445 p x
78 p x 43p x 33p x
9px
9px 9px
SALON
16 p x
884p x
338 p x
TEXTE
482 p x
309 p x
SOUS-MENU RUBRIQUES
151 p x
197 p x
14 p x 25p x
168 p x
69 p x
107 p x 13 p x
16 p x 970 p x
8px
148 p x
GABARITS // G A B A R I T D E L A PA G E V I S I T E R - D AT E S , H O R A I R E S
359 p x
164 p x
LOGO
94 px
79 p x
A C C R O C H E , D AT E , L I E U
89 p x
9px
51 p x
57 p x
LOGO GRAND PA L A I S , FULLSREEN, SON
16 p x
26 p x
CROIX FERME FENÊTRE
359 p x
78 p x 43p x
143p x
TEXTE I L L U S T R AT I O N (TRAIT FIN)
161 p x
SOUS-MENU RUBRIQUES
191 p x
33p x
9px
9px 9px
VISITER
16 p x
884p x
482 p x
14 p x 25p x
168 p x
69 p x
107 p x 13 p x
16 p x 970 p x
8px
148 p x
G A B A R I T D E L A PA G E V I S I T E R - L I E U
359 p x
164 p x
LOGO
79 p x
A C C R O C H E , D AT E , L I E U
89 p x
LOGO GRAND PA L A I S , FULLSREEN, SON
57 p x
16 p x
26 p x
CROIX FERME FENÊTRE
9px
33p x
74p x
43p x
179 p x
357 p x
78 p x
TEXTE
SOUS-MENU RUBRIQUES
87p x BOUTON ZOOM
12 p x
9px 9px
VISITER
PLAN
482 p x
704 p x
243 p x
151 p x
14 p x 25p x
168 p x
69 p x
107 p x 13 p x
16 p x 970 p x
16 p x
884p x
118 p x
94 px
9px
51 p x
8px
148 p x
GABARITS // G A B A R I T D E L A PA G E V I S I T E R - B A D G E S
359 p x
164 p x
LOGO
94 px
A C C R O C H E , D AT E , L I E U
79 p x
89 p x
LOGO GRAND PA L A I S , FULLSREEN, SON
16 p x
26 p x 9px
151 p x
33p x
TEXTE
202 p x
BOUTON
14px
I L L U S T R AT I O N 482 p x
164 p x
BOUTON
168 p x
69 p x
107 p x 13 p x
83 p x
192 p x
43p x
38 p x
9px 9px
228 p x
78 p x
16 p x
CROIX FERME FENÊTRE
VISITER
151 p x
14 p x
57 p x
884p x
SOUS-MENU RUBRIQUES
25p x
9px
51 p x
16 p x 970 p x
8px
148 p x
G A B A R I T D E L A PA G E E X P O S A N T S
359 p x
164 p x
LOGO
94 px
A C C R O C H E , D AT E , L I E U
79 p x
CROIX FERME FENÊTRE
EXPOSANTS
18p x
9p x
115 p x
544p x BOUTONS ALPHABET
18p x
144 p x
437p x
234 p x
482 p x
14 p x
LOGO GRAND PA L A I S , FULLSREEN, SON
16 p x
884p x
BOUTON
25p x
57 p x
16 p x
26 p x
89 p x
9px
51 p x
LISTES DES EXPOSANTS
168 p x
69 p x
107 p x 13 p x
16 p x 970 p x
8px
148 p x
GABARITS // G A B A R I T D E L A PA G E D É F I L É S LE GABARIT RESTE LE MÊME POUR LES TROIS SOUS-RUBRIQUES 359 p x
164 p x
LOGO
94 px
79 p x
9px
51 p x
A C C R O C H E , D AT E , L I E U
89 p x
57 p x
LOGO GRAND PA L A I S , FULLSREEN, SON
16 p x
26 p x
CROIX FERME FENÊTRE
351 p x
78p x
274 p x
TEXTE
151 p x
482 p x
262 p x
SOUS-MENU RUBRIQUES
175 p x
9p x 9p x 9p x
DÉFILÉS
LOREM IPSUM TOTO GEZIOG BIZBE
14 p x 25p x
168 p x
69 p x
107 p x 13 p x
16 p x
884p x
16 p x 970 p x
8px
148 p x
G A B A R I T D E L A PA G E C O N C O U R S
359 p x
164 p x
LOGO
94 px
79 p x
A C C R O C H E , D AT E , L I E U
57 p x
16 p x
884p x
CROIX FERME FENÊTRE
CONCOURS
198 p x
332 p x
235 p x
TEXTE
14 p x
168 p x
69 p x
107 p x 13 p x
16 p x 970 p x
8px
148 p x
482 p x
383 p x
151 p x
25p x
LOGO GRAND PA L A I S , FULLSREEN, SON
16 p x
26 p x
89 p x
9px
51 p x
GABARITS // G A B A R I T D E L A PA G E C O N TA C T - I N F O R M AT I O N S P R AT I Q U E S
359 p x
164 p x
LOGO
94 px
79 p x
A C C R O C H E , D AT E , L I E U
CROIX FERME FENÊTRE
18 p x
CONTACT
454 p x
86 p x
361 p x
72 p x
387p x
59 p x 9px
18 p x
16 p x
40 p x
(TRAIT FIN)
TEXTE
168 p x
69 p x
107 p x 13 p x
16 p x 970 p x
8px
148 p x
482 p x
I L L U S T R AT I O N
247 p x
14 p x
LOGO GRAND PA L A I S , FULLSREEN, SON
884p x
151 p x
25p x
57 p x
16 p x
26 p x
89 p x
9px
51 p x
G A B A R I T D E L A PA G E C O N TA C T - PA R T E N A I R E S
359 p x
164 p x
LOGO
94 px
79 p x
57 p x
CROIX FERME FENÊTRE
86 p x 72 p x 59 p x
66 p x
18 p x
88 p x
682 p x
LOGO PARTENAIRE
40 p x
14 p x
168 p x
69 p x
107 p x 13 p x
16 p x 970 p x
8px
148 p x
482 p x
386 p x
151 p x
25
LOGO GRAND PA L A I S , FULLSREEN, SON
16 p x
884p x
CONTACT
9px
18 p x
A C C R O C H E , D AT E , L I E U
16 p x
26 p x
89 p x
9px
51 p x
GABARITS // G A B A R I T D E L A PA G E C O N TA C T - M E N T I O N S L É G A L E S
359 p x
164 p x
LOGO
94 px
A C C R O C H E , D AT E , L I E U
79 p x
CROIX FERME FENÊTRE
18 p x
CONTACT
290 p x
86 p x
361 p x
72 p x
374 p x
59 p x 9px
18 p x
16 p x
40 p x
(TRAIT FIN)
168 p x
69 p x
107 p x 13 p x
16 p x 970 p x
8px
482 p x
I L L U S T R AT I O N TEXTE
247 p x
14 p x
LOGO GRAND PA L A I S , FULLSREEN, SON
884p x
151 p x
25p x
57 p x
16 p x
26 p x
89 p x
9px
51 p x
148 p x
G A B A R I T D E L A PA G E C O N TA C T - P R E S S E
359 p x
164 p x
LOGO
94 px
A C C R O C H E , D AT E , L I E U
79 p x
16 p x
884p x
CROIX FERME FENÊTRE
18 p x
86 p x 169 p x
72 p x 59 p x
14 p x
BOUTON
BOUTON
75 p x
364 p x
14 p x
BOUTON
78 p x
TEXTE
168 p x
69 p x
107 p x 13 p x
482 p x
236 p x
40 p x 151 p x
25p x
LOGO GRAND PA L A I S , FULLSREEN, SON
CONTACT
9px
18 p x
57 p x
16 p x
26 p x
89 p x
9px
51 p x
16 p x 970 p x
8px
148 p x
WIREFRAMES//
W I R E F R A M E D E L A PA G E D ’ A C C U E I L XO XO XO XO
XOXOXOXO XOXOXO XOXO
LOGO
L O R E M I P S U M D O L O R S I T A M E T, C O N S E C T E T U R A D I P I S C I N G E L I T. M A U R I S FA C I L I S I
2
XOXOXO
2
XOXOXO
2
XOXOXO
2
2
N AV
XOXOXO
1 2
XOXOXO
F/T
LOREM IPSUM DOLOR
S I T A M E T, C O N S E C T E T U R A D I P I S C I N G E L I T. M
1
EFFET PARALLAXE PAGE D’ACCUEIL// Sur la page d’accueil, on retrouver un effet parallaxe léger sur les visuels ainsi que sur le menu de navigation.
2
Bouton de navigation cliquable qui par interpolation se transforme en fenêtre.
AVANT PROPOS// Concernant les Wireframes, j’ai pris en considération le fait que les différentes fenêtres du site se ressembles et donc il n’y a ce besoin de réaliser la totalité des Wireframes. J’ai donc sélectionné les pages les plus dynamiques afin de mieux comprendre le fonctionnement de celle-ci.
W I R E F R A M E D E L A PA G E S A L O N - S O U S R U B R I Q U E P H O T O S XO XO XO XO
XOXOXOXO XOXOXO XOXO
LOGO
L O R E M I P S U M D O L O R S I T A M E T, C O N S E C T E T U R A D I P I S C I N G E L I T. M A U R I S FA C I L I S I
TITRE RUBRIQUE
1
3
X
SOUS-MENU RUBRIQUES SOUS-MENU RUBRIQUES
PHOTO
PHOTO
PHOTO
PHOTO
PHOTO
PHOTO
PHOTO
PHOTO
PHOTO
PHOTO
PHOTO
PHOTO
SOUS-MENU RUBRIQUES
>
>2
1
Une fois la fenêtre ouverte, on peut changer de page intérieur à l’aide du sous-menu, les pages s’afficheront sous forme d’interpolation de mouvement pour créer du dynamisme.
2
À l’aide des flèches de navigations on pourra changer les images de la galerie de photos.
3
Une petite croix en haut à droite de la fenêtre permet de la fermer et ainsi retourné à la page d’accueil.
WIREFRAMES//
W I R E F R A M E D E L A PA G E S A L O N - S O U S R U B R I Q U E P H O T O S LOGO
XO XO XO XO
XOXOXOXO XOXOXO XOXO L O R E M I P S U M D O L O R S I T A M E T, C O N S E C T E T U R A D I P I S C I N G E L I T. M A U R I S FA C I L I S I
X
TITRE RUBRIQUE SOUS-MENU RUBRIQUES SOUS-MENU RUBRIQUES SOUS-MENU RUBRIQUES
LE SALON DE LA MODE ORIGAMI A LA NEF DU GRAND PALAIS EST LE RENDEZ-VOUS INCONTOURNABLE DE LA MODE À PARIS. VENEZ FAIRE PARTIE DE CE NOUVEAU SALON. LE SALON DE LA MODE ORIGAMI PRÉSENTE UNE SÉLECTION DE 350 CRÉATEURS POINTUS, HAUT-DEGAMME QUI INFLUENCENT LES ACHATS D’UNE DISTRIBUTION EXCLUSIVE INTERNATIONALE.
1
VIDÉO
VENEZ DÉCOUVRIR NOTRE SALON TEMPORAIRE AINSI QUE LES DÉFILÉS DES CRÉATEURS INFLUENTS DANS LE MONDE LA MODE ORIGAMI. VENEZ DÉCOUVRIR NOTRE SALON TEMPORAIRE AINSI QUE LES DÉFILÉS DES CRÉATEURS INFLUENTS DANS LE MONDE LA MODE ORIGAMI.
1
Une vidéo de présentation de l’évènement va être mise en place, on pourra lire la vidéo et aussi l’arrêté.
W I R E F R A M E D E L A PA G E V I S I T E R - S O U S R U B R I Q U E L I E U LOGO
XO XO XO XO
XOXOXOXO XOXOXO XOXO L O R E M I P S U M D O L O R S I T A M E T, C O N S E C T E T U R A D I P I S C I N G E L I T. M A U R I S FA C I L I S I
X
TITRE RUBRIQUE SOUS-MENU RUBRIQUES SOUS-MENU RUBRIQUES SOUS-MENU RUBRIQUES
LE SALON DE LA MODE ORIGAMI A LA NEF DU GRAND PALAIS EST LE RENDEZ-VOUS INCONTOURNABLE DE LA MODE À PARIS.
1
VENEZ FAIRE PARTIE DE CE NOUVEAU SALON.
PLAN
PHOTO
1
Une image du plan du lieu sera disposer dans la fenêtre, en cliquant dessus on pourra accédé à un zoom du plan et en cliquant sur le bouton d’à coté celui-ci nous dirigera vers une page externe google map.
WIREFRAMES//
W I R E F R A M E D E L A PA G E E X P O S A N T S LOGO
L O R E M I P S U M D O L O R S I T A M E T, C O N S E C T E T U R A D I P I S C I N G E L I T. M A U R I S FA C I L I S I
X
TITRE RUBRIQUE ABCDEFGHIGKLMNOPQRSTUVWXYZ TOUTES LES MARQUES 2 AMET & LADOUE ANMIANNE-MARIE AERCKESANOUKART AWEAR ADIMITRIADISBARKBEIRN*BERACAMY APARISBLUIBY BOEBY PHILIPPE APERRETTICATHSCHAN A LUUCHEET LONDONCHIC ALORS ACITRUSCORALIA AEETS JEWELRYDALALEO ADE LONTI ADECOR DE DECORERFURT LUXURY ACCESSORIESERIC GALLAIS AVA KRYSTALEVATINI (DI DANIELA TRAMPINI) ALLETTI FIRENZE
XO XO XO XO
XOXOXOXO XOXOXO XOXO
1
ALEN PRINCE ANNEIMAÌIMUKA ATIMUKAT APARISJACCOKATIE AMOND AJEWELRYKUSA ANMURILE ANDORINE
1
En cliquant sur les lettres de l’alphabet on retrouve en dessous la liste des marques classés.
2
En cliquant sur le bouton TOUTES LES MARQUES on obtient une liste des marques non-classés.
W I R E F R A M E D E L A PA G E D É F I L É S LOGO
XO XO XO XO
XOXOXOXO XOXOXO XOXO L O R E M I P S U M D O L O R S I T A M E T, C O N S E C T E T U R A D I P I S C I N G E L I T. M A U R I S FA C I L I S I
X
TITRE RUBRIQUE SOUS-MENU RUBRIQUES SOUS-MENU RUBRIQUES SOUS-MENU RUBRIQUES
LE SALON DE LA MODE ORIGAMI A LA NEF DU GRAND PALAIS EST LE RENDEZ-VOUS INCONTOURNABLE DE LA MODE À PARIS. VENEZ FAIRE PARTIE DE CE NOUVEAU SALON. LE SALON DE LA MODE ORIGAMI PRÉSENTE UNE SÉLECTION DE 350 CRÉATEURS POINTUS, HAUT-DE-GAMME QUI INFLUENCENT LES ACHATS D’UNE DISTRIBUTION EXCLUSIVE INTERNATIONALE.
<
1
>
VENEZ DÉCOUVRIR NOTRE SALON TEMPORAIRE AINSI QUE LES DÉFILÉS DES CRÉATEURS INFLUENTS DANS LE MONDE LA MODE ORIGAMI.
DÉLILÉ AUTOMNE-HIVER 2010
1
À l’aide des flèches de direction on pourra changer les photos de la collection de vêtements.
par la DOMINANTE. DOSSIER DE PRÉSENTATION//
Dossier_Présentation_Sandra_Ollier_Web1_2012_Site_Événementiel_Salon_De_La_Mode_Origami