Siti Web Elementor di febbraio 2022
Pubblicato: 2022-03-17La seconda vetrina di quest'anno è una testimonianza della diversità di ciò che i Web Creator possono aspettarsi dal momento che ogni cliente viene a bussare con esigenze uniche. I siti Web di questo mese includono NFT ispirati alle fiabe, una società di gestione della catena di approvvigionamento all'avanguardia, una varietà di agenzie e studi web creativi, una scuola di lingua inglese, un artista di graffiti, un produttore di cotone cerato e un orgoglioso teatro comunitario.
Prendi appunti sulle migliori pratiche per gli effetti mouse, passaggio del mouse e scorrimento; studiare come le combinazioni di colori possono essere utilizzate senza soluzione di continuità su testi e sfondi; capire come le micro animazioni danno vita a un sito web; vedere come le dimensioni del testo e gli stili di layout influenzano l'atmosfera di un servizio; e sperimenta come una copia intelligente dà vita a qualsiasi parte del contenuto del sito web.
Dai un'occhiata a una favolosa vetrina di febbraio che celebra l'originalità!
Ottieni Elementor Pro
10
Arte di strada di Aldam
di Giuseppe Cangiano
Ispirato dalla cultura hip-hop, Aldam fonda una crew, consolidando il suo desiderio di dedicarsi ad un percorso artistico-musicale. Armato di bombolette spray, microfono, parole e dipinti, trasforma sentimenti come rabbia, frustrazione e tristezza in opere d'arte creative.
Un sito Web che ti consente di giocare con la vernice spray colorata mentre ti muovi? Cos'altro sarebbe più appropriato per un sito web di artisti di graffiti! Si possono anche vedere flussi animati di vernice spray che escono periodicamente dalla bomboletta spray. Aldam Street Art è un divertente sito web interattivo che crea una vivace atmosfera giovanile con un tocco dinamico.
Il menu dei pulsanti utilizza icone che corrispondono al toolkit degli artisti di graffiti con gli stessi quattro colori utilizzati per evidenziare ciascuna categoria utilizzata nel sito web. C'è anche un bel effetto appiccicoso sulla pagina dei doodle in cui ogni doodle si impila ordinatamente sotto quelli più recenti.
C'è un uso intelligente dell'asimmetria quando si visualizza la seconda sezione della pagina del dipinto. Gli effetti al passaggio del mouse vengono utilizzati su ciascuno dei dipinti principali che si aprono all'interno di un popup specifico. C'è anche una diapositiva che si sposta diagonalmente sulla pagina.
Al lavoro di Aldam viene fornito un sito web appropriato che cattura l'essenza dell'arte urbana e della cultura di strada underground.
Progettazione e sviluppo : Giuseppe Cangiano
Tema : Ciao
Plugin : Elementor Pro, dynamic.ooo
Vedere il sito web dal vivo
09
Percy & York
di Percy & York
Percy & York è un'agenzia pubblicitaria, creativa e digitale che si vanta di essere un pensatore fuori dagli schemi. Diventano personali quando si tratta di argomenti come comunicazione, campagne, design aziendale e marchi perché la loro passione è trovare sempre il miglior concetto per i loro clienti.
La combinazione di colori del sito Web è forse ispirata alle radici tedesche dell'agenzia, prendendo in prestito nero, rosso e giallo insieme a un tocco di blu, il tutto con una piccola svolta. La tinta di colore contemporanea viene utilizzata in egual misura su testi e sfondi di grandi dimensioni. Così come l'uso dello scorrimento orizzontale che mostra bene il loro lavoro migliore.
La barra laterale presenta un menu di hamburger (dalla forma interessante di un hamburger) e include un collegamento al podcast Spotify dell'agenzia che si vede raramente. È anche evidente che ci sono alcune modifiche alle foto che utilizzano le combinazioni di colori su diversi dipendenti, incluso il cane aziendale, Matilda.
Il testo attraversa anche i colori di sfondo ma non influisce sull'esperienza di lettura. Ciò è dovuto all'accurata combinazione di colori che funziona e si fonde bene con ciascuno dei colori del tema. C'è anche un bel abbinamento di caratteri di grandi lettere maiuscole per i titoli impostati su lettere minuscole più piccole per le descrizioni.
Proprio come la delizia del cuculo a piè di pagina della home page, Percy & York chiederà ai potenziali clienti di dire "Ci piace" prima di mettersi in contatto.
Design e sviluppo : Percy & York
Tema : Ciao
Plugin : Elementor Pro, Borlabs Cookie – Cookie Opt-in, Code Snippets, Essential Addons for Elementor – Pro, Instagram Feed Pro Developer, MailPoet 3 Premium (New), OoohBoi Steroids for Elementor, WP Rocket, Rank Math SEO Pro
Vedere il sito web dal vivo
08
Halley Stevenson
di Liam Bonar
Halley Stevensons è il principale produttore e innovatore mondiale di cotone cerato e tessuti impermeabili. In qualità di azienda indipendente con oltre 150 anni di esperienza, l'organizzazione ha accumulato conoscenze tecniche ed esperienza di produzione uniche.
L'eredità dell'azienda è intessuta nel tessuto del sito Web con frammenti di passato, presente e futuro visibili sulla home page. Anche quando si utilizza un layout a tutta larghezza, il sito Web risulta comunque elegante grazie ai suoi sfondi color pastello chiaro.
Le immagini disegnate a mano danno l'aspetto e l'atmosfera del laboratorio di uno stilista di fascia alta, così come il suo stile pratico, pulito e convenzionale. La combinazione di colori monocromatici consente inoltre ai motivi di parlare poiché il design non distrae dal contenuto.
Il mega menu utilizza abilmente il materiale in cotone cerato con goccioline sulla parte superiore che mostrano il suo punto di forza resistente alle intemperie. Questo è un bel modo per evidenziare l'unicità del prodotto.
Con prodotti esportati in tutto il mondo e presentati ogni stagione a Londra, Parigi, New York, Monaco e Milano, Halley Stevensons lascia giustamente che i suoi prodotti di classe mondiale facciano tutto il lavoro pesante utilizzando una semplice interfaccia per completarlo.
Design e sviluppo : Liam Bonar – lbd.studio
Tema : Ciao
Plugin : Elementor Pro, Yoast, WP Rocket, Autoptimize, ACF, Imagify
Vedere il sito web dal vivo
07
Un teatro Grianan
di Tommy Callaghan / Manna Design
An Grianan Theatre si distingue tra i luoghi regionali per il suo successo come produttore teatrale che celebra attivamente il suo ricco patrimonio culturale irlandese. Ha messo in scena molte produzioni su vasta scala nel corso degli anni. I suoi partner creativi fino ad oggi hanno incluso Yew Tree Theatre Company, Cork Opera House, Pavilion Theatre, Civic Theatre e The Lyric, Belfast.
Celebrando eventi artistici e di intrattenimento locali, nazionali e internazionali, il teatro è anche orgoglioso di supportare artisti locali presenti in tutto il sito web. Un sito Web che è stato ricostruito utilizzando Elementor, che è minimalista, piacevole per gli occhi, facile da navigare e ricorda una rivista o un blog culturale.
Il design piatto, minimalista, in bianco e nero assicura che l'attenzione sia rivolta esclusivamente alle ultime notizie e ai contenuti che aggiungono colore e vivacità alla pagina. Utilizzando una tipografia sottile simile a un giornale, l'approccio ricco di informazioni del sito web lo rende più facile da digerire ed è forse adatto a un pubblico più anziano che potrebbe essere meno incline alla tecnologia.
Questo è un sito Web che serve il pubblico della comunità locale tenendo sotto controllo gli elementi senza esagerare. Mostrando con orgoglio il suo ampio sostegno da parte di famose istituzioni sul suo piè di pagina, il teatro è un punto focale artistico e culturale per la sua comunità.
An Grianan Theatre è un sito web di punta per una sede di punta nel nord-ovest dell'Irlanda.
Design e sviluppo : Tommy Callaghan
Tema : Astra
Plugin : Elementor Pro, campi personalizzati avanzati, JetEngine, JetSmartFilters, WooCommerce, WP Rocket
Vedere il sito web dal vivo
06
Studio Grinta
di Chris Forsyth
Grit riunisce un gruppo di specialisti creativi; copywriter, illustratori, produttori di video, animatori, fotografi ed esperti digitali che lavorano a stretto contatto con i clienti per fornire soluzioni creative significative e di grande impatto.
Utilizzando un insolito colore Rangoon Green per lo sfondo e caratteri unici, il sito Web presenta sacche di animazioni di scorrimento e animazioni al passaggio del mouse che mantengono attiva l'attenzione degli spettatori. Lo sfondo scuro conferisce inoltre al sito Web un aspetto di fascia alta, con un bel abbinamento serif e sans serif che garantisce alla copia una buona gerarchia.
L'uso di effetti di scorrimento dà la sensazione che lo spettatore venga accompagnato in un viaggio simile a una mostra, con ogni progetto che funge da vetrina e non segue un tipico design simmetrico. Le stesse pagine del progetto cliccabili sono estremamente dettagliate. In effetti, il sito Web menziona in modo interessante il suo ultimo grande progetto, Momentum Podiatry, all'interno dell'eroe stesso.
La visione minimalista consente ai progetti di parlare da soli con progetti più grandi che ricevono più immobili rispetto a quelli più piccoli. I visitatori hanno anche la possibilità di visualizzare l'intero portfolio dello studio sulla sua pagina indice, trasformando il loro portfolio completo in una pagina autonoma.
Sebbene Grit possa considerarsi un piccolo studio, il suo sito Web evidenzia grandi capacità.
Progettazione e sviluppo : Chris Forsyth
Tema : Ciao
Plugin : Elementor Pro, frammenti di codice, extra per Elementor, interfaccia utente tipo di post personalizzato, componenti aggiuntivi Piotnet per Elementor Pro, ordinamento semplice delle pagine, SVGator, Yoast SEO
Vedere il sito web dal vivo
05
Studio DoublePoint
di Nicolas Mayer
Studio DoublePoint lavora con clienti di ogni ceto sociale per utenti di tutto il mondo. Che si tratti di ottimizzare i siti Web attuali o di creare un nuovo sito Web, i loro servizi Web consentono ai clienti di aumentare il proprio pubblico e ottenere migliori tassi di coinvolgimento con i clienti.
Usando colori forti, effetti di scorrimento e GIF, lo studio mostra i suoi progetti in modo divertente. L'uso sottile degli effetti di zoom indietro con le immagini che crescono man mano che scorriamo verso il basso è un bel modo per attirare l'attenzione sulle storie di successo dello studio. C'è anche un bel carattere morbido Sans Serif che aiuta ad accentuare l'aspetto contemporaneo del sito web.
Il colore di sfondo cambia da beige ad arancione mentre scorri verso il basso proprio mentre l'attenzione viene portata sull'emblema rotante. L'arancione è un colore ricorrente per evidenziare le aree chiave. C'è anche un piacevole effetto al passaggio del mouse sul CTA del contatto rotante, nonché sulle opzioni di contatto e-mail e telefono. Allo stesso modo, i colori delle pagine del progetto prendono in prestito dai progetti stessi.
Il menu utilizza un bel stile di carattere moderno con testo delineato vuoto quando si passa con il mouse sopra, mentre la pagina dello studio utilizza le immagini facciali dei designer grafici e dell'interfaccia utente che cambiano in base al testo di accompagnamento. Questo mostra anche un po' della sua personalità, rendendo il sito web più riconoscibile.
Studio DoublePoint crea identità univoche per i progetti e li fa vivere e crescere sul web.
Design e sviluppo : Nicolas Meyer
Tema : Ciao
Plugin : Elementor Pro, JetEngine, Componenti aggiuntivi premium, WP Rocket
Vedere il sito web dal vivo
04
Logico
di Haim Benisty
Logico fornisce consulenza aziendale basata sulla business intelligence. Combinano dati affidabili e completi con gli strumenti di ottimizzazione più avanzati al mondo e consentono a esperti internazionali di accompagnare il processo di candidatura.
Costruito da Haim Benisty, il cui sito web portfolio è stato presentato nella vetrina del mese scorso, il sito web high-tech di Logico dà il tono utilizzando un video di sfondo di fascia alta, attirando visitatori ed evidenziando la sua tecnologia all'avanguardia. Anche l'uso del colore blu trasmette un messaggio di progresso tecnico e tecnologico ed è comunemente utilizzato dalle startup.
L'uso degli effetti di scorrimento ci porta all'interno del centro di distribuzione e degli uffici, mettendo in evidenza diverse compagnie di navigazione internazionali utilizzate dall'organizzazione. Ogni stanza appare come un modello 3D e mette in evidenza i suoi servizi di gestione della catena di approvvigionamento, evidenziando la sua eccellenza operativa.
I robot vengono visti trasportare oggetti mentre il video dimostra come l'organizzazione lavora con gli strumenti di ottimizzazione più avanzati. L'uso dello scrollytelling è magnificamente applicato e conferisce alla pagina un effetto quasi animato simile a un film. Ognuna delle pagine si apre utilizzando un effetto di tendina che invita lo spettatore a entrare, mentre la "g" di "Logico" funge da effetto di transizione coerente.
Logico è un'azienda dallo spirito energico e giovane che apporta un approccio innovativo nel campo della consulenza operativa e il suo sito Web di livello mondiale mette in mostra efficacemente i suoi punti di forza.
Design e sviluppo : Haim Benisty
Tema : Ciao
Plugin : Elementor Pro
Vedere il sito web dal vivo
03
Parlare di gesso
di Addictive Design Creative Studio
ChalkTalk è una joint venture di due colleghi di lunga data che sono stati ispirati da molti anni di esperienza e successo lavorando con gli studenti. Il duo ha avuto l'idea di creare un ambiente in cui gli studenti non solo imparassero la lingua, ma scambiassero anche le loro idee senza timori e pressioni, e arricchissero la loro conoscenza di altre persone e culture.
Il sito Web utilizza in modo intelligente quattro colori in ciascuna delle sue pagine. Con Global Styling, questo può essere aggiornato e modificato senza problemi. Usando combinazioni di Porcelain, Naples Yellow, Faded Green, Eminence (Magenta), ogni sezione dello sfondo del sito web cambia mentre scorri.
Allo stesso modo, gli effetti al passaggio del mouse vengono utilizzati per catturare l'attenzione utilizzando colori e animazioni. Ci sono passaggi senza soluzione di continuità da una sezione all'altra con sottili transizioni, scarabocchi e virgolette che vengono utilizzate come motivo. Si possono anche vedere emoji che indicherebbero il pubblico di destinazione più giovane del sito web.
Guardando da vicino, è evidente che le illustrazioni sono legate al testo con una copia più personale utilizzata per coinvolgere il pubblico. Anche il menu ricorda una lavagna vecchia scuola che si apre con una micro animazione.
ChalkTalk si considera una scuola di inglese leggermente diversa e, con un sito Web che rompe le convenzioni, la scuola si distingue decisamente come una classe a parte.
Design e sviluppo : Marko e Marija Djurdjevic
Tema : OceanWP
Plugin : Elementor Pro, Ocean Extra, Quiz e Survey Master, MouseWheel Smooth Scroll
Vedere il sito web dal vivo
02
Oculari
di Condizioni generali e Milkink Creative Studio
Eyepples è una raccolta di centinaia di oggetti da collezione NFT unici ispirati al mondo fantastico, alle fiabe, all'estetica più oscura, all'arte classica e alla fotografia. È un progetto magico unico costruito attorno alla blockchain di Ethereum dove arte digitale, fotografia e illustrazione si fondono insieme quasi come una pozione da alchimista.
Potresti riconoscere le impronte digitali uniche di General Condition, il nostro vincitore della vetrina di fine anno 2021, su questo design del sito web ispirato alle favole. Le mele leggendarie assomigliano a quelle viste spesso nella rappresentazione di Biancaneve ed evocano sentimenti di nostalgia infantile, così come l'allineamento centrale del testo che sembra un libro di fiabe.
C'è un uso molto efficace della copia per vendere il prodotto. Con sensazioni di magia e fiaba, frasi spiritose e un tocco di nous di marketing, il design e la copia si fondono magnificamente per riunire un mondo unico che sembra uscito da un film Disney.
Le mele (o dovremmo dire Eyepples) sono prevalenti in tutto il sito Web, dall'uso degli effetti al passaggio del mouse sull'eroe fino al piè di pagina. Sebbene non tutti gli elementi del sito Web siano ancora attivi, come il negozio, Eyepples Apples fa abbastanza per creare grande entusiasmo e attesa grazie alle illustrazioni e alla narrazione di alta qualità.
Non resta che scegliere un Eyepple e godersi semplicemente la magia.
Design e sviluppo : Jovan Lakic e Stefan Kokovic
Tema : Ciao
Plugin : Elementor Pro, Jet Elements, JetEngine, Premium Addons Pro, The Plus Addons per Elementor Pro
Vedere il sito web dal vivo
01
Marketing a botte
di Barrel Marketing Ltd.
Barrel Marketing è uno studio di marketing, produzione video e sviluppo web che aiuta le aziende a crescere raccontando in modo autentico le loro storie e producendo esperienze uniche e creative. Trasformano grandi idee in cose belle che collegano marchi e clienti.
Questa è in realtà la seconda volta che il sito web viene presentato nella nostra vetrina dopo un restyling. La prima volta è stata nel settembre 2019. Il sito web sembrava molto diverso allora e anche il nuovo design è all'altezza.
L'uso di una copia incisiva abbinata a uno splendido video ricoperto di forme di maschere cattura immediatamente l'attenzione. L'aspetto minimalista del sito Web, evidenziato dall'uso dello spazio bianco, gli conferisce un'atmosfera moderna. La pagina Incontra il team mostra anche che l'azienda ha un'atmosfera divertente e una personalità calorosa e invitante.
La composizione di immagini reali abbinate a colori utilizza efficacemente il design della zine per dare al sito Web una sensazione divertente, riconoscibile e amichevole. Mostrare i suoi clienti famosi è anche un ottimo modo per ottenere prove sociali, in particolare in alto nella pagina, il che aggiunge anche credibilità.
Nelle pagine del progetto, c'è un bel sistema di presentazione della sfida e della soluzione che aiuta i potenziali clienti a comprendere il processo di Barrel Marketing. Anche le immagini ei colori di sfondo provengono dai progetti stessi, indicando il livello di dettaglio che è stato inserito nel sito web. Allo stesso modo, la pagina dei contatti crea anche un ottimo linguaggio visivo come il gatto che raggiunge il telefono.
Barrel Marketing aiuta le aziende a crescere raccontando le loro storie con soluzioni creative e strategiche e con un sito Web che è in parti uguali creativo, divertente e informativo, i clienti saranno pronti a fare clic su "invia".
Design: Daniel Fexa
Sviluppo : Shayne Plesa-Naden, Daniel Fexa e Sebastien Ringuette
Tema : Ciao
Plugin : JetEngine, JetSmartFilters
Vedere il sito web dal vivo