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

Slides:



Advertisements
Présentations similaires
Portail Sdin Méthodes pour la contribution du portail SDIN Mars 2013.
Advertisements

Navigation et ergonomie des sites Internet
Information de transports en commun
Interface Esup-Portail Onglets Classification des contenus –Onglets –Colonnes –Canaux Onglets : définition de rubriques spécifiques de contenu Les contenusPréférencesSkins.
Un nouveau site web pour le consortium ESUP Portail 30 Juin 2008 Université Paris Descartes.
Copyright 2009 © Consortium ESUP-Portail ESUP-Days février 2010 Paris Les Espaces d'échanges Esup-Portail.org Paris, 5 Février 2010.
Interface Esup-Portail Onglets Classification des contenus –Onglets –Colonnes –Canaux Onglets : définition de rubriques spécifiques de contenu Les contenusPréférencesSkins.
Portail internet / extranet activités de loisirs & découverte accompagnée dans les Monts d'Ardèche Projet réalisé grâce.
Présentation du projet de « Marketing digital ». Nom du projet Présentation de votre concept.
Le site de Vic-sur-Cère. Page daccueil Image de fond BANNIERE 1 BAN.2 CONTENU pied BARRE réservée Administration MENU DEROULANT 6 RUBRIQUES 4 WIDGETS:
Service Géologique Régional AQUITAINE B.Ayache CLE – 11 juillet 2011.
Lycée C. De Gaulle Vannes Vente en ligne,.. …une question dergonomie.
La page daccueil Analyse et principes de conception.
Vente en ligne,.. …une question dergonomie.. Les clés de la réussite du site web marchand : Contenus rédactionnels Navigation Design Accessibilité
Présentation déclinaisons graphiques du site FTVP 10/07/2008.
Module 3.Adapter son portail Netvibes à ses besoins
Module 1.Découverte de Netvibes Un portail personnalisé
Quest-ce quun lien ?. Exemple à partir du site du ministère de léducation nationale A la page daccueil, vous y trouvez du texte et … des liens vers dautres.
Gestion de linformation par portail personnalisé.
Utilisation du CMS WordPress
Les statistiques de votre site Internet et leur exploitation EPI de Die le 12/04/2011 8, rue de la citadelle – Die.
Logiciel auteur : convivial et simple d’utilisation
Mission 2 : Recherche et Création de site web.
Cahier des charges « portail B2B » Groupe CAT
1 LES JOURNÉES DE LA GÉOMATIQUE DES PAYS DE LA LOIRE 17 et 18 décembre 2013 Le service du patrimoine.
Site :
Que trouver où sur le nouveau site du REFEDD. La page daccueil Nous contacter et suivre nos actus Le menu avec nos projets, nos formations, nos missions,
Relation Propriétaire/Locataire
Mairie du 13ème et Street Art
Création de menus. Depuis la page d’accueil de votre site, cliquez sur le lien [Login] puis saisissez les identifiants qui vous ont été attribués. Connectez-vous.
Formation TYPO3 Lecture par « rôle » janvier 2010.
Montmagny à l’ère du web 2.0. LES ORIGINES DU PROJET.
Portail « Citoyens » - Approbateur Ville de Sherbrooke Formation Telus Portail Municipal Octobre 2007.
Jquery.
A L I M E N T A T I O N A G R I C U L T U R E E N V I R O N N E M E N T Présentation d’un site « clé en main »
Principes de base de Joomla Cours de gestion et publication de contenu sur internet Novembre 2010 – Eric Giraudin.
Le concept du portail web Le concept du portail web Janvier 2011 – Eric Giraudin.
Création web Bases & outils de production et de création
Ahmed Jebali – INSTA Ahmed Jebali INSTA mai 2007 Cours Chap 0 : Framework, cms, lib.. PHP.
Support aux tutoriaux vidéo et au discourt Éléments de construction des tutoriaux iPad – Prise en main Navigation globale 1 iPad – Prise en main - Navigation.
La refonte des sites d’appui Ce qui change pour vous.
Gestion des fichiers et dossiers
Présentée par Jean-Philippe Rioux, conseiller pédagogique RÉCIT, Commission scolaire des Découvreurs.
REALISATION DU SITE INTERNET DE Références all-in-web Proposition du 29 novembre 2012 Votre interlocuteur : Francis ALLARD.
Représentation de l’IRD au Sénégal DIC décentralisée
Guide n° 1 Formation initiale Primaire
Et trouver ce que l’on cherche Rechercher sur Internet.
HU Intégration multimédia et diffusion sur support Enseignant : Eric Barrette Exercice de révision Intégration multimédia.
Téléphone Samsung Galay Y Préparation pour DAJAX JLV Février 2013 Activer "Rotation d'écran"Desactiver "Rotation d'écran"
DUTEIL la langue de chez nous
présente Imaginer, concevoir, mettre en ligne et maintenir un site Web.
EXPLICATION GRAPHIQUE
Corel VideoStudio Pro X6. Qu’est-ce que c’est ? Corel VideoStudio Pro X6 est un logiciel de conception de montage vidéo Corel VideoStudio Pro X6 est un.
Presented by Initiation à Google, un moteur de recherche Niveau 1.
Location d’appartements de standing
Portail Tech Digora présentation février 2011.
DIRECTDIGITALDRIVEDATA © Copyright EURO RSCG 4D 2005 Mini-site D IRECTION V ACANCES 22 juin – 6 août 2005 Présentation des Solutions Techniques 24 mai.
La Réalité Augmentée Entre la réalité et le monde virtuel, se trouve le domaine de la " réalité augmentée " : celui de l'image vidéo telle qu'elle est.
Perrine Royole-Degieux Com LHC-IN2P3 –23 novembre 2011 à Paris (APC) Perrine Royole-Degieux Web, vidéos et réseaux sociaux.
Développement et design Web Awaves academy Stockholm 2006.
c’est très INTERESSANT... Uniquement quand c’est
Refonte du site internet
Recueil d’exemples de cartographie dynamique (actualisé le 30/01/03)
Références Créateur de sites internet SYNAPSE ENTREPRISES T : F : SYNAPSE Entreprises 125,
Présentation du projet de Techniques de la communication professionnelle.
Créer un site avec Wordpress. 1. Principes généraux 2. Installation 3. Paramétrage de Wordpress 4. Les catégories des articles 5. Les articles 6. Les.
LA PUBLICATION SUR ELYCO 1.Organisation visuelle de l’information sur le site (Charte graphique, identité numérique) 2.Amélioration de la qualité et la.
E-lyco à la découverte de l’interface. L’environnement numérique de travail e-lyco est un ensemble de services en ligne, personnalisés et sécurisés, accessibles.
Les ateliers l’environnement numérique de travail en Midi-Pyrénées L’ENT MIDI-PYRÉNÉES EST SOUTENU PAR L’ent : prise en main - CLIQUEZ POUR CONTINUER -
Transcription de la présentation:

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

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 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 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 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 :

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 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 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 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 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 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.