Logo de Nicolas Alain

Refonte du site e-commerce de la Start-Up Cake Master

J’ai réalisé la refonte complète du site e-commerce de la Start-Up Cake Master incubée à Station F dans le cadre de mon stage de fin d’année à l'ECV Digital de Bordeaux.

Cake Master sur Ipad

Déclinaison du site internet sur tablette

La technique de l'adaptation responsive permet un affichage cohérent sur tous les appareils. L'objectif est ici de proposer la même expérience utilisateur à tous les visiteurs du site, quel que soit le support utilisé.

Cake Master sur iPhone

Déclinaison du site internet sur smartphone

Avec l'utilisation croissante des smartphones pour naviguer sur Internet, il est devenu essentiel de concevoir les sites Web en priorisant leur version mobile (mobile first). C'est pourquoi j'ai ajouté un menu accessible en permanence en bas de chaque page du site afin de faciliter l'accès depuis un smartphone.

Le site devait être le plus simple possible afin que la cible comprenne aisément le fonctionnement de celui-ci le tout en mettant une stratégie inbound marketing pertinente et en préservant la charte graphique.

Réflexion et stratégie

Cake Master sur iPhone

Première étape : le Wireframe

Éléments visuesl animés sur le site de Cake Master

Animation des éléments sur différentes sections

Le maquettage

La première étape a consisté en la création de maquettes afin de déterminer avec l'équipe la disposition des éléments sur le site. Après validation du wireframe, les premières maquettes ont été soumises à l'équipe.

Mise en place d’une stratégie d’inbound marketing

Le choix de la disposition des éléments d'un site est crucial. Les techniques d'inbound marketing permettent une bonne conversion et donnent de bons résultats. Lors des validations avec l'équipe, nous avons convenu de la disposition des boutons d'appel à l'action (CTA) ainsi que de la mise en avant du catalogue.

Mobile first + incitation à l’achat groupé

De nos jours, 68% des Français naviguent sur Internet depuis leur mobile. Cette majorité est donc considérable, c'est pour cette raison que j'ai conçu le site en "mobile first" afin qu'il soit le plus optimisé pour une utilisation depuis un téléphone. Aussi, toujours dans une logique de conversion, j'ai mis en place une stratégie d'"up-sell" incitant à l'achat groupé afin de débloquer une réduction immédiate.

Animation et éléments visuels

Tout en respectant la charte graphique déjà définie par une agence de branding, j'ai soigneusement choisi la disposition des différents éléments visuels. Pour ajouter une touche d'originalité, j'ai animé plusieurs éléments grâce à différents langages de programmation web.

Réalisation d’une rubrique destinée aux professionnels (B to B)

La première étape a consisté en la création de maquettes afin de déterminer avec l'équipe la disposition des éléments sur la rubrique dédiée aux professionnels.

Livraison

Après plusieurs semaines de conception, j'ai activé la nouvelle version du site. Cette refonte a beaucoup plu à l'équipe. Le site est plus rapide, mieux optimisé et génère de meilleurs résultats.

Retour d’expérience

Cette opportunité a été très bénéfique pour ma carrière. Elle m'a permis de consolider mes connaissances en programmation web (HTML, CSS, Liquid, etc.), de mettre en pratique les techniques de mise en page et de créer de nombreux visuels. Aujourd'hui, je collabore toujours avec l'équipe pour de nouveaux projets.

« Nicolas a joué un rôle clé dans le développement de notre activité e-commerce. Il a utilisé sa créativité ainsi que des compétences en graphisme et web design pour reconstruire un site fonctionnel, user friendly et adapté à notre cible. Je n’hésiterai pas à retravailler avec lui ! »

Mithula Panchalingam

Co-Fondatrice de Cake Master

Page produit sur smartphone

Ergonomie des pages produits

La page produit est un élément essentiel pour un site e-commerce. Elle doit être facile à lire et accessible à toutes et tous. J'ai conçu cette page de manière à regrouper toutes les informations essentielles pour rassurer les utilisateurs. Avis clients, politique d'expédition, options de personnalisation... Tout est regroupé au même endroit, de manière claire et concise.

Impression des packagings Cake Master

Impression, réseaux sociaux...

À l'issue de cette expérience, l'équipe Cake Master a fait appel à moi à plusieurs reprises pour de nouveaux projets. J'ai pu réaliser des mises en pages pour impression des packagings produits. J'ai aussi crée des stories, des posts ainsi que des modèles de mise en page pour les réseaux sociaux.