Création complète de marque

Création complète de marque

Problématique

Morgen Capital, une nouvelle entreprise de conseil en gestion de patrimoine, avait un objectif clair : se positionner comme une marque de référence. J'ai eu pour mission de concevoir une identité forte et un site web élégant, afin de leur permettre de se lancer rapidement et de conquérir leur marché.

Étape 1 : Compréhension du besoin

Pour commencer, nous avons pris du temps pour discuter des besoins de ce client. C'est une phase très importante d'un projet notamment pour la détermination des objectifs et surtout des solutions qui seront utilisées.

Si l'on se trompe dans cette phase, cela peut absolument tout changer pour la suite en terme de réponse aux attentes du client. Imaginez un médecin qui se trompe de diagnostic, c'est un peu la même chose (bon les conséquences sont bien plus graves dans ce cas mais quand même !)

Temps de réalisation : 2h

Étape 2 : Construction du plan du site

Après avoir compris les besoins du client, nous avons établis le plan du site (La sitemap) ainsi avec la représentation de toutes les pages du site. Cet étape permet au client de se projeter sur la structure de son site et d'imaginer les différentes histoires qu'il pourrait raconter au travers de celui-ci.

Temps de réalisation : 2h

Étape 3 : Création d'une charte graphique

Ensuite, j'ai procédé à la création d'une charte graphique pour la marque afin de lister toutes les règles d'utilisation du logo, de choisir des couleurs compatibles (en terme de constrastes) et de définir des éléments graphiques comme les icônes, les textures, les polices de caractères, etc... Cette étape est importante car elle permet de garantir une cohérence visuelle sur le site plus tard et de maintenir une identité de marque reconnaissable.

Temps de réalisation : 6h

Étape 4 : Conception visuelle et maquettage sur Figma

Une fois que nous avons la charte graphique et le plan du site, il est temps de procéder à la création des maquettes sur Figma. On commence par la page d'accueil avec différentes variantes de design, que l'on valide ensemble. Puis, on passe aux autres pages en gardant une expérience utilisateur et un design cohérent. Cette étape permet d'imaginer visuellement le site et la majorité de ce qui sera développé plus tard.

Temps de réalisation : 20h

Étape 5 : Développement du site avec Webflow

J'ai transformé les maquettes en un site web entièrement fonctionnel sur Webflow. Pour enrichir l'expérience, j'ai utilé des plugins avancés tels que Splide pour les carrousels et Motion.dev pour les animations, apportant ainsi une touche de dynamisme et d'interactivité. L'ensemble du site a été développé avec un souci constant du détail et des bonnes pratiques pour un rendu professionnel.

Temps de réalisation : 80h

Résultats clés :

  • Un site web lancé en un temps court : Conçu et déployé en moins d'un mois pour permettre une mise sur le marché rapide et efficace.
  • Une identité visuelle forte et cohérente : Un site et une charte graphique qui garantissent une image de marque unique et mémorable.
  • Une présence en ligne optimisée : Le nouveau site, moderne et entièrement fonctionnel renforce sa crédibilité sur le marché.

Temps de réalisation total : 110h


Le site vous intéresse ?

Voir le site

Technologies utilisées

WebflowWebflowFigmaFigmaAttributes by FinsweetAttributes by Finsweet

Screenshots

Louis Demignot - Product, Data et Tech