Étude de cas — Association AEIM La charte graphique , Le zoning , Le wireframe , La maquette , Le mockup , Le site lui-même , Les évolutions fonctionnelles
Parcours projet

Refonte complète du site en modernisant l’UX et l’UI dans une optique « mobile first ». Passage d’un site WordPress à un site codé depuis zéro beaucoup moins lourd et mieux adapté à l’association

Contexte client

Besoin d'une refonte pour modernisation et "mobile first"

Brief initial

Volonté de modernisation. J'ai apporté l'idée d'un mobile first et d'un site bien plus léger

Conception UX/UI

Zoning, wireframes et maquettes conçus avant la mise en production.

 

Création du site

Développement du site vitrine en code à partir de la maquette.

Défi relevé

Une première expérience de site vitrine codé depuis zéro transformée en réalisation aboutie.

Évolutions du site

Sécurisation du site et de la page de contact plus poussée et ajout d'un SEO plus avancé

Place aux détails du projet
Contexte client
L'association AEIM avait a coeur de mieux se faire connaître et avait besoin d'un site plus moderne pour toucher plus de monde dans un contexte plus difficile à Madagascar, en Inde et à l'international
Image description
Brief initial
La présidente de l'association avait une vision claire de leur positionnement, des sections attendues et de plusieurs références concurrentes. J’ai reformulé leurs attentes en besoins web concrets afin de proposer une réponse adaptée à leur activité comme à leur cible.
Image description
Conception UX/UI
Le projet comprenait le zoning, les wireframes et une maquette finale non interactive, ainsi qu’une déclinaison mobile de la page d’accueil. J’ai mené cette phase en autonomie, avec des validations régulières et un accompagnement sur les choix visuels.
Image description
Création du site
Une fois les maquettes validées, j’ai réalisé le site en le développement depuis zéro dans une optique de webapp (mobile) compatible ordinateur. Le passage de la conception à la mise en ligne s’est fait de manière fluide, dans le cadre défini avec la cliente.
Image description
Défi relevé
Il s’agissait de mon premier projet conçu entièrement en code. Le défi a été relevé sans difficulté particulière, avec un site livré dans les temps et un résultat jugé satisfaisant par le client.
Image description
Évolutions du site
Après la mise en ligne, le site a continué à évoluer avec plusieurs ajouts structurels : une meilleure sécurité avec une page de contact plus poussée et un SEO plus performant.
Image description
Contexte client

L'association AEIM avait a coeur de mieux se faire connaître et avait besoin d'un site plus moderne pour toucher plus de monde dans un contexte plus difficile à Madagascar, en Inde et à l'international
Brief initial

La présidente de l'association avait une vision claire de leur positionnement, des sections attendues et de plusieurs références concurrentes. J’ai reformulé leurs attentes en besoins web concrets afin de proposer une réponse adaptée à leur activité comme à leur cible.
Conception UX/UI

Le projet comprenait le zoning, les wireframes et une maquette finale non interactive, ainsi qu’une déclinaison mobile de la page d’accueil. J’ai mené cette phase en autonomie, avec des validations régulières et un accompagnement sur les choix visuels.
Création du site

Une fois les maquettes validées, j’ai réalisé le site en le développement depuis zéro dans une optique de webapp (mobile) compatible ordinateur. Le passage de la conception à la mise en ligne s’est fait de manière fluide, dans le cadre défini avec la cliente.
Défi relevé

Il s’agissait de mon premier projet conçu entièrement en code. Le défi a été relevé sans difficulté particulière, avec un site livré dans les temps et un résultat jugé satisfaisant par le client.
Évolutions du site

Après la mise en ligne, le site a continué à évoluer avec plusieurs ajouts structurels : une meilleure sécurité avec une page de contact plus poussée et un SEO plus performant.

Certains visuels de présentation de cette étude de cas ont été générés avec l’aide d’un outil d’IA. Le site AEIM lui-même a été conçu, intégré et développé par mes soins.

Une base plus claire, plus cohérente, prête à évoluer

Structure · Lisibilité · Évolutivité

Mes réseaux sociaux

© Benoit Antonetti. Tous droits réservés. Politique de cookies – Mentions légales – FAQ