BENCHMARK Site catalogue pour la compagnie de voyages Submersion Voyage Remy Laetitia W1-Webdesign
AVANT-PROPOS Submersion Voyage Ce site est un site vitrine catalogue pour une agence de voyage : Submersion Voyage, spécialisée dans les voyages sous l eau : sous-marin privatif de luxe, voyage à bord d un yacht submerssible et hébergement dans des hôtels sous-marin. Le but est de permettre aux voyageurs de côtoyer au plus prêt et de façon quasi-quotidienne la vie de la faune et de la flore sous-marine. Bien sûr des escales sur terre sont prévues, de même que des plongées sous-marine et autres activités détente, genre spa. Des croisières plus ou moins longues sur l eau à bord de bâteaux, de voiliers de luxe traditionnels sont également proposées de manière séparé et combiné. Remy Laetitia W1-Webdesign 3
SOMMAIRE Submersion Voyage Avant-Propos p3 Benchmark graphique pp 7-13 Bilan p14 Positionnement et points forts p15 Maquette de home p16 Couleur p17 Remy Laetitia W1-Webdesign 5
BENCHMARK GRAPHIQUE 6 Remy Laetitia W1-Webdesign
Submersion Voyage Weissevoyages http://www.weissevoyages.com Un site sobre et simple de navigation. Ce site vitrine catalogue peut être considéré comme un concurrent sérieux de par les propositions de voyage qu il propose, et notamment, le voyage dans l espace. Il présente une architecture claire et hiérarchisée, malgré le fait que certaines rubriques soient vides. La navigation quand à elle est assez aisée et facile d utilisation, mis à part la lisibilité. Quant à son design, il est simple et épuré, harmonieux, en accord avec le logo. Cependant l image d accueil est assez triste. Ce défaut est contre-bamancé par les pages internes où les visuels sont colorés et joyeux. ARCHITECTURE ERGONOMIE DESIGN - Bandeau corporate - Liens réseaux sociaux. - Inscription à une newlestter possible. - Choix de langues. - Pages internes du site bien structurées. - Titres, sous-titres, articles bien hiérarchisés. - Quelques rubriques sans texte descriptif (Voyages/Tour du Monde/L Hémisphère Nord). - Menu assez clair qui se déploye lorsqu on met le curseur de la souris dessus. - Sous-menu bien séparé. - Logo cliquable pour retourner sur la home. - Raccourci clic grâce au défilement de destinations phares imagées à droite. - Footer lisible. - Fil d ariane présent. - Confort visuel. - Lisibilité pas optimale : gris sur gris. - Parfois, besoin de faire 4 clics pour avoir plus de détails, alors que ce n est pas forcément nécessaire. - Pas de barre de recherches. - Simple et épuré. - Utilisation des deux typos présentes dans le logo. - Visuels de bonne qualité dans les pages internes qui illustrent le contenu. - Présence de vidéos dans certaines pages internes illustrant le contenu (Privilège/Conciergerie/ Évènements sur mesure). - Icônes des liens sociaux intégrées. - Background d accueil fait plutôt penser à un site de photographie. - Visuel d accueil un peu triste, ne reflète pas la joie du voyage. Remy Laetitia W1-Webdesign 7
BENCHMARK GRAPHIQUE 8 Remy Laetitia W1-Webdesign
Submersion Voyage Voyages Confidentiels http://www.voyagesconfidentiels.fr/ Un site qui respire le luxe et le voyage. Ce site vitrine catalogue est un concurrent sérieux car il s adresse aux mêmes cibles, et proposent un grand choix de destinations. Son architecture et son ergonomie sont assez claires et ordonnées. Sa consultation peut s avérer très longue pour l utilisateur, si ce dernier ne sait pas où il veut aller. Le design utilisé colle bien à l univers du voyage et du luxe, mais manque de visuels dans les pages internes. ARCHITECTURE ERGONOMIE DESIGN - Bandeau corporate - Structure de l accueil claire et ordonnée. - Possibilité de recevoir une newsletter. - Descriptif détaillé de chaque destination. - Liens réseaux sociaux. - Pas de choix de langues. - 2 menus différents pour cibler plus rapidement la recherche disponible sur chaque page. (horizontal et vertical). - Vignettes cliquables pour chaque destination : économise un clic. - Footer lisible. - Logo cliquable vers la home. - Présence d une barre de recherche. - Pas mal de sousrubriques, dû au grand nombre de destinations proposées. - Lisibilité du texte sur les vignettes cliquables pas toujours très nette. - Utilisation de couleurs qui correspondent bien au luxe. - Utilisation d une typographie linéale simple et d une script dans le logo pour le côté luxueux. - Visuels défilants du grand panorama invitent aux voyages et sont accompagnés d une légende propre. - Les textes descriptifs des pages internes auraient pu être justifiés en fer à gauche. - Les icônes des réseaux sociaux ne sont pas intégrées. - Peu d images illustrants le contenu de chaque rubrique et sousrubrique, un défilement d images auraient été intéressants. Remy Laetitia W1-Webdesign 9
BENCHMARK GRAPHIQUE 10 Remy Laetitia W1-Webdesign
Submersion Voyage Tselana http://www.tselana.com/ Le site presque parfait... Ce site vitrine catalogue est un concurrent sérieux de part ses cibles clients mais aussi par son grand choix de destination. Son allure et son organisation jouent également. Son architecture, son ergonomie et son design, sont ordonnés et lisibles. C est un site où l utilisateur à plaisir à naviguer et où il pourra trouver toutes les informations qu il cherche. Les visuels utilisés sont également immersifs ; le client pourra s y projeter sans soucis. Le seul point noir : le texte descriptif des pages internes en blanc sur noir qui est un peu fatiguant pour les yeux. ARCHITECTURE ERGONOMIE DESIGN - Bandeau corporate - Lisible et épurée. - Inscription à la newsletter possible. - Possibilité de créer un compte en ligne. - Choix de langues. - Contenu des pages internes complet, structuré et travaillé. - Rubriques et sous rubriques bien hiérarchisées. - Liens résaux sociaux. - Menus qui se déploient sans avoir à cliquer. - Logo cliquable qui envoie vers la home. - Navigation simple. - Présence d un fil d Ariane. - Barre de recherche. - Dans la plupart des rubriques, vignettes cliquables menant à une sous-rubrique. - Footer lisible et clair. - Raffiné. - Visuels de l accueil immersifs. - Légende personnalisée pour les visuels défilants du grand diaporama. - Typographie linéale simple et lisible. - Visuels de haute qualité pour illustrer le contenu de chaque page interne. - Texte descriptif blanc sur noir : lisible mais fatiguant. Remy Laetitia W1-Webdesign 11
BENCHMARK GRAPHIQUE 12 Remy Laetitia W1-Webdesign
Submersion Voyage Continents 5 Voyages http://www.continents5.fr/1.aspx Un site simple et agréable. Ce site vitrine catalogue est un concurrent sérieux car ils proposent des destinations et des hébergements originaux. Son architecture, son ergonomie et son design sont simples et clairs. Cette simplicité permet une navigation facilitée pour l utilisateur, mais ne reflète pas la cible visée et le caractères exceptionnels de certaines propositions. ARCHITECTURE ERGONOMIE DESIGN - Bandeau corporate - Boutons réseaux sociaux. - Accueil structuré et clair. - Hiérarchisation des pages internes. - Contenu des pages internes simples et claires. - Impossibilité de s inscrire à une newsletter. - Pas de choix de langues. - Footer lisible et clair. - Menu clair. - Logo cliquable vers la home. - Navigation agréable. - Absence de plan de site. - Pas de barre de recherches. - Pas de fil d Ariane. - Background évoque l évasion. - Utilisation d une typographie linéale et d une script lisibles. - Boutons liens sociaux en accord avec les couleurs de la page sur lequel is figurent. - Graphisme simple. - Encart trop imposant sur les images du diaporama d accueil. - Background trop restrictif, centré sur la mer et la plage. - Contenu texte des pages internes pas structuré. - Boutons réseaux sociaux imposants dans les pages internes. - Graphisme peu luxueux. Remy Laetitia W1-Webdesign 13
BILAN Suite à l étude de 4 concurrents sérieux, je peux dire que pour qu un site vitrine catalogue d une agence de voyage soit fonctionnel, il faut que les visuels choisis soient de bonne qualité et immersifs. De même le design du site doit refléter la cible que ce dernier vise. À RETENIR À ÉVITER - Bandeau corporate. - Visuels immersifs aussi bien en page d Accueil qu en Pages internes. - Clarté du menu, surtout s il y a beaucoup de destinations de proposées. - Contenu détaillé. - Design du site doit refléter la cible visée. - Fil d Ariane. - Logo cliquable vers la Home. - Liens réseaux sociaux. - Footer avec plan du site. - Graphisme trop simple. - Le trop peu d images. - Un contenu non structuré. - Trop de textes. 14 Remy Laetitia W1-Webdesign
POSITIONNEMENT ET POINTS FORTS Submersion Voyage Dans le cadre de ce site vitrine catalogue pour l agence de voyage de luxe Submersion Voyage, il faudra avant tout mettre en au premier plan le côté unique du «voyage sous l eau» par le biais de sous-marin privés, de yachts submerssifs et d hébergement en hôtels sous-marin, proposition que l agence est la seule à proposer. Et ensuite les croisières sur les bâteaux ou voiliers traditionnels de luxe, également au programme de d autres agences. En effet, cette spécificité lui permettra de se démarquer des autres agences de voyages de luxe qui, même si elles n ont pas ce genre de voyage proposent d autres moyens de voyager tout aussi luxueux (yacht privé, paquebots, jets privés, voyage dans l espace,...). Aussi, le site doit être immersif, pour que le visiteur, et potentiel client, cède à l appel des profondeurs marines. Des visuels de l intérieur des différents bâtiments, notamment des chambres et des lieux de vie, ainsi qu une description des différents services à disposition sera également utile pour montrer les conditions de voyages tout confort. Quelques visions de la faune et de la flore marine dont le voyageur sera témoin sous l eau, peut également donner envie au visiteur de se lancer dans cette aventure unique. Remy Laetitia W1-Webdesign 15
Commentaire : menus déroulants (encadrés noirs) n apparaissent pas si la souris ne va pas sur la petite flèche. 16 Remy Laetitia W1-Webdesign
COULEURS Submersion Voyage CMJN : 78 ; 27 ; 29 ; 8 RVB : 38 ; 137 ; 160 Lab : 53 ; -23 ; -21 Hexadécimal : #3e8a9c CMJN : 100 ; 100 ; 100 ; 100 RVB : 0 ; 0 ; 0 Lab : 0 ; 0 ; 0 Hexadécimal : #000000 Tonique Le bleu symbolise le rêve et la sérénité, et est la couleur représentative de l océan, de l eau. Ce qui colle à l agence étant donné que ce sont des voyages en rapport avec l eau et plus précisément sous l eau. Par ailleurs il peut symboliser le silence de la mer dans les profondeurs, propice à la sérennité. Dominante Le noir symbolise le luxe, le sérieux et l élégance, à l image de la cible que l agence de voyage vise. Le noir peut aussi s apparenter à la profondeur, or le point fort de l agence et ce qui fait son originalité sont les voyages sous l eau, au coeur de la faune et la flore sous-marine. CMJN : 25 ; 27 ; 73 ; 1 RVB : 203 ; 178 ; 91 Lab : 73 ; 1 ; 47 Hexadécimal : #c0af68 Secondaire Le dorée symbolise la fortune, le luxe, la richesse ; un autre clin d oeil à la cible visée. En effet, le site est d attirer une clientèle financièrement aisée. Par ailleurs, les prestations de l agence sont luxueuses. Remy Laetitia W1-Webdesign 17