Atelier Motion aggiunge effetti visivi ai blocchi core: si scelgono nel pannello Effetti della barra laterale del blocco. Sono fatti in CSS e restano entro il loro budget di prestazioni. Qui sotto, ogni effetto e ogni pattern che li usa, con gli effetti nell'etichetta.
Gli effetti
| Effetto | Pannello | Blocchi |
|---|---|---|
| Comparsa: dal basso | Effetto | Gruppo, Colonne, Colonna, Copertina, Immagine, Titolo, Paragrafo, Pulsanti, Media e testo, Galleria |
| Comparsa: dissolvenza | Effetto | Gruppo, Colonne, Colonna, Copertina, Immagine, Titolo, Paragrafo, Pulsanti, Media e testo, Galleria |
| Comparsa: zoom | Effetto | Gruppo, Colonne, Colonna, Copertina, Immagine, Titolo, Paragrafo, Pulsanti, Media e testo, Galleria |
| Testo che si riempie durante lo scroll | Effetto | Paragrafo, Titolo |
| Si allarga a piena dimensione durante lo scroll | Effetto | Copertina, Immagine, Gruppo |
| Profondità: più lento della pagina | Effetto | Gruppo, Colonna, Immagine |
| Profondità: più veloce della pagina | Effetto | Gruppo, Colonna, Immagine |
| Riga che scorre di lato durante lo scroll | Effetto | Gruppo |
| Luce soffusa dai colori del brand | Effetto | Gruppo |
| Marquee (riga che scorre) | Effetto | Gruppo |
| Marquee, direzione inversa | Effetto | Gruppo |
| Card impilate durante lo scroll | Effetto | Gruppo |
| Sezione a tutto schermo che si aggancia | Effetto | Gruppo, Copertina |
| Resta in vista mentre l'altro lato scorre | Effetto | Colonna, Gruppo |
| Ultima parola che ruota | Effetto | Titolo |
| Sfondo che emerge dal colore della pagina | Effetto | Gruppo |
| Ingrandisci l'immagine | Al passaggio del mouse | Immagine, Copertina, Media e testo |
| Solleva la card | Al passaggio del mouse | Gruppo, Colonna |
Pattern Capitoli a colori atelier-motion/chapters-color · Effetti: Sfondo che emerge dal colore della pagina
Prima le idee
Ogni progetto parte da ciò che vuoi che le persone provino e ricordino.
Poi i dettagli
Materiali, parole e immagini scelti uno per uno, perché nulla sia lasciato al caso.
Infine, il risultato
Un lavoro finito, chiaro, veloce e tuo, pronto a crescere con te.
Pattern Galleria, mosaico atelier-motion/gallery-mosaic · Effetti: Comparsa: dissolvenza, Ingrandisci l'immagine
Lavori scelti
Pattern Galleria, riga che scorre con lo scroll atelier-motion/gallery-drift · Effetti: Riga che scorre di lato durante lo scroll, Ingrandisci l'immagine
Dentro lo studio
Uno sguardo alle persone, ai luoghi e al lavoro di ogni giorno dietro ogni progetto.
Pattern Hero, a tutto schermo con immagine atelier-motion/hero-fullscreen · Effetti: Sezione a tutto schermo che si aggancia
Studio di design
Spazi e brand che restano in mente
Progettiamo siti, identità e interni con cura, dalla prima idea all'ultimo dettaglio.
Pattern Hero, card scura con luce soffusa atelier-motion/hero-glow · Effetti: Luce soffusa dai colori del brand
Studio di design
Rendi il tuo brand più forte
Strategia, identità e siti web che portano le tue idee alle persone che le cercano.
Pattern Hero, immagine che si allarga con lo scroll atelier-motion/hero-grow · Effetti: Si allarga a piena dimensione durante lo scroll
Uno studio di design dalle idee fresche
Brand, siti web e spazi curati, per chi vuole distinguersi.
Pattern Hero, titolo e ritratto atelier-motion/hero-portrait · Effetti: Profondità: più lento della pagina
Ciao!
Laura Bianchi è una direttrice creativa con sede a Milano
Aiuto le aziende a trovare una voce chiara e un'immagine che resta in mente.
Pattern Hero, ultima parola che ruota atelier-motion/hero-rotating · Effetti: Ultima parola che ruota
Studio di design
Progettiamo siti, brand, spazi, storie
Un piccolo team per brand che vogliono essere ricordati: idee chiare, design curato, siti veloci.
Pattern Invito all'azione, titolo gigante atelier-motion/cta-giant · Effetti: Testo che si riempie durante lo scroll
Pattern Loghi, riga che scorre atelier-motion/logos-marquee · Effetti: Marquee (riga che scorre)
Hanno scelto noi team di cui siamo orgogliosi
Pattern Manifesto che si riempie con lo scroll atelier-motion/statement · Effetti: Testo che si riempie durante lo scroll
Cosa facciamo
Ogni progetto è pensato per le persone che lo useranno, unendo una ricerca attenta a un design chiaro e onesto che dura nel tempo.
Pattern Metodo, immagine che resta in vista atelier-motion/split-sticky · Effetti: Resta in vista mentre l'altro lato scorre, Comparsa: dal basso
Come lavoriamo
01
Ascolto
Ti incontriamo, visitiamo il luogo e raccogliamo ciò che conta: esigenze, abitudini, budget e tempi.
02
Progetto
Idee, disegni e materiali, condivisi passo dopo passo perché ogni scelta sia chiara.
03
Realizzazione
Seguiamo il cantiere e ti teniamo aggiornato finché tutto è al suo posto.
04
Consegna
Un progetto finito, documentato e facile da curare negli anni.
Pattern Numeri, card sfalsate atelier-motion/stats-staggered · Effetti: Profondità: più lento della pagina, Solleva la card, Profondità: più veloce della pagina
18+ Anni di esperienza
160+ Progetti realizzati
100% Studio indipendente
12 Premi internazionali
Pattern Numeri, fascia nel colore del brand atelier-motion/stats-band · Effetti: Comparsa: dal basso
Chi sono
Esperienza e bei progetti
Ho lavorato con agenzie e direttamente con i clienti, su progetti di ogni dimensione. Alcuni hanno anche ricevuto premi.
8 Premi
10 Interventi
29 Articoli
57 Progetti
Pattern Parole grandi che scorrono atelier-motion/words-marquee · Effetti: Marquee (riga che scorre), Marquee, direzione inversa
Strategia
Branding
Siti web
Contenuti
Campagne
Fotografia
Fotografia
Campagne
Contenuti
Siti web
Branding
Strategia
Pattern Progetti, card impilate atelier-motion/projects-stack · Effetti: Card impilate durante lo scroll
Ultimi progetti
Identità di marca
Cove Apparel
Sito web
Crate & Barrel
Campagna
Hawk Motors
Packaging
Femme Fleur
Pattern Servizi, card scura atelier-motion/services-dark-card · Effetti: Comparsa: dissolvenza
Trova l'approccio giusto
Negozio online
- Progettazione del negozio
- Pagamenti e spedizioni
- Foto dei prodotti
Identità visiva
- Logo e manuale del brand
- Stampa e insegne
- Kit per i social
Pattern Servizi, elenco numerato atelier-motion/services-numbered · Effetti: Comparsa: dal basso
Le nostre competenze
01
Identità di marca
Logo, colori e tono di voce che rendono la tua azienda riconoscibile ovunque.
02
Prodotti digitali
Siti e app veloci, accessibili e facili da aggiornare.
03
Strategia
Un piano chiaro basato sulla ricerca, perché ogni scelta abbia un motivo.
Pattern Slide a tutto schermo atelier-motion/section-slide · Effetti: Sezione a tutto schermo che si aggancia
Capitolo
Un capitolo a tutto schermo della tua storia
Un'idea per schermata: un breve testo, un pulsante, e la pagina si posa qui quando lo scroll si ferma vicino.