Entrainement de refonte sur la page de Coca-Cola
Dans le cadre d’un exercice de web design, j’ai travaillé sur une maquette de refonte du site Coca-Cola. L’objectif était de repenser son interface utilisateur tout en conservant l’essence visuelle de la marque.
Le projet
Pour ce projet, j'ai réalisé une maquette Figma de la page Coca-Cola tout en modifiant certains éléments afin de rendre la page un peu plus personnelle.
Nous avons, tout au long du module avec notre enseignant, designer différents éléments qui ont dû être par la suite utilisés dans cette maquette réalisable sur Figma ou Adobe XD au choix.
Etapes du projet
Pour réaliser ce projet, je suis passé par plusieurs étapes. Dans un premier temps, j'ai dû aller regarder la page du site Coca-Cola France afin de m'en inspirer et de la recréer. J'ai ensuite ajouté des éléments plus personnels tels que les carrousels ou encore le haut de la page.
J'ai dû, par ailleurs, au préalable réaliser la bouteille stylisée sur Illustrator afin de l'importer sur mon site.
contraintes
La maquette devait respecter l’univers graphique de Coca-Cola (codes couleurs, iconographie) en apportant une touche de renouveau. Le travail a été réalisé sous contrainte de temps, avec l’obligation de proposer une version desktop et mobile.
compétences mobilisées
- Analyse UX/UI de site existant
- Refonte graphique
- Création de wireframes et maquettes sur Figma
- Conception responsive
- Hiérarchisation de l’information
- Organisation du travail en temps limité