Ergonome Web. Portfolio de Marie Kuter

Transcription

1 Version 08 Publiée le 14 Février 2012 Créé par Marie Kuter /

2 Version 08 publiée le 14 Février 2012 par Marie Kuter / 2 de 22 Portfolio Ce document présente certains des projets sur lesquels j ai travaillé en tant qu ergonome. Le but est de donner un aperçu général de mon travail plutôt que de détailler chaque projet. Tous les contenus (arborescences et maquettes) présentés dans ce document sont confidentiels (copywright Adviso et orangetango). D autres références sont disponibles sur demande. Projets présentés dans le porfolio : Naturactive / Wireframe de la page d accueil Parc Astérix / Wireframe de la page d accueil Coliposte / Wireframe recherche de colis Direct Matin / Wireframe de la page d accueil La Plateforme du Bâtiment / Tests utilisateurs La City / Wireframe de la page d accueil Régime Dukan / Wireframe de formulaire L Appui aux proches aidants / Wireframe etc.

3 Version 08 publiée le 14 Février 2012 par Marie Kuter / 3 de 22 Naturactive / Wireframe de la page d accueil À propos de Naturactive Naturactive est une marque des laboratoires Pierre Fabre. Elle est dédiée aux soins naturels, aux médecines douces et biologiques. Naturactive souhaitait développer sa notoriété sur Internet, en offrant des services à ses utilisateurs, et profiter des opportunités de référencement naturel. Un moteur de navigation à valeur ajoutée, par symptôme ou principe actif Des pages de contenus à fort potentiel pour le SEO : fiches principes actifs et fiches symptômes Une déclinaison mobile de l application de recherche par symptôme et principe actif

4 Version 08 publiée le 14 Février 2012 par Marie Kuter / 4 de 22 Parc Astérix / Wireframe de la page d accueil À propos du Parc Astérix Le Parc Astérix offre 32 attractions en région Parisienne, dans un univers centré sur la bande dessinée bien connue. Le Parc Astérix souhaitait mettre à jour son site Internet, et répondre à un objectif principal : donner l image d un grand parc. Présence importante de visuels, photos et vidéos, notamment embarquées Sous-menu visuel, qui joue un rôle important de suggestion de contenus (arrivée sur le site via les moteurs de recherche) Une bande de menu fixe et un scroll automatique pour mettre en valeur les entrées visuelles

5 Version 08 publiée le 14 Février 2012 par Marie Kuter / 5 de 22 Coliposte So Track / Wireframe de la recherche de colis (avec erreur) À propos de Coliposte Coliposte est la branche du groupe la Poste en charge de l expédition des colis en France. : So Track So Track est un outil en ligne de suivi de colis réservé aux professionnels (entreprises ayant un compte). Une page d accueil équilibrée entre portail d actualités (événements sur le réseau) et outils de suivi Effort particulier sur l optimisation des formulaires et la gestion des erreurs Système d aide et d accompagnement permanent, contextuel en fonction des pages et des événements

6 Version 08 publiée le 14 Février 2012 par Marie Kuter / 6 de 22 Direct Matin / Wireframe de la page d accueil À propos de Direct Matin Direct Matin est un quotidien d information gratuit, distribué dans les grandes villes. Comme de nombreux titres d information, Direct Matin souhaitait mettre à jour son site Internet. Plusieurs niveaux d information : flux d actualités de type AFP, articles et dossiers thématiques Optimisation des pages pour le référencement naturel dans les moteurs de recherche Utilisation du haut de page pour mettre en avant des articles / dossiers en vedette

7 Version 08 publiée le 14 Février 2012 par Marie Kuter / 7 de 22 La Plateforme du Batiment / Tests utilisateurs L entreprise La Plateforme du Batiment est un réseau de points de vente réservés aux professionnels du batiment. Dans le cadre de la refonte de son site, la PDB souhaitait valider certaines décisions et prioriser les optimisations grâce à des tests utilisateurs. Scénario élaboré dans le but de tester certaines tâches prioritaires : demander sa carte, ajouter des produits au panier, passer une commande, etc. Identification de freins majeurs à la conversion et pistes d optimisation Rédaction d un rapport de quick fixs, en précisant la faisabilité et la priorité de chaque amélioration

8 Version 08 publiée le 14 Février 2012 par Marie Kuter / 8 de 22 La City / Wireframe de la page d accueil À propos de la City La City est une marque de vêtements pour femmes, de style plutôt classique. La marque est vendue dans les magasins Morgan. Pour La City comme pour de nombreuses marques de vêtements, Internet est devenu un canal de distribution important. Equilibre entre la partie e-commerce (catalogue) et tendances mode : produits et contenus à valeur ajoutée Produits mis en vedette dans les pages listes Optimisation des pages produits : travail sur les photos produits, up et cross-selling, etc.

9 Version 08 publiée le 14 Février 2012 par Marie Kuter / 9 de 22 Régime Dukan / Wireframe du formulaire de calcul du Juste Poids À propos de Dukan Pierre Dukan est un diététicien connu pour sa méthode de régime. Le site Internet du régime Dukan a un premier rôle de séduction et de conversion vers l abonnement. Il offre également un suivi personnalisé aux membres. Optimisation des formulaires de conversion (notamment le calcul du Juste Poids) Stratégie d information et d accompagnement pour rassurer (contenus à valeur ajoutée)

10 Version 08 publiée le 14 Février 2012 par Marie Kuter / 10 de 22 L Appui aux proches aidants / Wireframe de En région L organisme L Appui pour les proches aidants au Québec est un nouvel organisme gouvernemental qui a pour mission d informer et soutenir les proches aidants. Le site de l Appui a une vocation provinciale, et vise à regrouper les différents bureaux régionaux. Il a aussi une vocation régionale, et doit mettre en valeur chaque bureau, grâce à un contenu personnalisé. Points-clés du site Contenus provinciaux et contenus personnalisés pour chaque bureau provincial Carte interactive des bureaux et des organismes de soutien Recherche par code postal et suggestions à proximité basées sur l IP

11 Version 08 publiée le 14 Février 2012 par Marie Kuter / 11 de 22 Te Papa / Wireframe du calendrier des événements À propos du Te Papa Le Te Papa est un musée très connu à Wellington en Nouvelle- Zélande. Il propose notamment de découvrir le patrimoine culturel des Maoris. Suite à plusieurs retours d utilisateurs, il était nécessaire d optimiser le calendrier permettant de naviguer dans les événements. Identification de la période sélectionnée (jour, semaine ou mois) et en cours d affichage, en lien avec les filtres textuels en haut de liste Identification des jours avec (vert) et sans événement, (blanc) pour éviter les impasses

12 Version 08 publiée le 14 Février 2012 par Marie Kuter / 12 de 22 Québec Amérique International / Wireframes iphone La compagnie Québec Amérique est une compagnie d édition. Cette application iphone est dédiée à une encyclopédie médicale. Cette application Premiers Secours est complémentaire à l encyclopédie imprimée. C est à la fois un support d apprentissage et un outil d accompagnement en cas d urgence médicale. Points-clés de l application 2 chemins de navigation : urgence ou se préparer Arborescence et scénario complexe d instructions en fonction des symptômes Instructions texte et audio

13 Version 08 publiée le 14 Février 2012 par Marie Kuter / 13 de 22 Bio-K+ / Arborescence La compagnie Bio-K+ est une compagnie parapharmaceutique basée au Canada. Elle fabrique et distribue des produits probiotiques dans le monde entier. Le mandat était de créer le site commercial de Bio-K+ pour les États-Unis. La compagnie avait déjà un site Canadien, mais des différences de législation impliquaient d avoir deux sites distincts. Points-clés de l arborescence Sections principales adaptées aux besoins des personas Importance des contenus explicatifs sur les probiotiques

14 Version 08 publiée le 14 Février 2012 par Marie Kuter / 14 de 22 Bio-K+ / Wireframe de la page d accueil La compagnie Bio-K+ est une compagnie parapharmaceutique basée au Canada. Elle fabrique et distribue des produits probiotiques dans le monde entier. Le mandat était de créer le site commercial de Bio-K+ pour les États-Unis. La compagnie avait déjà un site Canadien, mais des différences de législation impliquaient d avoir deux sites distincts. Page construite en quatre zones de contenus, chacune dédiée à un des personas L information à propos des probiotiques est aussi importante que le catalogue (vulgarisation scientifique).

15 Version 08 publiée le 14 Février 2012 par Marie Kuter / 15 de 22 Bio-K+ / Wireframe d une page produit La compagnie Bio-K+ est une compagnie parapharmaceutique basée au Canada. Elle fabrique et distribue des produits probiotiques dans le monde entier. Le mandat était de créer le site commercial de Bio-K+ pour les États-Unis. La compagnie avait déjà un site Canadien, mais des différences de législation impliquaient d avoir deux sites distincts. Alternative au processus standard d achat sur le site : la possibilité d acheter les produits sur les sites des partenaires (gestion particulière des stocks pour les produits frais) Ici aussi, beaucoup d information

16 Version 08 publiée le 14 Février 2012 par Marie Kuter / 16 de 22 Le Devoir / Personas La compagnie Le Devoir est un des quotidiens d information les plus diffusés au Québec. Le Devoir a décidé de prendre le virage Web 2.0 pour développer son lectorat sur Internet. Avoir un site compétitif est essentiel pour un journal aujourd hui, comme les nouvelles technologies ont bouleversé le marché de l information. Points-clés Le philosophe, la curieuse, le recherchiste, la militante, le fan, le branché culture et l homme d affaires Attitude et état d esprit, buts généraux, buts d expérience et buts d utilisation Relation au Devoir (abonné, lecteur occasionnel, etc.) et tâches

17 Version 08 publiée le 14 Février 2012 par Marie Kuter / 17 de 22 Le Devoir / Wireframe du processus d abonnement La compagnie Le Devoir est un des quotidiens d information les plus diffusés au Québec. Le Devoir a décidé de prendre le virage Web 2.0 pour développer son lectorat sur Internet. Avoir un site compétitif est essentiel pour un journal aujourd hui, comme les nouvelles technologies ont bouleversé le marché de l information. Points-clés Ligne de progression qui indique les étapes du processus Une interface dédiée au processus d abonnement Les contacts du service à la clientèle sont toujours accessibles.

18 Version 08 publiée le 14 Février 2012 par Marie Kuter / 18 de 22 Le Devoir / Wireframe de l infolettre Le Devoir Daily Headlines Titre article 1, Titre article Message (HTML) File Edit View From: To: Cc: Subject: Favorites Tools Help Reply Reply to All Forward infolettre@ledevoir.com [Recipient Name] Le Devoir Daily Headlines Titre article 1, Titre article Message (HTML) Sent: Day MM/DD/YYYY HH:MM PM La compagnie Le Devoir est un des quotidiens d information les plus diffusés au Québec. Le Devoir a décidé de prendre le virage Web 2.0 pour développer son lectorat sur Internet. Avoir un site compétitif est essentiel pour un journal aujourd hui, comme les nouvelles technologies ont bouleversé le marché de l information. Points-clés Interface très simple, forte mise en avant des titres principaux Les liens Transférer, s abonner et se désabonner sont facilement accessibles.

19 Version 08 publiée le 14 Février 2012 par Marie Kuter / 19 de 22 DEC / Wireframe de la page d accueil de l Intranet À propos de DEC Développement Économique Canada est une organisation gouvernementale qui a pour mission de promouvoir le développement des entreprises et de conseiller les entrepreneurs. Suite à plusieurs retours des utilisateurs, il était nécessaire d optimiser le site Intranet de DEC : architecture d information (un tri de cartes a été réalisé), prototypage, etc. Optimisation du moteur de recherche et du répertoire interne Mise en avant de liens rapides vers les contenus les plus importants Mise en avant des actualités Accès rapide aux ressources ciblées par public (employés, conseillers) Bandeau d identification du gouvernement Canadien

20 Version 08 publiée le 14 Février 2012 par Marie Kuter / 20 de 22 GSM Group / Maquette de la page d accueil La compagnie GSM Group est une entreprise internationale d architecture et de design, avec un processus créatif pour les bâtiments et les expositions. GSM avait besoin d un nouveau site Internet répondant à deux grands objectifs : créer une forte présence en ligne et construire un portfolio utilisable comme un outil pour les forces de vente. Points-clés de la page d accueil Une navigation à multiples points d entrée et par filtres Les projets vedette / récents sont mis en valeur sur la page d accueil.

21 Version 08 publiée le 14 Février 2012 par Marie Kuter / 21 de 22 La Poste / Maquette de la page d accueil du réseau Intranet iposte À propos d iposte iposte est le réseau Intranet du groupe la Poste. Il regroupe une centaine de sites métiers et corporatifs, accessibles à partir de la page d accueil du réseau. Suite à la réflexion sur l accessibilité du réseau Intranet, le mandat était la refonte de la page d accueil du portail. Un menu à deux niveaux, rendant facilement accessibles les deux catégories principales de sites Mise en valeur des actualités sous forme de brèves et dossiers thématiques Possibilité de personnalisation du menu : accès rapide des sites les plus visités

22 Version 08 publiée le 14 Février 2012 par Marie Kuter / 22 de 22 Merci Merci d avoir parcouru ce document. Mon profil vous intéresse? N hésitez pas à me contacter par marie.kuter@gmail.com. Pour voir plus d exemples de mon travail, je vous invite également à visiter mon blogue professionnel :