Création de maquette figma

AZELTIO – ÉTUDE DE CAS

LA MISSION

Le projet consistait à imaginer la page d’accueil du futur site d'Azeltio, à partir d’une charte graphique signée Marine Riou (avril 2025). Ma mission était de concevoir une maquette responsive fidèle à l’identité fournie, mettant en valeur les expertises de la marque, son storytelling et son approche humaine et créative.

CLIENT

Projet fictif pour
AZELTIO
Charte graphique par Marine Riou

Logo Azeltio par Marine Riou

LE RÉSULTAT

Une maquette responsive, colorée et structurée, pensée pour valoriser les services d’Azeltio, renforcer sa crédibilité et inciter à la prise de contact. Le design respecte la charte graphique tout en intégrant les bonnes pratiques UX et SEO.

SERVICES

Webdesign (figma)
UX & UI Design

C'est quoi Azeltio ?

« La vidéo vaut mille mots. » Azeltio est une société de production audiovisuelle au service des entreprises. Elle conçoit des vidéos à fort impact pour raconter des histoires, renforcer une marque employeur ou présenter des services de manière vivante et professionnelle. L’approche met l’accent sur la narration, l’accompagnement et la qualité visuelle, du tournage au motion design.

Ce projet est une proposition créative fictive. Il n’a pas été réalisé dans le cadre d’une commande réelle.

Les raisons de ce projet

Ce projet visait à démontrer la capacité à répondre à un brief réaliste dans un contexte professionnel exigeant : contenu orienté conversion, hiérarchie claire, accessibilité, intégration SEO dès la conception (Hn, wording, CTA…). L’objectif était aussi d’adopter les codes d’un studio créatif moderne : mascotte intégrée, codes visuels forts, usage du storytelling dès l’entrée sur la page.

Le processus

PHASE 1 – Analyse du brief et zoning UX

J’ai commencé par étudier la cible, les objectifs business et les contraintes SEO structurelles. J’ai ensuite réalisé un zoning rapide pour organiser la page d’accueil autour d’un scroll narratif fluide, ponctué de CTA visibles.

Animation de la mascotte azeltio

Les caractéristiques de la marque

Identité forte et humaine, charte graphique et logo par Marine Riou

Couleurs

Palette contrastée entre blanc, bleu nuit et rouge-orange, utilisée avec sobriété dans les CTA et les zones structurantes.

Polices

Une typographie originale et typée (fournie dans la charte), combinant lisibilité, personnalité et cohérence avec la mascotte.

Public cible

PME, ETI et structures cherchant à renforcer leur image par la vidéo : responsables communication, dirigeants, RH.

Logo

Par Marine Riou

Logo AZELTIO

PHASE 2 – Design & micro-interactions

Sur Figma, j’ai décliné les blocs selon la charte fournie : typographie, aplats de couleurs, mascotte animée, jeux d’ombres isométriques. J’ai prévu des animations douces (hover, apparition, transitions), une structure Hn logique, des zones de témoignages et de réassurance, ainsi qu’un design mobile optimisé.

Les typographies

Les polices ont aussi été choisies par Marine Riou dans la charte graphique, il s'agit de "NEULIS CURSIVE" pour les titres principaux et "NERIS" pour les textes.

NEULIS CURSIVE
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9

NERIS
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9

Conclusion

Ce projet m’a permis d’explorer un univers graphique original et fort, tout en structurant une page d’accueil pensée pour la conversion. La combinaison de contraintes UX, d’animations douces et d’une direction artistique exigeante a représenté un excellent exercice, complet et stimulant. Une expérience très formatrice sur les aspects branding, narration visuelle et logique SEO.

Ce projet vous a donné envie de faire le votre ?

En cliquant sur « Accepter tous les cookies », vous acceptez le stockage de cookies sur votre appareil pour améliorer la navigation sur le site, analyser l'utilisation du site et nous aider dans nos efforts de marketing. Consultez notre politique de confidentialité pour plus d'informations.
Original text
Rate this translation
Your feedback will be used to help improve Google Translate