Refonte du portail Internet agglo-montbeliard.fr Explications graphiques 08/11/2012.

Présentation au sujet: "Refonte du portail Internet agglo-montbeliard.fr Explications graphiques 08/11/2012."— Transcription de la présentation:

1 Refonte du portail Internet agglo-montbeliard.fr Explications graphiques 08/11/2012

2 2 Core-Techs Explications graphiques - Montbéliard Piste 1  Une approche épurée avec de larges visuels immersifs  Une reprise des codes institutionnels, une information claire, un style simple et sobre pour aller à l’essentiel  Un site résolument moderne et élégant par sa construction carré adaptable pour les tablettes et les mobiles

3 3 Core-Techs Focus sur les principales actualités Barre de navigation principale Logo cliquable qui permet de revenir à la page d’accueil du site Publicité Actualités Agenda Les grands projets Vidéos Facebook

4 4 Core-Techs Explications graphiques - Montbéliard Piste 2  Une approche originale et avant- gardiste  Une mise en avant des contenus primordiaux et une approche visuelle attractive  Un graphisme simple et contemporain, reprenant les codes de la charte graphique

5 5 Core-Techs Explications graphiques - Montbéliard Gestion du Parallaxe  Cet effet donne de la profondeur et du relief aux interfaces plates et habituelles. Le déplacement de plusieurs éléments au scroll sur des couches et à des vitesses différentes donne cet effet de profondeur.  Permet de jouer avec différents fonds d’écrans et des éléments en surimpression tel une timeline. Exemple : http://paris.3ds.com/http://paris.3ds.com/

6 6 Core-Techs Explications graphiques - Montbéliard Piste 2 Selon le principe évoqué ci- dessus, l’ensemble de la home est constituée d’un enchainement de fonds avec des modules qui « circulent » plus lentement et permettent d’accéder à des pages de contenus, etc… Il est possible d’accéder au contenu via le menu classique en haut de l’écran. Ci-dessous les 4 pages en détail.

7 7 Core-Techs Exposition virtuelle - Ville de Roubaix On retrouve à droite un menu d’accès rapide aux différentes slides verticales. Les visiteurs peuvent retrouver facilement leurs problématiques les plus fréquentes : les démarches, les transports, les déchets, les questions...

8 8 Core-Techs Exposition virtuelle - Ville de Roubaix Découverte en détail de la communauté d’agglomération de Montbéliard, grâce à son rôle, ses missions et ses membres qui la composent.

9 9 Core-Techs Exposition virtuelle - Ville de Roubaix Sont mêlées ici actualités et vidéos, afin que le visiteur ai accès directement à toutes les informations.

10 10 Core-Techs Exposition virtuelle - Ville de Roubaix Pour ceux qui veulent aller plus loin et approfondir leur recherche, un accès aux téléchargements, un moteur de recherche avancé et une mise en avant du magazine.

11 11 Core-Techs Exposition virtuelle - Ville de Roubaix En fond, une vue aériene de Montbéliard, avec un accès aux cartographies 3D et interactives.