Références Créateur de sites internet SYNAPSE ENTREPRISES T : 01 72 33 90 70 F : 01 70 08 80 69 SYNAPSE Entreprises 125,

Présentation au sujet: "Références Créateur de sites internet SYNAPSE ENTREPRISES T : 01 72 33 90 70 F : 01 70 08 80 69 SYNAPSE Entreprises 125,"— Transcription de la présentation:

1 Références Créateur de sites internet SYNAPSE ENTREPRISES T : 01 72 33 90 70 F : 01 70 08 80 69 contact@synapse-entreprises.com SYNAPSE Entreprises 125, Bld Lefebvre - 75015 Paris www.synapseweb.fr MAQUETTES SYNAPSE Pour le site Internet De la ville de VERNON

2 2 Le succès de la conception de votre nouveau site dépendra beaucoup de la compréhension de vos attentes. Cette compréhension nécessite de vous impliquer dans un questionnement. C’est pourquoi, dans cette phase de consultation nous avons des hésitations. Nous vous proposons donc plusieurs ébauches mettant en valeur nos doutes et nos interprétations. Maquettes

3 3 Nos doutes : Dans cette phase des choix fondamentaux peuvent être faits et orienteront tout le processus de conception du site : Long scrolling : Tendance forte due aux habitudes de consultation prise sur les smartphones : on ne clique plus, mais on fait défiler (avec le doigt). Exigences / Contraintes : à débattre en audition Exemples www.neotokio.itwww.neotokio.it www.newzealand.com www.cannes.comwww.newzealand.comwww.cannes.com Mis en application sur les maquettes SYNAPSE pour VERNON numéro 1 et 2. Images géantes : Une image occupe l’intégralité du fond de la page d’accueil. Exigences / Contraintes : à débattre en audition Exemples www.beaufortain-vtt.comwww.beaufortain-vtt.com www.gitesdelaceze.comwww.gitesdelaceze.com Mis en application partielle sur la maquette SYNAPSE pour VERNON numéro 4. Application partielle, car nous avons mis en valeur le centre de la photo afin d’avoir un esprit de diaporama central qui se prolonge à l’extérieur de la zone de travail Maquettes

4 4 Grid ou Card Design: Pour une présentation visuelle et accessible sans effort, le card design (inspiré de Pinterest) permet une présentation nette et simple. Cela permet notamment un jeu de positionnement dynamique entre les différentes dimenions d’écran de visualisation Exigences / Contraintes : à débattre en audition Exemples www.aquitaine.frwww.aquitaine.fr www.issy.com http://international.stockholm.sewww.issy.comhttp://international.stockholm.se Mis en application sur les maquettes SYNAPSE pour VERNON numéro 1 et 2. Flat design: Une image occupe l’intégralité du fond de la page d’accueil. C’est une tendance à la simplification du design en mettant tout les éléments « à plat » et en éliminant tout détail superflu : ombrage, effet de relief… Exigences / Contraintes : à débattre en audition Exemples www.ville-courbevoie.frwww.ville-courbevoie.fr www.grenoble.fr www.reims.frwww.grenoble.frwww.reims.fr Mis en application sur les 4 maquette SYNAPSE pour VERNON, surtout sur les versions 1 et 2. Maquettes

5 5 Notre interprétation « provisoire » est basée sur : Une identification immédiate de la ville Position du logo, du nom Respect de la charte graphique Choix d’une photo représentative L’image d’une ville accueillante, dynamique et où il fait bon vivre Choix des photos : de l’humain et du patrimoine + des photos d’activité économique Essais sur fond sombre et ajout à discuter de couleur chaleureuse Une navigation simple et intuitive Un zoning respectant les habitudes de l’internaute Un unique menu principal, visible et dépliant ensuite en maximenu Des zones réactives au survol Des pictos simplifiant la compréhension Une modernité Mise en valeur des éléments d’interactivité du site Originalité d’organisation Un design full responsive Une charte permettant une évolution et l’ajout de nouveaux modules Maquettes

6 6 Maquette V2 SYNAPSE Pour VERNON

7 7 Maquettes Maquette V2 SYNAPSE Pour VERNON

8 8 Maquettes Maquette V3 SYNAPSE Pour VERNON

9 9 Maquettes Maquette V4 SYNAPSE Pour VERNON

10 Responsive design Les versions smartphone / tablette / fablette seront étudiées en phase suivante. Ordinateur : étude grand format, et format minimal Tablette : comportement horizontal et vertical Smartphone : de différentes dimensions et format Ergonomie 10