Florijan souhaitait renforcer la crédibilité de Viatera et surtout améliorer la conversion de ses services auprès des établissements hôteliers premium.
Il a fait appel à moi pour consolider l’image de la marque à travers un branding cohérent avec sa mission, un logo affirmé et évocateur de son expertise environnementale et de son engagement en faveur de la durabilité.
J’ai également conçu l'UX et les maquettes UI du futur site web, pensé comme une véritable vitrine du savoir-faire et de l’expertise de Viatera.
La première étape consiste à clarifier la vision de Florijan, la mission de Viatera et ses leviers de différenciation sur le marché de l’hôtellerie premium. L’enjeu : construire un positionnement rassurant et crédible, à la hauteur de son expertise sur les normes environnementales.
À travers des ateliers d’idéation, j’accompagne Florijan dans l’analyse des codes visuels de l’hôtellerie et des agences spécialisées en stratégie environnementale. Je lui ai alors constitué une cartographie de références graphiques afin d’identifier une direction singulière et de poser les fondations du futur branding de Viatera.
Cette étape permet de définir une vision globale de l’univers graphique à travers une sélection de références inspirantes, de palettes de couleurs, d’images et de typographies. L’objectif est de concevoir une identité visuelle cohérente avec la mission, les valeurs et les ambitions de Viatera, en faisant dialoguer deux univers complémentaires : l’hôtellerie de luxe et le conseil stratégique.
Une fois les fondations stratégiques de la marque et les premières orientations artistiques définies, j’élabore plusieurs propositions graphiques pour explorer les préférences de Florijan, en m’appuyant sur les codes visuels identifiés lors de la phase de recherche. À travers des ateliers d’idéation successifs, nous affinons progressivement la direction artistique pour aboutir à un univers visuel cohérent, pleinement aligné avec le positionnement de Viatera et la mission que la marque souhaite incarner.
Une fois l’univers graphique de Viatera établi, j’engage la conception du logo, en portant une attention particulière à son symbole. L’enjeu est de traduire visuellement les piliers de son positionnement : l’accompagnement stratégique, la cohérence des actions, la préservation du patrimoine hôtelier et le respect de l’environnement. Le tout s’inscrit dans une approche esthétique raffinée, pensée pour exprimer un positionnement premium et incarner l’exigence de Viatera.
Suite à l'atelier d'idéation sur la structure du site, je passe à l'étape du wireframing. Il s'agit de construire le squelette du site qui intègre le contenu fourni par Florijan. Ce squelette doit être au plus proche du résultat final afin de s'assurer de la pertinence des choix en sections, et de l'emplacement des contenus.
Une fois les wireframes validés avec Florijan, place à l’étape du maquettage UI, où la structure prend vie à travers les couleurs, la typographie et les éléments graphiques de l’identité visuelle de Viatera.
Je conçois des maquettes haute fidélité en veillant à respecter les exigences d’accessibilité, la lisibilité des contenus et la cohérence de l’expérience utilisateur, puis les décline au format mobile pour garantir une expérience fluide sur tous les écrans.
Tout au long de cette phase, des points réguliers avec Florijan permettent d’affiner les choix graphiques et de s’assurer qu’ils répondent pleinement à sa vision. J’apporte également mon expertise UX pour optimiser les parcours utilisateurs, renforcer la clarté de la navigation et appliquer les bonnes pratiques favorisant une expérience intuitive et efficace.
Les différents assets, la palette de couleurs et le choix des typographies sont réalisés en même temps que la conception des maquettes. L’objectif est d’établir une charte graphique cohérente et structurée, qui sera utile pour les professionnels du graphisme et du développement.
Pour consolider la communication de Florijan sur les réseaux sociaux, je lui ai conçu les bannières et les templates de carrousel LinkedIn.
La charte graphique est conçue pour permettre à Florijan, ou à tout professionnel du graphisme, de disposer de règles claires pour créer de futurs supports de communication et faire évoluer l’identité visuelle du site web ou des templates pour les réseaux sociaux.
Elle définit également les règles d’utilisation du logo, aussi bien pour les supports digitaux que pour le print, afin de garantir une identité cohérente et reconnaissable sur l’ensemble des supports.
Pour faciliter l'intégration des maquettes sur Webflow, j'organise les assets graphiques en Kit UI, et j'établis un mini design system pour les fonts, les radius et les couleurs. Je nomme également correctement les calques avec une nomenclature adaptée pour le développement. Je m'assure régulièrement que Thibault, l'intégrateur du site web, puisse avoir tous les éléments dont il a besoin.
📱 Site web
🖼️ Branding
🎨 UX & maquettes UI
🛠️ Intégration Webflow
Pour le lancement de son activité, en accompagnant Florent, j'ai réalisé son identité graphique, son logo, le design de son site, jusqu'à l'intégration au pixel près sur Webflow.
📱 Site vitrine
🛠️ Intégration Webflow
Intégration des maquettes de Claire Pinot pour le nouveau site web de Sonik, qui propose une plateforme SaaS de détection & de conversion de leads dédiée aux équipes Sales, SDR & marketing.
📱 Site vitrine
🖼️ Branding
🎨 UX & maquettes UI
Conception de l'identité de marque Viatera. Logo, charte graphique, structure UX et maquette UI pour un cabinet de stratégie en hôtellerie de luxe.
📱 Mobile app
🐻❄️ Recherche Utilisateur
🎨 UX & Maquette UI
Refonte d'une application mobile de QVT en entreprise qui engage les collaborateurs à améliorer leur santé via le sport, et à réduire leur bilan carbone grâce à la mobilité douce.
📱 Site web
🧱 Structure UX
🎨 Maquettes UI
Création du site WARD en UX & UI. Cabinet d'architecture et de rénovation dédié à l'immobilier haut de gamme.
