Page d'accueil de Spok Tattoo : logo au néon rose et cyan sur fond noir
← Toutes les réalisations[ Spok Tattoo · Site vitrine ]

Un site qu'on regardeautant qu'on l'utilise.

Client
Spok Tattoo
Studio de tatouage, Saint-Joseph
Mission
Site vitrine et qualification des demandes
Stack
Next.js · TypeScript · Framer Motion
En ligne
spoktattoo.com
[ Le problème ]

Tout se jouait sur les réseaux, et rien ne s’y retrouvait.

Le studio n’existait en ligne que sur ses comptes sociaux : aucune adresse à soi, rien qui remonte sur une recherche « tatoueur Saint-Joseph », et des demandes qui arrivaient en message privé. Sans style, sans zone du corps, sans référence — donc impossibles à chiffrer sans trois allers-retours.

[ Les décisions ]

Trois choix, et leurs raisons.

  1. 01

    Assumer une direction artistique

    Néons, dégradés sombres, influences cyberpunk japonaises : le site emprunte à l’univers du studio plutôt qu’à un gabarit de site vitrine.

    Pourquoi

    Chez un tatoueur, la page est le premier échantillon du travail. Un site neutre aurait dit l’inverse de ce qu’il vend.

  2. 02

    Qualifier avant le premier échange

    Un formulaire en plusieurs étapes recueille les coordonnées, puis le projet : style, emplacement, images d’inspiration.

    Pourquoi

    La demande arrive complète. Le devis se prépare sans avoir à réclamer trois fois la même information.

  3. 03

    Ne pas payer l’esthétique en visibilité

    Le contenu est servi en HTML par le serveur ; les effets se posent par-dessus, jamais à la place.

    Pourquoi

    Un site spectaculaire qui n’existe pas dans les résultats de recherche ne sert qu’à ceux qui connaissent déjà l’adresse.

[ Ce que ça fait ]
Galerie de Spok Tattoo : une mosaïque de tatouages colorés inspirés de personnages de manga

La galerie en parallaxe

Le travail du studio en mosaïque, avec un effet de profondeur au défilement. C’est le premier échantillon que voit un client — il devait se regarder, pas se parcourir.

Première étape du formulaire de Spok Tattoo : prénom, nom, adresse e-mail et numéro de téléphone

Le formulaire multi-étapes

Les coordonnées d’abord, le projet ensuite : style, emplacement sur le corps, images d’inspiration. La demande arrive complète, le devis se prépare sans allers-retours.

[ Le résultat ]
  • PrésenceUne adresse à soi, en plus des réseaux
  • DemandesStyle, emplacement et inspiration arrivent avec le message
  • DevisPréparés sans allers-retours préalables
[ Le site livré ]
Accueil de Spok Tattoo : le logo au néon rose et cyan sur fond noir
Sur ordinateur.
Accueil de Spok Tattoo sur mobile : le logo au néon rose et cyan sur fond noir
Sur téléphone.

Un site qui vous ressemble vraiment ?

Décrivez-moi votre activité et ce que vous voulez qu’on en retienne. Un premier échange d’une heure.

En parler ↗