picto menu webmaster lyon

Boudoir du style

Institut, style et conseil en image Lyonnais

Découvrir

Présentation du Projet

En 2015, les lyonnaises découvrent un nouveau repère 100% féminin tout juste lancé et nommé le Boudoir du Style. Mi-institut, Mi-conseil en image, le Boudoir du Style souhaite accompagner son implantation par la création d'un site internet aux nombreux enjeux.

Notre agence se voit confier le projet avec pour objectif premier que la vitrine se démarque nettement du style standardisé des instituts, tout en marquant la dualité des prestations proposées par une ergonomie sur-mesure. Compte-tenu du secteur d'activité style et beauté de l'entreprise, le design présenté se doit d'être d'une qualité irréprochable, pour s'accorder avec les objectifs de communication de la marque, dont la vitrine sera l'outil principal.

webmaster lyon creation site internet

Home Page scindée

La première difficulté du projet est d'organiser le site en présentant d'une part les prestations Beauté telles que les soins visages, beautés des mains, la cosmétologie... et d'autre part les prestations de Style telles que la colorimétrie, l'analyse morphologique, l'étude de style...
Nous prenons le partie d'orienter le visiteur dès son arrivée. La home page est donc scindée en deux, et illustrée par des photos explicites, en cohérence avec les intitulés Le Style et La Beauté. Cette orientation est renforcée par une animation au survol du curseur, qui aiguille la navigation de l'internaute.

Nous complétons cette structure de base par un accès au menu du site situé en haut à droite de la page. Plus discrète cette icône s'adresse à l'utilisateur qui souhaite directement accéder à une page précise, soit parce qu'il a déjà parcouru le site, soit parce que l'information qu'il cherche ne correspond pas aux deux intitulés proposés.

Menu plein écran

Pour la clarté de l'information et la sobriété du design, nous créons un menu en pleine page. Son style minimaliste focalise l'attention du visiteur sur les possibilités de navigation qui s'offrent à lui. Il assimile rapidement l'organisation du site définie en trois pôles : le style, la beauté, et les informations générales de l'entreprise. La page sur laquelle il se situe est mise en avant par une couleur de police rose pâle, issue de la charte grahique du Boudoir.

webmaster lyon creation site internet

Organisation des sous-parties

Le site présentant une quinzaine de pages, nous les hiérarchisons selon deux niveaux : les sous-parties et les pages de prestations. Chacune des trois sous-parties (la beauté, le style et les informations générales du Boudoir du Style) est présentée sur une page dédiée, permettant à la fois de prendre connaissance de son contenu et d'accéder aux pages de prestations qu'elle contient.

Ces pages sont construites autour de blocs de différentes tailles, alternant texte et images. On y trouve au minimum une image pour chaque intitulé proposé, ce qui apporte de la couleur à l'ensemble. Au survol des intitulés, une animation marque la possibilité d'accéder à son contenu, notamment grâce aux bordures rose pâle, cette couleur étant directement liée à la navigation sur le site, comme dans le menu. Pour dynamiser l'ensemble, deux slides en milieu de page offrent une alternance d'images couleur et noir et blanc.

webmaster lyon creation site internet

Présentation des prestations

Afin d'harmoniser l'ensemble du site, les pages de prestations sont également construites sur l'alternance de blocs de texte et d'images, de tailles différentes. Pour rester cohérent et apporter à l'internaute les repères dont il a besoin, seule la photo illustrant cette partie sur le page précédente est réutilisée. Pour autant, une seule image n'étant pas suffisante pour illustrer toute une page, nous décidons de la décliner de différentes façon, en jouant entre autre sur les couleurs, les effets de flash, le flou, la pixélisation... Autant d'effets qui permettent de varier les illustrations tout en apportant lisibilité et unité à chaque page.

L'ensemble des pages de prestations est conclu par un lien Réservez votre experience, afin d'inviter le visiteur à fixer son rendez-vous, lien également bordé de rose au survol du curseur. Sur ces pages comme sur le menu, la home page et les sous-parties, la sobriété du design, servie par des lignes fines et ordonnées,apporte une empreinte classieuse et moderne au Boudoir du Style.

webmaster lyon creation site internet

Contact et rendez-vous

Chaque visiteur doit pouvoir aller au bout de sa découverte en contactant directement le Boudoir, soit pour un renseignement complémentaire, soit pour effectuer une demande de rendez-vous. C'est dans cette optique qu'une page Contact et réservation a été incluse au projet. Basée sur le même thème graphique que les autres pages du site, celle-ci se segmente en trois parties. La première est un formulaire de contact standard permettant de demander un complément d'informations.

La deuxième partie permet d'effectuer une prise de rendez-vous. Outre les coordonnées de l'intéressée, ce formulaire contient également des outils aussi pratiques qu'indispensables, à savoir trois listes déroulantes des prestations proposées, et deux champs de type calendrier. Grâce à ces éléments, une internaute peut indiquer la/les prestation(s) de son choix, en précisant deux possibilités de rendez-vous qui lui conviennent (jour et heure exacte). En recevant ce message, l'équipe du Boudoir du Style dispose des coordonnées, des prestations et des souhaits de rendez-vous de sa cliente, sans même avoir décroché son téléphone. Une praticité et un confort pour la cliente comme pour le professionnel.

La troisième et dernière partie, classique et utile, permet de localiser l'établissement via un plan interactif, et de prendre connaissance de ses coordonnées, deux incontournables du web.

webmaster lyon creation site internet
webmaster lyon creation site internet

Réseau social

Pour que la direction du Boudoir du Style puisse faire vivre le contenu de son site internet en totale autonomie, nous intégrons le contenu de leur actualité Facebook à une page dédiée. Mise à jour en temps réelle, cette page présente chaque publication de l'établissement dans son intégralité.

L'intégration d'un contenu dynamique de réseau social est sans doute le meilleur compromis pour offrir à sa clientèle tous les services d'un site internet, tout en profitant de l'autonomie et de l'activité d'un réseau social. D'un simple clic sur le fil d'actu, un internaute est redirigé vers la page Facebook. De même, l'url du site internet est mis en avant sur cette dernière. Le site internet et la page Facebook boostent ainsi mutuellement leur trafic respectif.

webmaster lyon creation site internet

Version smartphone

Afin que chacun profite du site internet en toutes circonstances, nous le développons en responsive design. Cette façon de travailler permet d'adpater le contenu et la forme du site à n'importe quel support, et notamment aux smartphones.

Le design de chaque page est donc redéfini pour ce format. Nous conservons la home page scindée en deux, ainsi que la position du menu. Les sous-parties sont réorganisées en disposant les intitulés de page les uns en-dessous des autres pour une meilleure lisibilité. Enfin, les pages de prestations alternent images et texte en partageant l'écran en deux dans le sens de la hauteur. Le rendu global assure un confort d'utilisation accru tout en apportant une cohérence d'ensemble aux différentes versions.

webmaster lyon creation site internet
webmaster lyon creation site internet

ALIOKI

Médical

CMRT

Accéder

Communication

PHI Marketing

Accéder

Plombier

T.O. Depann'

Accéder

Automobile

Finocchiaro racing

Accéder

Corporate

Groupe Avantages

Accéder

Cabinet d'Avocats

Kairos Avocats

Accéder

Spa Boat

Camaloma

Accéder

Paysagiste

Jour de Jardin

Accéder

Paysagiste

Exotek

Accéder

Fleuriste

Fleur d'eau

Accéder

Incentive

Ace Premium

Accéder

Restauration

Twin Resto

Accéder

Musique

Pleïad

Accéder

Parlez-nous de votre projet

Contact