Mes projets en web design / Programmation web

Conception d’interfaces web sur-mesure : maquettes UX/UI, création de sites vitrine sur WordPress ou développement web en HTML/CSS. Chaque projet est pensé pour offrir une navigation fluide, une expérience utilisateur optimale et une identité digitale cohérente.

Découvrez ici quelques-unes de mes réalisations :

Maquettes UX/UI
We Wave

Voir le projet

Site Web - Microbrasserie Rivière à Bière

Voir le projet

Site e-commerce - Florem (Shopify)

Voir le projet

Jeu interactif
iHuman Project

Voir le projet

Site WordPress Jeunesse Maritime du Saint-Laurent

Voir le projet

Découvrir mes autres projets

Web Design

Création ou refonte de sites web modernes et responsives.
Voir plus

motion design

Montage et animation de vidéos courtes pour les réseaux sociaux.
Voir plus

communication

Calendriers éditoriaux, stratégies de contenu, etc.
Voir plus

Envie d'en savoir plus ?

Tu veux en savoir plus sur un projet ou discuter de techniques de design graphique ?
Écris-moi, je serais ravie d’en discuter !


Maquettes UX/UI Design – We Wave

Contexte

Dans le cadre d’un projet fictif autour d’un festival engagé, j’ai conçu les maquettes UX/UI de l’expérience digitale de We Wave, un événement musical et écologique se déroulant sur la plage de Biscarrosse.

L’objectif était de créer une interface fluide, immersive et adaptée à un public jeune, en alliant univers festif et engagement environnemental.

Ce que j'ai réalisé

  • Création d’un univers graphique en cohérence avec l’identité du festival
  • Design complet du site desktop (page d’accueil, programme, billetterie, etc.)
  • Maquettes d’une application mobile intuitive avec navigation fluide
  • Structuration des parcours utilisateurs pour un accès rapide à la programmation, aux pass et aux infos pratiques

Outils utilisés

Figma, Illustrator, Photoshop

we wave maquette
Voir la maquette du site
we wave application
Voir la maquette de l'app

Site Web – Microbrasserie Rivière à Bière

Contexte

Dans le cadre d’un projet pédagogique orienté vers la réalisation de sites web professionnels, j’ai conçu le site vitrine d’une microbrasserie locale fictive sur WordPress : Rivière à Bière.
L’objectif était de proposer une interface moderne, responsive et intuitive permettant de valoriser l’offre de bières artisanales et tapas, tout en facilitant l’accès aux informations pratiques pour les visiteurs.

Ce que j'ai réalisé

  • Installation et configuration du CMS WordPress
  • Intégration du contenu, hiérarchisation de l’information et mise en page cohérente
  • Conception UX & UI : structuration intuitive du parcours utilisateur
  • Personnalisation complète du thème WordPress 
  • Développement d’un design responsive
  • Mise en avant des produits phares (bières vedettes) et de l’expérience sur place
  • Création de sections informatives : horaires, contact, ambiance, produits

Outils utilisés

WordPress, HTML, CSS, Figma, Photoshop

Site Rivière à bière

Pour se connecter, utiliser les identifiants suivants :
Id : tp2
mp : prod

Voir le site

Site e-commerce – Florem (Shopify)

Contexte

Dans le cadre d’un projet de création de boutique en ligne, j’ai conçu le site e-commerce Florem, une marque fictive spécialisée dans les bougies naturelles et florales.

L’objectif était de construire une expérience d’achat fluide et esthétique, tout en respectant les codes du e-commerce moderne et les valeurs écoresponsables de la marque.

Ce que j'ai réalisé

  • Conception complète de la boutique Shopify 
  • Création des maquettes UX/UI sur Figma avant intégration
  • Création d’une charte graphique
  • Rédaction de fiches produits optimisées pour le SEO
  • Intégration des visuels et animation d’un teaser vidéo 
  • Paramétrage des options e-commerce : paniers, paiements, livraison, avis, etc.

Outils utilisés

Shopify, Figma, Illustrator, Photoshop, Premiere Pro, Canva

Pour visualiser le site, utiliser le mot de passe : stewdo

Voir le site

Jeu interactif – iHuman Project

Contexte

Dans le cadre d’un projet créatif de fin de session, j’ai conçu un jeu interactif de type escape game baptisé iHuman Project, mettant en scène Ava, un petit robot attachant que l’utilisateur doit aider à s’échapper d’un laboratoire futuriste.

Ce projet visait à allier storytelling immersif, animation et logique de jeu grâce à une interface dynamique en HTML/CSS/JS. 

Ce que j'ai réalisé

  • Scénarisation d’un parcours narratif interactif
  • Conception graphique de l’univers
  • Développement du jeu en HTML, CSS et JavaScript
  • Création d’animations en After Effects pour dynamiser l’expérience
  • Ajout d’interactions utilisateur
  • Responsive design pour une accessibilité multiplateforme

Outils utilisés

HTML, CSS, JavaScript, Adobe After Effects, Photoshop, Illustrator

Site IHuman

Pour se connecter, utiliser les identifiants suivants :
Id : tp3
mp : prod

Voir le site

Site WordPress – Jeunesse Maritime du Saint-Laurent

Contexte

Dans le cadre du projet final de notre cours de développement web, nous avons collaboré avec un véritable client : l’association québécoise Jeunesse Maritime du Saint-Laurent. Cette OBNL agit pour la sensibilisation des jeunes aux enjeux maritimes.

L’objectif était de refondre leur site internet pour valoriser leurs actions, projets pédagogiques et partenaires.

Ce que j'ai réalisé

  • Conception UX/UI du site (architecture, wireframes, maquettes)
  • Développement du site avec WordPress (thème personnalisé)
  • Intégration HTML / CSS / PHP
  • Création d’une navigation fluide, responsive et intuitive
  • Intégration des contenus 
  • Design visuel

Outils utilisés

Figma, WordPress, Visual Studio Code, HTML5, CSS3, PHP

Site jeunesse maritime

Pour se connecter, utiliser les identifiants suivants :
Id : Nautilus
mp : Nautilus

Voir le site