15 direzioni di navigazione a quadrante — Totem Tattooing

1aIl Quadrante — lo scroll ruota una ghiera, la sezione attiva riempie lo schermo

✦ TOTEM TATTOOING ✦

Prenota consulenza

↻ scroll / drag = ruota
scatto magnetico sulle tacche

sfondo: foto tatuaggio
in parallasse lento ↕

1 · Intro: la ghiera si "incide" col suono della macchinetta

2 · Ruota → tacca "Stili", foto cambia con wipe circolare

zoom nel cerchio ▣

3 · Click centro = entri; la ghiera diventa mini-dial in basso

mobile: mezza ghiera sotto il pollice

1bLa Stella — il ✦ del logo è la bussola: 4 punte = 4 sezioni, centro = Prenota

TOTEM TATTOOING

Electric & Handpoke

cursore = ago
la punta verso cui punti si accende e "sanguina" colore

scroll = entri nella punta: la stella ruota di 90° in 3D e diventa la cornice della sezione

✦

1 · Loader: stella che si traccia a linea, poi si apre

✦

2 · Tilt 3D che segue il mouse; foto dentro le punte

✦

3 · In sezione la stella resta nell'angolo: menu sempre a un click

✦

mobile: swipe nelle 4 direzioni

1cIl Totem — discesa 3D lungo una colonna di blocchi; il quadrante è un indicatore di profondità

✦ TOTEM

Hero · "Inchiostro, con metodo"

Vanessa · Ponzi · Lui

Stili

Prima volta / FAQ

Studio · Gift card

foto far layer

foto near

quadrante = profondità; click per saltare

ogni blocco "intagliato" con un motivo di un artista; la camera scende e ci entra

1 · Il totem intero, visto dall'alto

2 · Scroll: il blocco si avvicina e si "apre"

sezione fullscreen

3 · Dentro: contenuti orizzontali, poi si riprende a scendere

mobile: scroll verticale nativo

1dIl Trittico — quadrante a 3 settori, uno per artista; scegliere un artista ritinge tutto il sito

PONZI

blackwork · giapponese

↔ in hover si allarga

VANESSA

handpoke · ornamentale · fine line

LUI

traditional · realistico

✦ TOTEM TATTOOING ✦

1 · Tre colonne in parallasse a velocità diverse

2 · Scelgo Vanessa: palette, font-accento e gallery si adattano

3 · Portfolio, stili e "Prenota con Vanessa" già filtrati

mobile: 3 fasce orizzontali

1eLa Ghiera Stili — tavolo di flash in 3D; una ghiera tipo obiettivo filtra per stile e zooma

✦ TOTEM TATTOOING

ArtistiPrima voltaStudioGift card

gira = filtra stile · rotella = zoom sul tavolo

↖ i flash non in stile scendono in profondità (sfocati)

1 · Tavolo che si inclina con lo scroll

2 · Click su un flash: vola in primo piano, si gira (retro: artista, ore, prezzo indicativo)

"Voglio questo" →

3 · CTA porta alla prenotazione pre-compilata

mobile: ghiera = slider a rullo

Prova: "sviluppa 1a in hi-fi" · "unisci la stella di 1b con il trittico di 1d" · "mostrami le pagine interne (artista, FAQ, gift card) per 1e"