La quinta vetrina di quest’anno stuzzica allettantemente le tendenze in evoluzione del design, esplora nuove interpretazioni delle icone culturali retrò e celebra il potere sottovalutato delle personalizzazioni sottili. I siti web di maggio includono una varietà di studi creativi e agenzie, una potente impresa tecnologica imprenditoriale, uno dei festival musicali estivi più popolari dell’Oceania, un portfolio di mostre digitali universitarie, un sensuale salone di bellezza greco, un progetto di skateboarding di base e un sito web Montessori che fa sorridere.
Scopri animazioni misteriose che rivelano contenuti vuoti del sito web solo al passaggio del mouse, prendi appunti su come implementare design classici in layout moderni, vedi come fondere una varietà di effetti di scorrimento e animazione insieme, studia come mantenere un’aria di mistero trattenendo i contenuti e impara il potere che il colore ha sulle emozioni con pagine interne dedicate.
Ecco la tua occasione per lasciarti ispirare dai meritevoli siti web di maggio!
10
Falls Festival
di Cruickshanks Agency
Falls Music & Arts Festival è un festival musicale australiano di più giorni che si tiene annualmente in diverse località del Victoria, Tasmania, Nuovo Galles del Sud e Australia Occidentale durante il periodo di Capodanno. È uno dei più grandi festival musicali dell’Oceania, che riunisce alcuni dei più grandi artisti del mondo. Il festival ospita performance di musica contemporanea, danza, commedia, teatro, circo, cabaret e altre forme d’arte. Gli artisti che suonano al festival includono rock, hip hop, musica indie, musica elettronica, blues e roots.
Prendendo spunto dai poster dei festival musicali, il sito web è chiaramente progettato per risuonare con il suo pubblico più giovane. Implementando una finitura granulare nostalgica in uno sfondo sfumato, la pagina assume un’atmosfera quasi desertica.
Falls Festival implementa un grande tipo, un design minimalista e uno schema altamente mobile responsive chiaramente mirato al suo pubblico mobile-first. Utilizzando uno spettro di colori — rosa, arancione, giallo e blu — il festival evoca sensazioni di energia ed eccitazione in linea con il suo catalogo musicale.
Approfondendo le sue pagine interne, il pubblico potrà trovare informazioni su ciascuno degli artisti che si esibiscono, nonché link ai vari profili social di ciascuno di loro. Offrendo un’anteprima dei suoni della scaletta, gli spettatori troveranno una playlist personalizzata di Spotify incorporata, inclusa un’effetto video statico vintage.
Falls Music & Arts Festival parla al suo pubblico principale utilizzando una combinazione di tecniche contemporanee mantenendo solo il palco principale dei contenuti. Dopo due anni di silenzio, il Falls Festival è di nuovo pronto a far rockeggiare.
Design & Sviluppo: Brett Cruickshanks – Cruickshanks Agency
Tema: Hello
Plugin: Elementor, Elementor Pro, Nitropack, Rank Math SEO, Insert Headers & Footers
09
Ulah
di BangLUXOR
Ulah è un’agenzia creativa spagnola focalizzata sulla consulenza di marca, la creazione di interfacce digitali e strumenti di gestione del marketing per progetti ad alto impatto. Lavorano a livello globale con il supporto di clienti in sei paesi. La loro visione si concentra sul fare la differenza in ogni progetto come risultato di una strategia di successo in accordo con le tendenze attuali del mercato. Il loro lavoro semplifica il business, ispira nuovi comportamenti e soddisfa le esigenze delle persone.
La prima cosa che colpisce il visitatore è la sezione hero unica che è suddivisa in modo piuttosto non convenzionale. Dal modo in cui si apre con il suo testo incisivo che fa un grande ingresso, a come utilizza un forte arancione rossastro brillante, il sito web offre una visione rinfrescante per le agenzie creative che desiderano distinguersi.
Elementi di simboli retro animati al computer come un pollice in su, un volto con un pugno, schizzi scarabocchiati e animazioni Lottie si combinano per dare al sito web un’atmosfera giocosa mescolata con rifiniture professionali di testo sans-serif, caratteri grandi e un design minimalista piatto. L’effetto del menu hamburger, che ricorda un po’ un vecchio programma televisivo, è molto ingegnoso. È anche evidente l’uso di più CTA, percorsi di testo e un logo che assomiglia a un sorriso, enfatizzando un approccio spensierato a questo settore professionale.
Presta attenzione al cursore del mouse che cambia nella sezione dei servizi, che diventa arancione, così come al design web a tre pagine diviso in modo intelligente, branding e marketing digitale. C’è un aspetto e una sensazione complessivamente interattivi e fluidi del sito web, un buon uso delle maschere nelle pagine interne e una presa unica su un motivo sinistra-destra.
Ulah è un approccio fresco per distinguersi nel panorama competitivo delle agenzie creative. Combinando una finitura professionale con tocchi di delizie giocose, l’agenzia mostra la sua mano maestra per ispirare, deliziare e consegnare.
Design & Development: Andres Florido Delgado – BangLUXOR
Tema: Hello
Plugins: Elementor Pro, Dynamicooo, Unlimited Addons, WProcket
08
Disraptors
by Amazual Media
Disraptors è un gruppo di persone provenienti da vari settori — VCs, banche d’investimento, startup, ONG e agenzie spaziali. Insieme stanno, divisi a volte lavorano su altre cose. Producono una flotta diversificata di contenuti, il Disraptors Summit con la Finale del Campionato Europeo di Startup è il nostro fiore all’occhiello. I loro podcast, competizioni locali di startup, hackathon e meetup senza pitch sono i loro altri principali mezzi.
Mostrare il volto di uno dei più rinomati guru della tecnologia del mondo dal tuo evento di vetrina è un colpo da maestro che non ha bisogno di spiegazioni. Con il famoso volto di Steve Wozniak incollato sull’hero proprio accanto al suo marchio e alle figure chiave, questo è un modo strategico per mostrare i punti di forza del gruppo senza che lo spettatore debba nemmeno scorrere.
L’uso del font sans serif ”Chakra Petch” fa sembrare la pagina simile alle vecchie linee di codifica, e Mode 13h (VGA 256-colori), ricorda chiaramente il software per computer della fine degli anni ’80 e dei primi anni ’90, che senza dubbio influenzerebbe pesantemente il pubblico di destinazione del sito web. È anche evidente un effetto di animazione al computer pixelata nelle pagine interne.
C’è un forte senso di scrollytelling tramite effetti di scorrimento e animazioni, copia semplice, uno schema di colori futuristico e un logo ispirato a un velociraptor. In effetti, l’intero sito web è intelligentemente inquadrato per offrire agli spettatori un forte senso di prova sociale attraverso icone del settore di grande nome e partner famosi.
Disraptors impiega molte animazioni di scrollytelling molto in linea con l’era d’oro della computazione ora aggiornata con un aspetto e una sensazione adatti al 21° secolo.
Design: Robin Stenczel
Development: Amazual Media
Tema: Hello
Plugins: Premium Addons, Elementor PRO, ACF
07
COMX
by Jordan Jenkins and Sam Carrier
COMX è un’incredibile esposizione di progetti digitali che spaziano dai videogiochi, tecnologie interattive, animazione e arte, tutti creati dai talentuosi studenti della School of Game Technologies dell’Università di Gloucestershire. Ogni anno, gli studenti si raggruppano e mettono alla prova le loro abilità creando i propri progetti originali, portando COMX a diventare un’espressione unica dei talenti creativi, tecnici e cooperativi dell’università del Regno Unito.
Il colore è spruzzato in tutto il sito web, dai sottili gradienti alle tele a tutta larghezza vivide che segnano le sezioni. I visitatori saranno anche attratti dalla struttura estetica delle griglie di box con angoli arrotondati che si abbinano all’aspetto e alla sensazione complessivamente lisci della pagina. Il sito web è luminoso, divertente, vibrante e evoca una sorta di meraviglia infantile.
Ciascuno degli eroi delle rispettive pagine è decorato in un colore specifico; la pagina Awards in un gradiente lampone-arancio, la pagina Teams in una tonalità mirtillo-ceruleo, la pagina Students in un ibrido verde acqua-teal, la pagina COMX Live in una miscela blu-viola lavanda, la Gallery in una combinazione di fucsia reale e rosa, e la pagina Login in una fusione di salmone e mandarino atomico. Ciascuna di queste pagine porta la propria personalità ed emette la propria energia.
Animazioni di testo che sfumano in entrata sono utilizzate su diverse pagine, che fluiscono senza soluzione di continuità durante lo scorrimento, in particolare sulla pagina Awards. Ciascuno dei team è dotato del proprio schema di colori e ha spazio per dettagliare i propri tratti e qualità unici. Il design piatto del sito web funziona in qualche modo per mantenere sotto controllo l’intero sistema di design.
COMX è un esempio da manuale di come i colori splendidi possano dare vita a un sito web senza sopraffare lo spettatore poiché combina abilmente elementi di minimalismo, design piatto e gradienti. COMX è qui per giocare!
Design & Development: Jordan Jenkins e Sam Carrier
Tema: Hello
Plugins: Elementor, Elementor Pro, Anywhere Elementor, Anywhere Elementor Pro, ACF Frontend, Dynamic Conditions, Custom Post Type UI, Advanced Custom Fields, LoftLoader
06
MESSS
by Orlando Marconi
MESSS è un’agenzia creativa brasiliana e uno studio composto da un team di professionisti instancabili pronti a ripensare la comunicazione del marchio dei loro clienti nel modo più originale possibile. Dalla strategia all’esecuzione, online, offline e persino oltre l’atmosfera: promettono totale dedizione per far risuonare le voci dei loro clienti lontano e ampio. Hanno la mente rivolta al futuro ma comprendono ciò di cui il marchio ha bisogno da ieri. Con uno sguardo molto attento e unico, dimostrano che è possibile sorprendere fino ai dettagli.
MESSS presenta due aspetti: Agenzia + Studios, ciascuno con un pubblico di riferimento. L’agenzia serve marchi di medie e grandi dimensioni che vogliono utilizzare “influencer digitali” per potenziare le loro campagne e vendite, mentre lo Studio è rivolto alle agenzie che necessitano di aziende di produzione video e foto per completare la loro campagna.
Instillando credibilità con creatività, il sito web utilizza un layout minimalista con media ricchi e vibranti. Il sito web dell’agenzia mostra il suo lato creativo utilizzando un video di sfondo a tutta larghezza, mentre la sua controparte studio mette in mostra il suo ricco portfolio. Visibile in tutto il sito web è un colore rosa neon dominante utilizzato su una varietà di elementi influenzati dal logo.
C’è una bella gerarchia all’interno dei case study con un aspetto e una sensazione quasi da blog. Scorrendo verso il basso fino al footer, gli spettatori noteranno una bella animazione personalizzata Lottie, linee di disegno freestyle, ombre rosa brillanti sulle caselle al passaggio del mouse e un abbraccio della parola “disordine” stessa.
MESSS è un sito web che trasmette credibilità pur essendo creativo e flessibile in un disordine creativo che si adatta perfettamente.
Design & Development: Orlando Marconi
Tema: Hello
Plugins: Elementor Pro, Crocoblock JetEngine, DynamicTags
05
Beauty Salon Thea
di OFFSCALE
Thea ospita uno spazio caldo e accogliente pieno di energia positiva, dove vengono forniti servizi e prodotti di alta qualità per saloni di bellezza nella città portuale di Salonicco. L’istituzione greca ha come prima preoccupazione la soddisfazione e il servizio dei propri clienti e lavora duramente per fornire i migliori servizi e prodotti.
La Grecia è la parola su questo magnifico sito web che è stato baciato dall’oceano. Un tema di colore unico avvolge il sito web, ricordando le colline rocciose e le acque turchesi di Salonicco. Portando molti elementi dal ricco patrimonio culturale della Grecia, il salone li utilizza come motivi in tutto il sito web.
Estetiche classiche greche come sculture, icone, pulsanti e illustrazioni, immagini e forme di maschere ispirate sia dal vecchio che dal nuovo sono chiaramente visibili. Viene utilizzato anche un carattere oceanico rilassante per trasmettere il messaggio, con la bellezza femminile celebrata artisticamente.
Non ci sono punti o spigoli, tutto è raffinato. L’uso di una testa, un torso e una mano femminili scolpiti è un modo bellissimo per evidenziare i trattamenti per il viso, il corpo e la manicure offerti dal salone. Il salone vuole chiaramente che la sua clientela si senta sontuosa come una dea mitica.
Il linguaggio di design unificato di Thea è rilassante come le onde del Mar Mediterraneo. Intrecciando un antico arazzo di eredità nei trattamenti di bellezza del mondo moderno, il sito web è una celebrazione del presente così come un omaggio al suo famoso passato antico.
Design & Development: Marios Natsos – OFFSCALE
Tema: Hello
Plugins: Elementor Pro, WP mail SMTP
04
Wodo
di Shyam Singh
WODO è un team di pensatori appassionati e creativi, imprenditori esperti e dirigenti altamente qualificati per assistere la crescita aziendale. Con sede in India e lavorando con clienti in tutto il mondo, aderiscono ai fondamenti del design web creativo e delle campagne digitali ad alto ROI. In parole semplici: conoscono il gioco del lancio di un’attività online e della sua crescita fino alla redditività. Collegando i punti giusti per le attività dei loro clienti, creano soluzioni digitalmente competenti che sono impattanti.
Il design del sito web è ispirato dalle linee guida del design contemporaneo, animazioni sottili, micro-interazioni e un approccio mobile-first. Ogni elemento utilizzato è stato creato con un’identità di marca coesa in mente. Prendiamo ad esempio la sfera animata, che utilizza punti salienti numerici con un effetto carosello.
Man mano che lo spettatore scorre verso il basso, vedrà un emblema interattivo con parole rotanti. Proprio sopra c’è un menu triangolare hamburger unico che, al passaggio del mouse, cambia i link di accesso rapido in nero. Vale anche la pena prestare attenzione alle linee della griglia sullo sfondo, che aggiungono un po’ di stabilità e ordine alla pagina.
L’intero sito web dimostra ciò che l’agenzia creativa di alto livello è in grado di offrire. Utilizzando animazioni Lottie e SVG per il logo e le icone, così come un lussuoso nero mescolato con uno schema di colori giallo giocoso, contrasta magnificamente il mix di caos e ordine del sito web. Dove rilevanti, le pagine interne dimostrano anche l’esperienza mobile senza mai dover lasciare il sito web. Allo stesso modo, i risultati dei case study sulla pagina sono un bel tocco.
WODO trasmette splendidamente la sua visione e il suo messaggio di marca chiaramente attraverso ogni progetto con pagine interne dettagliate e pagine principali altamente rifinite esemplificate dal suo uso delle ultime tendenze del design moderno.
Design: Aravind Sudarsanan
Development: Shyam Singh
Tema: Hello
Plugins: Elementor Pro, Jet Engine, Steroids for Elementor
03
Aiurri Montessori
di Humanos Unidos
Alla Aiurri Montessori in Spagna hanno creato spazi che i bambini possono sentire come propri. Spazi che tengono conto delle loro esigenze per costruirsi e dove possono essere liberi di seguire le loro tendenze naturali e sviluppare tutto il loro potenziale seguendo il loro insegnante interiore. La pedagogia Montessori si concentra sullo sviluppo integrale della persona dalla nascita, riponendo tutta la fiducia nel loro potenziale e offrendo un ambiente premuroso e basato sulla realtà affinché ogni bambino diventi la migliore persona che può essere.
Catturando la libertà della pedagogia Montessori, il sito web presenta intelligentemente un momento fluido su un’immagine a tutta larghezza nell’eroe della pagina. Circondato da un colore pastello giallo, c’è un’atmosfera molto calma e piacevole creata dal design. Immagini ad alta definizione di bambini impegnati in una varietà di attività educative, così come insegnanti sorridenti evocano un senso di calore e sicurezza a cui i genitori possono immediatamente connettersi.
Grande tipografia, citazioni personali e cambi di colore minimalisti si uniscono per creare una sensazione di cura e accoglienza, così come bambini felici e sorridenti. L’uso dello spazio bianco,
grande tipografia e citazioni personali di Maria Montessori aiutano a illustrare l’approccio centrato sul bambino di questo metodo di insegnamento.
Ciascuna delle pagine interne utilizza un colore pastello leggermente diverso che evidenzia una diversa area del sito web, inclusi sfumature di giallo, verde e rosa. Presta attenzione al logo del sito web, che sembra essere lettere dipinte con un pastello, celebrando ancora una volta l’innocenza dell’infanzia.
Aiurri Montessori offre al suo pubblico di riferimento una sensazione accogliente e nutriente del suo metodo rivoluzionario catturando l’essenza della natura libera delle classi e delle attività centrate e guidate dai bambini di Maria Montessori.
Design: Beñat Elizalde
Sviluppo: Miguel Angel Herrera – Humanos Unidos
Tema: GeneratePress
Plugin: Elementor Pro, Premium Addons, WPML, Essential Addons
02
Skateboarding Traunstein
di Bene Hofer
Skateboarding Traunstein è un club appena fondato che è altamente motivato a far ripartire la scena dello skate nella città tedesca e nell’area circostante. La sua missione è creare un luogo e una comunità in cui tutti possano sentirsi a proprio agio. Sono una grande comunità che vuole fare la differenza a Traunstein.
Rimanendo fedele alle sue radici, il sito web utilizza coraggiosamente un video con telecamera a mano come eroe a schermo intero. Questo lo fa sentire accessibile ai giovani locali. L’uso di una griglia asimmetrica dà allo stesso modo al sito web una sensazione contemporanea.
Quando i visitatori passano il mouse sopra il logo, questo inizia a ruotare per un istante, il che, quando cliccato, ci riporta in cima alla pagina. Anche la lista in arrivo è non convenzionale, rivelando solo al passaggio del mouse le immagini di ciò che verrà.
Una delle caratteristiche chiave della pagina è la sua influenza sullo skate. Dalla tipografia brutalista al logo della rampa da skate, alla miriade di immagini e video posizionati ovunque sul sito web. Il colore proviene davvero dai ricchi media mentre la tela di mercurio sottile porta avanti il contenuto.
Skateboarding Traunstein cattura accuratamente i suoi principi fondanti di ottenere supporto per uno skate park più grande, organizzare contest di skate e fornire opportunità ai nuovi skater di accedere a lezioni di skate con un approccio minimalista che spinge con fiducia lo skateboarding in primo piano.
Design & Sviluppo: Bene Hofer
Tema: Hello
Plugin: Elementor Pro, Qi Addons, WP Custom Cursors
01
ZURU Edge
di Marc Day
ZURU Edge si occupa di creare marchi nuovi e dirompenti in grandi categorie di beni di consumo stagnanti. Il loro team è impegnato a costruire marchi orientati allo scopo che siano rilevanti per i consumatori Millennial e Gen Z. Questi sono i marchi che i loro clienti richiedono: marchi con cuore, scopo e valore. Con sede ad Auckland, Nuova Zelanda, a ZURU Edge stanno costruendo i marchi di domani e li stiamo portando nel mondo, oggi.
L’eroe video del portfolio a tutta larghezza è un’armonia abbagliante di colori e mostra la vasta gamma di clienti dell’agenzia. C’è un tocco di grandiosità con un video ad alta definizione che dà un aspetto e una sensazione più grandi della vita alle loro capacità di branding. Tuttavia, c’è anche una sensazione di accessibilità poiché elementi di semplicità come il footer, la pagina dei contatti e l’approccio minimalista predominante completano le caratteristiche più rumorose del sito web.
Il design piatto e minimalista utilizza grande tipografia e grandi immagini, che sono impostate su una tela nera combinata per dare un aspetto e una sensazione contemporanei. Inoltre, il design enfatizza le immagini e i video che forniscono il colore alla pagina, la maggior parte dei quali sono tinti in un filtro neon. C’è anche un bel uso di effetti di scorrimento sottili che attirano l’attenzione sul testo di accompagnamento.
Una sensazione di mistero circonda il sito web a causa della sua galleria volutamente limitata e del layout minimalista. Ad esempio, passando il mouse sopra le caselle vuote sotto “Marchi” si rivelano le immagini corrispondenti. Allo stesso modo, la pagina “I nostri marchi” del sito web offre anche un allettante teaser del suo portfolio, inducendo lo spettatore a cliccare. Le pagine interne dettagliate offrono uno sguardo più approfondito su ciascuna campagna che segue nuovamente la stessa formula di design.
Creando i marchi di domani, ZURU Edge si muove con l’energia, la direzione e il ritmo del mondo di oggi; interrompendo categorie stagnanti e guidandole nel 21° secolo con marchi guidati da scopo, innovazione e dati.
Design & Sviluppo: Marc Day
Tema: Hello
Plugins: Elementor Pro, Yoast, WP Rocket