Le site du Terrier

Page d’accueil du site du Terrier, sur ordinateur.

Un salon de tatouage et de piercing rue Ausone, à Bordeaux. Le site tient sur une seule page, sur fond noir : l’équipe devant le salon, les huit tatoueurs et les trois pierceurs en portrait, chacun relié à son compte Instagram, le salon en photographies, une FAQ de onze questions et le formulaire.

Métier
Tatouage et piercing
Zone
Bordeaux
Projet
Création du site
Mis en avant
  • Huit tatoueurs, un style chacun
  • Trois pierceurs, réservation sur Planity
  • Une FAQ de onze questions
  • Quatre photographies du salon, en parallaxe

L’accueil, section par section

Tout le site tient dans l’accueil, de l’équipe devant le salon jusqu’au formulaire : les portraits des artistes, le texte du salon, la FAQ et, entre les sections, des photographies prises à l’intérieur qui glissent moins vite que la page. Le film s’arrête sur chaque section ; la liste à côté y mène directement.

Section « Viens, on en parle ! » de l’accueil du site du Terrier, sur ordinateur.

Le menu, entrée par entrée

Cinq entrées au menu, dans un en-tête noir qui reste en haut de l’écran. Les quatre premières descendent l’accueil jusqu’à leur section : Notre univers, Vos questions, Nous contacter, et Accueil pour remonter. La cinquième, Boutique, ouvre la boutique en ligne du salon, Le comptoir du Terrier, qui vend des tee-shirts et des cartes cadeaux.

Section « Notre univers » de l’accueil du site du Terrier, sur ordinateur.
Notre universSection de l’accueilLe salon se présente en tutoyant le visiteur : « une tanière créative », où l’on vient pour un flash, une première pièce ou un projet sur plusieurs séances. Dessous, l’adresse et le téléphone, chacun dans un encadré vert.
Section « Vos questions » de l’accueil du site du Terrier, sur ordinateur.
Vos questionsSection de l’accueil« Tu as des questions ? Ça tombe bien, on a les réponses. » Onze questions l’une sous l’autre ; la première est ouverte sur un encadré blanc, les autres s’ouvrent d’un clic.
Section « Nous contacter » de l’accueil du site du Terrier, sur ordinateur.
Nous contacterSection de l’accueilLe lien descend sur « Alors ? », la première des trois photographies du salon qui mènent au formulaire : le comptoir vert, un ordinateur et des flashs encadrés au mur.

Onze artistes, en portrait

La plus longue section du site : huit tatoueurs puis trois pierceurs, chacun photographié en noir et blanc sur le même fond gris, avec son nom d’artiste et, pour les tatoueurs, son style. Un clic sur un portrait ouvre le compte Instagram de l’artiste, où l’on voit son travail ; le bouton des pierceurs mène à la prise de rendez-vous sur Planity.

Section « Les quatre premiers tatoueurs » de l’accueil du site du Terrier, sur ordinateur.
Les quatre premiers tatoueursRealism et dark realism, old school et ornemental, traditionnel américain, japonais moderne et irezumi.
Section « Les quatre suivants » de l’accueil du site du Terrier, sur ordinateur.
Les quatre suivantsRéalisme et gravure, fine line et ornemental, japonais moderne et irezumi, fine line et réalisme.
Section « Et 3 piercers de talent » de l’accueil du site du Terrier, sur ordinateur.
Et 3 piercers de talentLes trois pierceurs, sous le bouton qui ouvre leur page de réservation sur Planity.

Le salon, en grand

Quatre photographies prises dans le salon occupent toute la largeur de l’écran entre les sections : la longue table verte sous les flashs, le mur de bois et ses flacons d’encre, le mur vert couvert de dessins encadrés. Elles glissent moins vite que la page quand on descend, ce que le film plus haut montre mieux qu’une capture. La première invite à suivre le salon sur Instagram, les trois suivantes poussent jusqu’au formulaire.

Section « Suivez-nous sur Instagram » de l’accueil du site du Terrier, sur ordinateur.
Suivez-nous sur InstagramLa longue table verte, des chandeliers et des flashs encadrés sur le bois.
Section « T’attends quoi pour te lancer ? » de l’accueil du site du Terrier, sur ordinateur.
T’attends quoi pour te lancer ?Le mur de bois : les flacons d’encre sur l’étagère, des flashs encadrés, des Polaroid et une bannière à franges.
Section « Viens, on en parle ! » de l’accueil du site du Terrier, sur ordinateur.
Viens, on en parle !Le mur vert couvert de flashs encadrés, juste avant le formulaire.

La FAQ, question par question

Les questions qu’on se pose avant un premier tatouage, avec des réponses écrites comme on parlerait au comptoir : « Oui, un tatouage ça pique. » Chaque question s’ouvre sur un encadré blanc ; en voici six, ouvertes une à une.

La question « Est-ce que ça fait mal ? » ouverte dans la FAQ du site du Terrier, sur ordinateur.
Est-ce que ça fait mal ?« Ça ressemble plus à une brûlure ou un chatouillis énervé qu’à une torture. »
La question « Comment je me prépare avant mon rendez-vous ? » ouverte dans la FAQ du site du Terrier, sur ordinateur.
Comment je me prépare avant mon rendez-vous ?Bien dormir, manger avant de venir, boire de l’eau, ni alcool ni aspirine, et s’habiller confortablement : la séance peut durer plusieurs heures.
La question « Quels soins après le tatouage ? » ouverte dans la FAQ du site du Terrier, sur ordinateur.
Quels soins après le tatouage ?Eau tiède et savon doux, la crème conseillée par le tatoueur ; ni soleil, ni piscine, ni sauna pendant la cicatrisation.
La question « Combien de temps pour cicatriser ? » ouverte dans la FAQ du site du Terrier, sur ordinateur.
Combien de temps pour cicatriser ?Deux à quatre semaines pour la peau, plusieurs mois pour que le tatouage « se pose ».
La question « Combien ça coûte ? » ouverte dans la FAQ du site du Terrier, sur ordinateur.
Combien ça coûte ?Un devis selon la taille, le placement et les détails, avec un tarif minimum, et un acompte pour bloquer les longues séances.
La question « Est-ce que je peux venir avec des potes ? » ouverte dans la FAQ du site du Terrier, sur ordinateur.
Est-ce que je peux venir avec des potes ?Un ou deux proches au plus : « le shop est un espace de travail, pas une salle de concert ».

En gros plan

Des écrans pris au milieu de l’accueil, et le formulaire tel qu’il répond quand on l’envoie vide.

Section « 8 tatoueurs, 8 styles, une passion » de l’accueil du site du Terrier, sur ordinateur.
8 tatoueurs, 8 styles, une passionLes titres en Oswald, blanc sur noir, finissent sur un point vert, la couleur des encadrés et du bouton d’envoi. Dès cette section, le site tutoie : « Clique pour découvrir le compte insta. »
Section « Nous visiter, nous appeler » de l’accueil du site du Terrier, sur ordinateur.
Nous visiter, nous appelerL’adresse et le numéro, chacun dans son encadré vert, sous le texte du salon ; juste après commence la première photographie du salon.
Section « Formulaire » de l’accueil du site du Terrier, sur ordinateur.
FormulaireNom, e-mail, téléphone et message, à côté d’une invitation à raconter son projet. Le bouton « Nous contacter » du premier écran descend directement ici.
Le formulaire du site du Terrier envoyé vide : la liste des champs à remplir et leurs encadrés rouges, sur ordinateur.
Le formulaire envoyé videRien ne part tant qu’un champ manque : le formulaire liste ceux qui restent à remplir et les encadre de rouge.

Et sur téléphone

Sur téléphone, le menu se replie derrière un bouton à trois traits. Les portraits passent à un par écran, à la largeur du téléphone, et les photographies du salon s’empilent jusqu’au formulaire.

Page d’accueil du site du Terrier, sur téléphone.
Accueil
Menu ouvert sur l’accueil du site du Terrier, sur téléphone : accueil, notre univers, vos questions, nous contacter, boutique.
Le menu
Section « 8 tatoueurs, 8 styles » de l’accueil du site du Terrier, sur téléphone.
8 tatoueurs, 8 styles
Le portrait d’un artiste et son style, realism et dark realism, sur l’accueil du site du Terrier, sur téléphone.
Realism et dark realism
Le portrait d’un artiste et son style, japonais moderne et irezumi, sur l’accueil du site du Terrier, sur téléphone.
Japonais moderne et irezumi
Section « Et 3 piercers de talent » de l’accueil du site du Terrier, sur téléphone.
Et 3 piercers de talent
Section « Notre univers » de l’accueil du site du Terrier, sur téléphone.
Notre univers
Section « Nous visiter, nous appeler » de l’accueil du site du Terrier, sur téléphone.
Nous visiter, nous appeler
Section « Suivez-nous sur Instagram » de l’accueil du site du Terrier, sur téléphone.
Suivez-nous sur Instagram
Section « Vos questions » de l’accueil du site du Terrier, sur téléphone.
Vos questions
Les trois photographies du salon, « Alors ? », « T’attends quoi pour te lancer ? » et « Viens, on en parle ! », l’une sous l’autre du site du Terrier, sur téléphone.
Les photographies du salon
Section « Formulaire » de l’accueil du site du Terrier, sur téléphone.
Formulaire

Parlons de votre site

Dites-nous ce que fait votre entreprise et où en est votre site. Une personne vous répond sous 24 h ouvrées, puis vous recevez une proposition écrite, libre à vous de l’accepter.

Ou directement :07 82 85 66 92WhatsAppcontact@odratta.com

Odratta, 91 rue Général Mangin, 38100 Grenoble