Franco

Ancrer une marque premium dans son époque.

Franco est un template de site vitrine que j'ai imaginé pour les agences, les studios et les créatifs indépendants. Une direction artistique sobre et chaleureuse, des pages pensées pour mettre un savoir-faire en valeur, et une navigation fluide sur tous les écrans.

Type
Template de site vitrine
Année
2026
Mon rôle
Direction artistique, webdesign et développement
Réalisé avec
Framer
Page d'accueil de Franco : le logotype en très grand sur une vidéo de nature, avec l'accroche « Franco fusionne design moderne et storytelling percutant ».

01Le point de départ

Un template qui ne ressemble pas à un template

La plupart des templates se ressemblent : mêmes blocs, mêmes effets, même froideur. Avec Franco, je voulais l'inverse : une marque qui a une âme, des images qui respirent et une typographie qui se remarque, sans jamais gêner la lecture.

  • Une identité forte dès le premier écran
  • Des sections claires, faciles à adapter à chaque marque
  • Un rendu impeccable sur téléphone
  • Des bases solides pour le référencement

02La direction artistique

Un vert forêt, un crème chaud et trois typographies

Le vert profond et le crème donnent le ton : naturel, calme, haut de gamme. Les titres en Instrument Serif apportent le caractère éditorial, l'Inter assure le confort de lecture, et la DM Mono signe les petits détails.

Couleurs

  • Vert forêt#16231B
  • Crème#F9F5EB
  • Sable#ECE7D9
  • Encre#231F20

Typographies

  • Instrument SerifTitres
  • InterTextes
  • DM MonoÉtiquettes et dates
Section « Conçu pour les innovateurs » du site Franco : un grand titre éditorial et des cartes aux icônes fines.
Un grand titre éditorial, des cartes aux icônes fines : la signature de Franco.

03La structure

Chaque section a un rôle précis

Présenter l'offre, montrer les fonctionnalités, rassurer avec des témoignages, raconter l'histoire de la marque, puis partager des articles. Les sections s'enchaînent comme un récit, et chacune peut être déplacée ou retirée sans casser l'ensemble.

Section des fonctionnalités de Franco, sur fond vert forêt, avec une photo de forêt.
Les fonctionnalités
Section des témoignages de Franco : trois cartes vertes et crème.
Les témoignages
Section « Un design intuitif clarifie votre message », avec une grande photo d'intérieur.
L'histoire de la marque
Section blog de Franco : trois articles illustrés.
Le blog

04Le mobile

Pensé pour le téléphone, pas seulement rétréci

Sur téléphone, Franco garde tout son caractère : la vidéo d'accueil, les grands titres, les cartes. Les menus, les boutons et les espacements ont été repensés pour le pouce.

Accueil de Franco sur téléphone : logotype, accroche et boutons.
Fonctionnalités de Franco sur téléphone.
Articles du blog de Franco sur téléphone.

05La signature

Une fin qui marque les esprits

Le pied de page reprend le logotype en très grand, sur le vert de la marque. Le visiteur termine sa visite sur l'identité de Franco, avec tous les liens utiles à portée de main.

Pied de page de Franco : le logotype en très grand sur fond vert forêt.

06Les pages

Un site complet, prêt à l'emploi

Au-delà de l'accueil, Franco comprend toutes les pages dont une marque a besoin : à propos, tarifs, blog, carrières, FAQ et contact.

Page Tarifs du site Franco.
Tarifs
Page Blog du site Franco.
Blog
Page FAQ du site Franco.
FAQ
Page Carrières du site Franco.
Carrières

Ils m'ont fait confiance

99+ Clients satisfaits

Ce projet vous inspire ?
Réservez un appel découverte gratuit.

Planifier un appel
Logo monogramme minimaliste en forme de lettre A stylisée noire avec un contour blanc, représentant l'identité visuelle d'Ayoub Chouaf.

AyoubChouaf

Appelez-moi