Alyssa Coleman — Back of House

Coaching pour créatifs, Canada

2026

Site Showit

Aperçu

Alyssa Coleman est venue me voir avec un site Showit existant qui s’était construit au fil des années, et ça se voyait. Les pages semblaient déconnectées, la hiérarchie visuelle floue, et la mise en page manquait de la structure réfléchie que mérite une marque personnelle de son niveau. Alyssa opérait en parallèle un pivot complet : nouveau positionnement, nouveau public, nouvelle énergie — un marketing lent et des systèmes doux pour les entrepreneures créatives. La direction de marque et l’identité visuelle ont été confiées à Lara González. Ma mission : prendre cette nouvelle marque et construire, de zéro, un site à la hauteur de la direction qu’elle prenait, en poussant Showit bien au-delà de ses réglages par défaut.

Solutions

  • Architecture de contenu
  • Hiérarchie des pages & navigation
  • Fonctionnalités & interactions sur mesure
  • Collaboration avec la brand designer Lara González
  • Lancement

Stack

  • Showit
Fermer ✕
Back of House — site repensé, capture plein écran
[01] Back of House — site repensé, capture plein écran

Le défi

Alyssa Coleman est venue me voir avec un site Showit existant qui s’était construit au fil des années, et ça se voyait. Les pages semblaient déconnectées, la hiérarchie visuelle floue, et la mise en page manquait de la structure réfléchie que mérite une marque personnelle de son niveau. Alyssa opérait en parallèle un pivot complet : nouveau positionnement, nouveau public, nouvelle énergie — un marketing lent et des systèmes doux pour les entrepreneures créatives. La direction de marque et l’identité visuelle ont été confiées à Lara González. Ma mission : prendre cette nouvelle marque et construire, de zéro, un site à la hauteur de la direction qu’elle prenait, en poussant Showit bien au-delà de ses réglages par défaut.

Ce que nous avons construit

Traduire une marque en site — le branding de Lara donnait le ton : cosy, intentionnel, doux. Mon rôle était de faire ressentir exactement cela au site : chaque choix de mise en page, d’espacement et d’interaction est pensé pour épouser l’énergie du nouveau positionnement, et pas seulement pour appliquer les couleurs.

Une nouvelle architecture de contenu — le pivot s’accompagnait d’une nouvelle offre phare : Back of House. J’ai repensé toute la structure du site autour d’elle : nouvelle hiérarchie des pages, nouvelle logique de navigation, nouveau parcours utilisateur, de la première visite à la conversion.

Showit, poussé plus loin — Showit a ses limites, et je les ai contournées : personnalisation des fonctionnalités, création d’interactions et adaptation d’éléments bien au-delà de ce que la plateforme propose d’origine.

Palette

[01] #000000
RGB 0, 0, 0
CMYK 0, 0, 0, 100

[02] #380D0F
RGB 56, 13, 15
CMYK 0, 77, 73, 78

[03] #93B9D3
RGB 147, 185, 211
CMYK 30, 12, 0, 17

[04] #FCFAF5
RGB 252, 250, 245
CMYK 0, 1, 3, 1

[05] #E0DACE
RGB 224, 218, 206
CMYK 0, 3, 8, 12

[06] #59463A
RGB 89, 70, 58
CMYK 0, 21, 35, 65

Avant

Un point de départ éparpillé

Un petit échantillon de l’ambiance de l’ancien site : un rythme irrégulier, une hiérarchie floue et un langage visuel qui ne correspondait plus à la direction d’Alyssa.

Site d’Alyssa Coleman avant refonte 01
[02] Site d’Alyssa Coleman avant refonte 01
Site d’Alyssa Coleman avant refonte 02
[03] Site d’Alyssa Coleman avant refonte 02
Site d’Alyssa Coleman avant refonte 03
[04] Site d’Alyssa Coleman avant refonte 03
Site d’Alyssa Coleman avant refonte 04
[05] Site d’Alyssa Coleman avant refonte 04
Site d’Alyssa Coleman avant refonte 05
[06] Site d’Alyssa Coleman avant refonte 05
Site d’Alyssa Coleman avant refonte 06
[07] Site d’Alyssa Coleman avant refonte 06
Site d’Alyssa Coleman avant refonte 07
[08] Site d’Alyssa Coleman avant refonte 07

Après

Un système visuel adouci

Une sélection assortie des écrans finaux, qui montre le nouveau ton : plus chaleureux, plus clair, plus doux, et construit autour de l’expérience Back of House.

Back of House, capture d’écran 12
[09] Back of House, capture d’écran 12
Back of House, capture d’écran 14
[10] Back of House, capture d’écran 14
Back of House, capture d’écran 02
[11] Back of House, capture d’écran 02
Back of House, capture d’écran 09
[12] Back of House, capture d’écran 09
Back of House, capture d’écran 13
[13] Back of House, capture d’écran 13
[14] Back of House, animation 01
Back of House, capture d’écran 07
[15] Back of House, capture d’écran 07
[16] Back of House, animation 05
Back of House, capture d’écran 01
[17] Back of House, capture d’écran 01
[18] Back of House, animation 04
[19] Back of House, animation 06

Autres projets

Travaillons ensemble