Projet personnel et explorations graphiques

Un site en ligne,trois pistes graphiques.

Le site Studio 7 montre comment je présente mon activité de développeur web. Trois concepts explorent ensuite d’autres identités, avec leurs choix de couleurs, de typographie et de parcours.

Projet personnel — Site en ligne

Studio 7 : présenter mon activité et ouvrir la conversation

Le site que vous consultez est celui de mon activité à Liège. Je l’ai conçu et développé pour présenter mes services aux indépendants, commerces et PME de Wallonie et de Bruxelles. C’est un projet personnel, avec un parcours de contact utilisable et des pages dédiées à la création et à la refonte de sites.

Une identité reconnaissable

Le logo blanc, le fond dégradé et l’alternance entre lettres droites et italiques donnent une continuité aux pages. Les titres et les textes précisent ensuite l’offre : création d’un premier site ou refonte d’un site existant.

Un premier contact simple

Les boutons « Parlons de votre projet » conduisent au choix entre e-mail et WhatsApp. Sur les pages de services, le message proposé reprend la prestation concernée ; le visiteur peut le compléter avant de l’envoyer.

Une attention au mobile

Les images sont proposées en plusieurs tailles pour s’adapter à l’écran. Le carrousel possède une commande de pause et tient compte de la préférence de réduction des animations. La navigation et les liens de contact ont été vérifiés avant publication.

Capture du site Studio 7 sur mobile : logo, présentation de l’activité et bouton de contact.
Accueil mobile, capture du contrôle du 20 septembre 2026.

Un exemple d’amélioration mesurée

Sur ce site, j’ai conservé les neuf maquettes tout en proposant des images adaptées aux écrans à haute densité. Lors du contrôle mobile, les données transférées par la page sont passées de 1,91 Mo à 1,07 Mo, soit environ 44 % de moins. Les liens de coordonnées ont aussi été agrandis pour faciliter leur utilisation au doigt.

Mesure Lighthouse du 20 septembre 2026, avant et après modification, dans le même format mobile simulé de 430 pixels et une densité de 3. Ce résultat porte sur le poids chargé dans ce test ; il ne signifie pas que le site est 44 % plus rapide sur tous les téléphones.

Ce travail illustre une amélioration ciblée sans refaire toute l’identité du site. Pour votre projet, la première étape consiste à examiner ce qui mérite réellement une refonte ou une optimisation.

Parcourir le site Studio 7

Les trois concepts ci-dessous sont des maquettes réalisées avec l’aide d’outils de génération d’images. Ils présentent des pistes visuelles : ce ne sont ni des sites clients livrés, ni des démonstrations fonctionnelles. Les noms et contenus appartiennent à ces concepts.

Concept 01 — PULPE

Une présence expressive pour une boisson fraîche

Maquette PULPE : lettres noires arrondies, fond jaune et photographie de citronnade.

Les choix graphiques

Le jaune vif et les lettres noires épaisses rendent le nom immédiatement visible. La photographie de citronnade, de citron et de basilic donne une place centrale au produit : l’image participe à l’identité plutôt que de simplement décorer la page.

Le parcours proposé

Le bouton « Voir la carte » indique une première action simple. Pour un site de café ou de restauration, cette piste inviterait à relier une présentation courte à la carte, aux informations pratiques et à un contact facile à retrouver.

Du concept au site réel

Sur un vrai projet, il faudrait vérifier la lisibilité des lettres expressives en petit format, utiliser les photographies du commerce et organiser une carte consultable sur téléphone.

Concept 02 — Atelier Orme

Laisser la place aux espaces et aux projets

Maquette Atelier Orme : typographie à empattements sur fond ivoire, intérieur lumineux ouvert sur un jardin.

Les choix graphiques

Le fond ivoire, la grande typographie à empattements et l’alternance entre romain et italique créent un rythme plus calme. La photographie d’un intérieur ouvert sur un jardin apporte l’essentiel de la matière visuelle.

Le parcours proposé

Le lien « Découvrir les projets » place le portfolio au centre du parcours. Cette direction peut servir de point de départ pour une activité qui se comprend par ses images : architecture, aménagement ou artisanat.

Du concept au site réel

Une réalisation complète demanderait des projets documentés, des photographies autorisées et des légendes précises. Sur mobile, la hiérarchie devrait rester claire même lorsque texte et image passent l’un sous l’autre.

Concept 03 — Casa Lina

Une ambiance illustrée pour la restauration

Maquette Casa Lina : lettrage terracotta, papier crème et assiette de pâtes illustrée à l’aquarelle.

Les choix graphiques

Le fond crème évoque le papier. Le lettrage manuscrit terracotta, l’assiette de pâtes à l’aquarelle et les touches de vert sauge composent une identité chaleureuse, avec un contraste plus doux que le concept PULPE.

Le parcours proposé

Le bouton « Réserver » rend l’intention du parcours explicite. Pour un restaurant réel, cette action devrait conduire au canal effectivement utilisé par l’établissement, avec la carte, les horaires et l’adresse accessibles en texte.

Du concept au site réel

L’illustration pose une ambiance ; elle ne remplace pas les informations pratiques. Le développement devrait notamment vérifier le contraste, la lisibilité de la carte et la facilité de réservation au téléphone.

Une direction pourvotre propre activité.

Le choix du style part de votre métier, de vos contenus et de ce que vos visiteurs doivent pouvoir faire. Découvrez la création d’un site vitrine ou la refonte d’un site existant.

Parlons de votre projet