Plan projet. Module Web Designer Iesa Multimedia

Transcription

1 Plan projet Module Web Designer Iesa Multimedia Emily LEFEBVRE Novembre 2014

2 Sandra Veziano, fondatrice CEO de la société Life Plus nous confie la mission de réaliser la refonte de son site internet. Life plus est une agence événementielle pour privés et professionnels basée à Paris & Monaco. Sandra Veziano compte sur son site pour développer principalement sa clientèle de professionnels partout en France et dans le monde entier. Sa présence en ligne doit impérativement être visible sur tous les types de devices pour toucher un maximum d utilisateurs et à tout moment. Le site devra donc être réalisé en responsive.

3 BRIEF CREATIF Refonte site web Life Plus Luxury Services Events

4 Etape 1: CONTEXTE DE COMMUNICATION L annonceur Life Plus est une agence spécialisée dans l événementiel de luxe pour les privés et les professionnels à Monaco, Cannes, St Tropez, Courchevel, Paris, Genève et dans toute l'europe. Organisation, recherche de lieux, aménagement, décoration, traiteur, animation, coordination... La cible Particuliers français ou étrangers avec un niveau de vie élevé souhaitant organiser des événements en lien avec leur vie privée (anniversaires, mariages, cérémonies ) Professionnels français et étrangers souhaitant organiser des événements culturels (concerts, festivals, expositions ) commerciaux (lancement de produits, animation commerciale, congrès, conférences, promotion, foires, salons, fêtes ) Marchés publics Le secteur d activité de l entreprise Evénementiel tous secteurs d activité.

5 Organisation de la société Bureaux à Monaco 4 personnes Bureaux à Paris 2personnes Culture d entreprise Equipe jeune, créative et experte. Historique de communication -Site web en flash -Refonte de la charte graphique et du logo en Présence sur les réseaux sociaux (essentiellement facebook) -Publicité locale sur Monaco -Recommandations

6 Positionnement marketing Life Plus organise des événements haut de gamme sur mesure. Principalement pour des particuliers et souhaite se développer sur le marché des professionnels et marchés publics. Concurrence directe et indirecte Sur Monaco et la côte d azur : - Deco Flamme - Luxuria - Terre d événements Puis de nombreuses agences événementielles. Sur Paris: Nombreuses agences événementielles.

7 Axes de communication antérieurs -Publicité locale sur Monaco. -Présence sur des salons professionnels. -Bouche à oreille. -Réseau. Comment la société a-t-elle communiqué tous supports confondus ces dernières années? -Print : plaquettes commerciales, catalogues, flyers. -Objets publicitaires. -Site Web. -Présence sur les réseaux sociaux.

8 Pourquoi la société veut refaire site? Site en Flash : n est pas accessible à tous les devices, temps de chargement long, difficultés de l alimenter, pas de liens avec les réseaux sociaux, pas assez orienté public professionnel et marchés publics. Prévoir de plus s adresser à l utilisateur et l impliquer dans l expérience. Life Plus promet le rêve, la magie. L utilisateur doit être surpris, enchanté dès son entrée en relation. Le site ne doit pas être qu une vitrine. Life Plus souhaite garder un site vitrine type «club privé» pour les particuliers très haut de gamme (ce site ne fera pas partie de ce projet). Et focaliser son site internet sur la prestation «corporate» destinée aux professionnels.

9 Etape 2: DEFINIR LES OBJECTIFS CREATIFS Objectifs institutionnels Présenter la société, ses valeurs, ses prestations et infos pratiques. Objectifs relationnels Permettre l entrée en relation pour un bon référencement. L utilisateur entre sur le site, fait connaissance, vis une expérience positive et décide de suivre la marque sur les réseaux sociaux, newsletter, blog ou tout simplement demande des renseignements (exemple proposer chat en ligne avec la marque). Il reviendra sur le site. Objectifs promotionnels Promouvoir, la marque, la qualité et diversité des prestations, l expérience.

10 Etape 3: ORIENTER LE POSITIONNEMENT CREATIF Le ton créatif Reprendre le ton créatif existant. La tonalité existante -Haut de gamme -Sobre La tonalité recherchée Le ton doit également inviter au rêve, à la magie. Voir symbolique de références : -Luxe -Reve -Magie -Fête -Méditérannée -Paris

11 Etape 4: ANTICIPER LES CONTRAINTES CREATIVES Quelles devront être les possibilités d évolution de la charte graphique web? Life Plus souhaite conserver sa charte graphique, typo et logo. Iconographie : la société dispose d une bibliothèque de photos prises sur les événements et sera utilisée pour la réalisation du site. Les contraintes liées à la technologie de développement: La mise à jour du site sera effectuée par notre agence à réception des contenus pat le client. Le site devra être réalisé en responsive.

12 Etape 5: ARCHITECTURE FONCTIONNELLE ET EDITORIALE Critères ergonomiques Contenu simple et visuel. Navigation fluide. Densité éditoriale Peu de contenu texte. Riche en visuels

13 UTILISATEURS CIBLES Persona

14

15 BENCHMARK Etude de la présence des concurrents sur le web

16 Benchmark Référencement Accessibilité Ergonomie Contenus Offre Graphisme

17 Bon référencement en recherchant «organisation événement» mais pas en recherchant «agence événementielle» Bonne architecture de l information. Chaque catégorie comporte une sous catégorie bien classée. Possibilité d affiner les recherches avec des critères de sélection. Le wording et l information sont simples et clairs. L offre commerciale est claire. Le design pattern est bien respecté. Chaque prestation est représentée par un visuel et une petite description de 2 lignes avec un lien vers: «voir la fiche» et «demander un devis» La fiche technique de chaque prestation est simple mais complète. Elle suis toujours le design Pattern. Comporte un visuel, une description, des infos pratiques. Slider de la page d accueil avec des contenus cohérents avec l activité. Mise en avant de certaines prestations. Le site a un blog et mets à jour des actualités. Site non adapté aux mobiles et tablettes Le site comporte une partie conseils dans le footer.

18 Le site a tendance à se transformer en un annuaire. Le choix se fait en self service. L offre ne propose pas de conseils et accompagnement. Pas de travail graphique.

19 Les fiches techniques ne donnent pas de tarif ni de fourchette de prix. Pas de possibilité de créer un devis personnalisé avec plusieurs prestations. Un pack. Les fiches techniques sont claires et de qualité. L offre est variée.

20 Style minimaliste et flat design. Bon référencement en recherchant «agence événementielle» mais pas en recherchant «organisation événement» Double navigation. Problème d architecture de l information. Slider avec de bons visuels. Des mots captivants. Fonctionne bien en version desktop et tablette. Contre affordance, ces boutons ne sont pas cliquables. Site adapté aux mobiles et tablettes. Mais la version mobile ne fonctionne pas bien. Temps de chargement. Menu toujours déployé. Contre affordance sur la page nos espaces du mobile.

21 Galerie photo classée par type de lieu. Affichage avec Jquery type Mix-it up. Qualité des visuels. Aucune information sur les photos et les lieux proposés. Absence de l offre commerciale.

22 Galerie photos des événements réalisés pauvre. Pas de photos de l équipe ni de présentation. Formulaire de contact convenable.

23 On retrouve cette info sur toutes les pages de la navigation secondaire : problème d architecture de l information et de contenu. Quelques références. Mais peu nombreuses. Pas indiquées au bon endroit.

24 Bon référencement en recherchant «agence événementielle» et en recherchant «organisation événement». Responsive qui fonctionne bien. Style graphique minimaliste et sobre. Style noir et blanc luxe. Beaucoup de visuel et peu de texte. Références mises en avant. Blog. Photos des bureaux dans contact. Photo de l équipe. Présentation des derniers événements. Présentation de l agence en quelques lignes.

25 Problème d architecture de l information. Et de présentation de l offre. Distinction de technique et événementiel par exemple. Version mobile longue à charger.

26

27 CE QU IL FAUT RETENIR Benchmark Conclusion -Simplicité, sobriété & originalité. -Prévoir une bonne architecture de l information. -Wording simple et clair. -Navigation simple. -Privilégier les visuels de qualité. -Présenter l agence et l équipe. -Respecter un design pattern. -Noir et blanc = luxe. -Prévoir du responsive. -Le design du site devra rester cohérent malgré les différentes tailles des devices.

28 TRI PAR CARTES & ARBORESCENCE

29 TRI PAR CARTE Nos prestations Réalisations L agence Contact notre savoir faire planches tendances types d événements notre métier nos valeurs Equipe map bureaux choix de lieux d exception émotion et surprise réalisations historique écoute et conseil présentation équipe coordonnées traiteur élégance et style photos conception respect et confiance photos équipe formulaire contact décoration + sur Pinterest références organisation créativité et bonne humeur nous suivre animation vidéos presse jobs Prestations techniques services

30 ARCHITECTURE DE L INFORMATION Site ONE PAGE avec ancres Accueil Ancre 1 Nos prestations Ancre 2 Nos réalisations Ancre 3 L agence Ancre 4 Contact Ancre 5

31 WIREFRAMES AXURE RP

32

33 MOODBOARD

34

35 GUIDE DE STYLE

36

37 MAQUETTES PHOTOSHOP

38

39 MERCI A VOUS TOUS!