c o n c e p t i o n Un savoir-faire et des experts pour concevoir des sites efficaces et durables

Transcription

1 c o n c e p t i o n Un savoir-faire et des experts pour concevoir des sites efficaces et durables

2 Notre approche de la conception Nous concevons des sites web et mobiles centrés utilisateurs, en prenant en compte vos objectifs business et l accessibilité par les moteurs aux contenus de votre site. Objectifs business + Utilisateurs + Référencement naturel Transformation zonings storyboard processus Personas parcours utilisateurs landing-page ergonomie arborescence Eye tracking charte graphique architecture de l information SEO CMS Notre travail est basé sur : Une équipe d experts Des méthodologies concrètes Notre expérience = La garantie Clark : Site web efficace & durable Des concepteurs et directeurs artistiques expérimentés maitrisant toutes les problématiques techniques, avec une connaissance approfondie des principaux CMS du marché : ez Publish, Drupal, Typo 3, Magento 2

3 Une méthodologie de conception rigoureuse... 1/2 1 - Etude et analyse des objectifs du site Accompagnement cadrage / positionnement -> Cibles, objectifs, benchmark Architecture de l information -> Organisation des contenus, tri par carte, arborescence (respect charte SEO) Arborescence 2 - Conception centrée utilisateur Définition des processus et parcours utilisateurs -> Personas & storytelling, zonings Conception ergonomique -> Réalisation des maquettes fonctionnelles des principaux gabarits Conception rédactionnelle -> Charte éditoriale, wording (respect charte SEO) Conception fonctionnelle -> Rédaction du cahier des charges fonctionnel Maquette fonctionnelle 3

4 Une méthodologie de conception rigoureuse... et efficace. 2/2 3 - Validation par l expérience utilisateur Prototypage -> Réalisation de prototypes html à partir des maquettes fonctionnelles Tests utilisateurs (Eye tracking) -> Validation par l «expérience utilisateur» Eye tracking (Tobii) 4 - Maquettes graphiques Conception graphique -> Charte graphique, logo, déclinaison gabarits Intégration XHTML / CSS / JS -> Normes W3C, accessibilité, respect charte SEO Recette graphique -> Audit conformité après développement Maquette graphique 4

5 Des livrables de qualité Analyse et Conception Arborescence (mindmapping) Cahier d architecture (zonings parcours utilisateurs) Maquette fonctionnelle des différents gabarits Document de charte éditoriale Prototype html des différents gabarits Maquettes graphiques des gabarits principaux Cahier des charges fonctionnel Tests utilisateurs Document de préparation des tests (scénarios, panel) Rapport d analyse des résultats et recommandations Arborescence / Mindmapping Maquette fonctionnelle 5 Production Déclinaisons graphiques de tous les gabarits (psd) Intégration html + css (fichiers html/css et js) Maquette graphique

6 Une équipe 100% conception 1 directeur de conception Mission : Encadrer le pôle conception, valider l ensemble des livrables et garantir le respect de la méthodologie. 3 consultants concepteurs/ergonomes Mission : Participer à la réflexion marketing, délimiter le périmètre fonctionnel, concevoir les maquettes fonctionnelles (structure de l info, ergonomie, parcours utilisateurs), rédiger le cahier des charges fonctionnel. Expertises : Structure de l information, conception ergonomique et fonctionnelle, web analyse 6 3 directeurs artistiques Mission : Travailler en équipe avec les concepteurs/ergonomes afin de réaliser, d après leurs recommandations, les maquettes graphiques des différentes pages optimisées... 3 chefs de projets Mission : Être l interlocuteur privilégié du client, le garant de la satisfaction client et du respect des délais : Gestion des plannings, suivi et reporting client, coordination des différents intervenants (interne à l agence et/ou externe : SSII, DSI..)

7 Cas client / Portail Famille chrétienne Objectifs Concevoir le site catho de toute la famille, véritable prolongement du magazine «Famille Chrétienne». Travail effectué Accompagnement positionnement Architecture de l information Définition des parcours utilisateurs Conception ergonomique et fonctionnelle Conception et déclinaison graphique Intégration html/css et javascript Réalisation technique (php/mysql) 7 Résultats Plus de pages vues par mois, après seulement 2 mois d existence. 5 pages vues par visite grâce à une conception permettant un accès simplifié à l ensemble des articles (poursuite de lecture, thématiques transversales...)

8 Cas client / E-commerce ResidEtudes & Objectifs Refonte des sites des 2 chaînes Appart Hotel du groupe, Residhome et Sejours & affaires. Adapter la conception ergonomique et graphique en fonction de leur positionnement (haut de gamme pour ResidHome, et professionnel pour Séjours & Affaires), tout en mutualisant les parcours utilisateurs pour permettre le développement d une plateforme technique commune. Travails effectués / Livrables Accompagnement positionnement et concept des sites Architecture de l information Définition des parcours utilisateurs Conception ergonomique et fonctionnelle Conception et déclinaison graphique Intégration html/css et javascript (Google maps) 8 Résultats Une même plateforme technique, mais 2 sites très différents, chacun adapté parfaitement à leur cible. Une augmentation significative des réservations depuis la mise en ligne des nouveaux sites (Août 2009).

9 Cas client / Communauté Pets dating Objectifs Concevoir le premier site de rencontre pour tous les animaux, permettant de mettre en relation animaux, maitres et professionnels au sein d une communauté dédiée aux animaux de compagnie. Travail effectué Accompagnement positionnement (business model, monétisation ) Architecture de l information Définition des parcours utilisateurs Conception ergonomique et fonctionnelle (maquettes fonctionnelles) Conception graphique (maquettes graphiques) Intégration html/css et javascript Réalisation technique (php/mysql) 9 Résultats Une communauté active, un nombre de pages vues par visite élevé grâce à une conception favorisant le linking interne. Le référencement naturel, maillon faible des communautés, a été pris en compte avec succès dès la conception, notamment par la création d une rubrique «conseils & infos».

10 Cas client / Interface riche Wuiper Objectifs Concevoir une interface riche à destination des adolescents, en prolongement de la plateforme SMS, proposant un grand nombre de fonctionnalités communautaires. Travails effectués / Livrables Accompagnement positionnement Architecture de l information Définition des parcours utilisateurs (personas & storytelling) Conception ergonomique et fonctionnelle Conception et déclinaison graphique Intégration html/css et javascript 10 Résultats Une véritable application online, full ajax, très simple d utilisation et au design efficace! Mise en ligne prévue en Novembre 2009!

11 L AGENCE L agence Clark, c est «4 pôles métiers» au service de vos projets : Conseil Consulting, AMOA, Formation agence web durable Conception Conception, Optimisation, Web analyse, Tests utilisateurs 11 Réalisation Création, Contenus, Intégration, Développements Trafic Réf. Naturel (SEO), Réf. Social (SMO), Opérations marketing

12 L AGENCE Clark, l agence web pour des résultats DURABLES Clark, agence web indépendante de 23 personnes, accompagne depuis 2001 ses clients pour prendre des positions durables sur le web. Clark, c est une équipe d experts dotée d une vraie culture web et disposant d une expérience approfondie dans tous les secteurs. L équipe Chiffres clés Managers (3) Consultants (3) Chefs de projet (4) Concepteurs & ergonomes (3) Concepteur / Rédacteur (1) Création (4) Intégration et développement (5) CA 2008 : 1,9 M CA 2007 : 1,5 M CA 2006 : 750 K Les directeurs / managers Sébastien LELIEUR Consultant - Directeur Général 32 ans Ancien Responsable web au sein du magazine Le Point. Plus de 10 ans d expérience dans la conception de portails web grands comptes. Simon Gouesnard Directeur Pôle Conception et création 34 ans Ecole Estienne Paris. Plus de 10 ans d expérience dans la conception et le design d interface centrée utilisateurs. François DESCHAMPS Fondateur Directeur Pôle trafic 33 ans Ingénieur Ecole Centrale Paris, fondateur de l agence. Plus de 10 ans d expérience dans le conseil en e-marketing. 12

13 L AGENCE Ils nous font confiance 13

14 Agence Clark 14, rue d Uzès Paris Contactez : agence web durable Sébastien LELIEUR slelieur@agence-clark.com Bao NGUYEN bnguyen@agence-clark.com