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,

Slides:



Advertisements
Présentations similaires
Votre logo à insérer ici
Advertisements

Les outils marketing développés par Tendance Presquîle.
Présentation du projet de « Marketing digital »
Créer un nouveau site internet Lions e-Clubhouse Lapplication Lions e-Clubhouse
1Er Partie Intervenants : Nuno Barata Alain Joly Thierry Belvigne
Proposition du : 31/01/13 pour la Fédération des Spécialités Médicales ANNEXE 2 Maquettes de votre PF.
La maquette du futur maurepas.net : Pourquoi - Comment
Présentation du projet de « Marketing digital ». Nom du projet Présentation de votre concept.
Site WEB: communication grand publique
Éléments de présentation
Créer un diaporama avec Open Office Impress
En 2014, votre Extranet évolue !
Utilitaire pour créer des diaporamas en Flash et HTML : PORTA
Présentation du journal Scolaweb et de l’administration du site.
Gestion de la communication par établissement sur le site ville
Formation sur les parties virtuels
Dream Factory: Enguerran Poulain Paul Fontaine Akram Benayaha
PROJET DATELIEU 20 MARS 2012LCP SALLE B105 création du site internet avec Weebly.
Concevoir un diaporama avec Power Point.
Relation Propriétaire/Locataire
Les fonctionnalités : Contacts Windows Présentation de CARNET DADRESSE.
Interfaces et Scénarisation (COM2571) 5 novembre 2013 Grégory Petit
De l’Assiette de Pays Normandie à Chef et terroir Normandie :
Le menu « Actualités » © Michel DURIEUX – Février 2007.
Mini guide pour utilisation du site web A lattention des ECO Artisans ®
TUTO POWER POINT Parole d’école décembre 2010
Easy-kiosk Dossier de conception.
CRÉATION D’UN MODÈLE DE CONCEPTION AVEC LE LOGICIEL POWERPOINT
L’agence partenaire de votre communication digitale Présentation du Groupe Com6 Un site internet « sur mesure » oNotre studio web design oUne solution.
Pour une présentation orale
Refonte du portail Internet agglo-montbeliard.fr Explications graphiques 08/11/2012.
TD11 : Logiciel de présentation PowerPoint
Idéal Gourmet Juin 2007 Externalisation et réduction des dépenses de restauration Réservations individuelles et de groupe.
Bienvenue sur l’outil d’aide à l’inscription du site
DESIGN MULTIMÉDIA Initiation aux bases de La scénarisation multimédia
SITE INTERNET « les fans de la ruelle en chantier »
Location d’appartements de standing
Découverte... Portail Caf partenaires
SI 28 - Écriture interactive & multimédia Dreamweaver Séance 1 Petit Clara & Palfart Julien Printemps2008 Printemps 2008.
Notre croisière ! Été Dépannage informatique Réinstallation Windows Réinstallation Windows Désinfection virale Désinfection virale Sauvegarde de.
Éléments de présentation
Exemple de trame de storyboard
1. 2 Avant de penser recruter, il faut connaître la relève et surtout si nous avons la même perception sur: QUI EST LA RELÈVE? QU’EST-CE QUE JE PENSE.
Les outils graphiques Permet de traiter ces dessin Manipuler des formes, des photos Modifier les vidéo 3 D.
Les outils graphiques Ce sont des outils qui nous permet de modifier et crée des photos et vidéos. Outils servant à la création, au traitement et à l’exploitation.
SOUTENANCE DE PROJET LE GASTRONAUTE IUT de Troyes Département MMI
Le menu « Albums photos » © Michel DURIEUX – Février 2007.
Le forum Comment ca marche? (Cliquez pour défiler)
Présentation du projet de Techniques de la communication professionnelle.
La démarche 5S La démarche 5S à DPTA.
ESPE Dépôt pour les masters 2nd degré Module évaluateur Mis à jour le 10 septembre 2015.
Conscient de la difficulté qu’ont nos visiteurs pour trouver des articles sur le site – à ce jour, articles sont publiés ! – nous avons décidé de.
SI28 Dreamweaver- Séance 1
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Image Ready SI28 _ P09 MACHIN Alexandre BRUTEL Aline.
Exposé DREAMWEAVER 2 Guillaume DUBREUIL Adrien HADOUX.
ASSOCIATION DES CLOUTIER D’AMÉRIQUE Présentation du site web par Michel Cloutier Version brouillon.
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
1Boulogne Informatic Club PRESENTATION DE WINDOWS 10.
Organiser et partager la connaissance. Un outil simple SélectionnerOrganiser Collaborer et Partager Pearltrees permet d’organiser et de partager tout.
Les outils graphiques Qu’est-ce qu’un graphique ? -Il permet de traiter des dessins -De manipuler des formes de photos -De modifier les vidéo 3D Outils.
INTRODUCTION Ce document présente les étapes pour inscrire votre association sur le site du mouvement sportif dans le cadre de.
Réussir un diaporama S. Pignon –
UX Design : Optimisez l’expérience de vos utilisateurs ! Le design au service de vos utilisateurs et de votre business.
Représenter une réalisation sous forme de schéma ou de diagramme
Lancement du projet de refonte du portail eaufrance Groupe de coordination inter bassins 28/01/2014 – Anne Macaire.
1 Interne Orange Accédez à votre système d'information depuis votre terminal mobile Nomalys.
Transcription de la présentation:

Références Créateur de sites internet SYNAPSE ENTREPRISES T : F : SYNAPSE Entreprises 125, Bld Lefebvre Paris MAQUETTES SYNAPSE Pour le site Internet De la ville de VERNON

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 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 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 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 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 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 Mis en application sur les 4 maquette SYNAPSE pour VERNON, surtout sur les versions 1 et 2. Maquettes

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 Maquette V2 SYNAPSE Pour VERNON

7 Maquettes Maquette V2 SYNAPSE Pour VERNON

8 Maquettes Maquette V3 SYNAPSE Pour VERNON

9 Maquettes Maquette V4 SYNAPSE Pour VERNON

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