Siti Web Elementor di ottobre 2021
Pubblicato: 2021-11-12Si uniranno a noi questo mese una società di consulenza della Silicon Valley, un'agenzia pubblicitaria olandese, una startup britannica di tazze da caffè ecologiche, un sito Web di portfolio unico, un produttore di bevande di lusso di Down Under, un'accademia di estetica medica desiderosa di mostrare il tuo volto migliore, un una speciale iniziativa di ricerca universitaria, un impeccabile produttore di coperture per piscine, un museo d'avventura a tema giurassico e due agenzie di web marketing follemente diverse.
C'è una Lottie da studiare questo mese con un sacco di effetti di scorrimento e di movimento del mouse, forme chiare delle maschere, usi impeccabili delle miscele, splendide risorse fotografiche e video , capolavori testuali abbinati a un copywriting magistrale, caratteri e icone personalizzati, nonché sia minimalista che audace stili di design e molto altro ancora.
Pronto per un'avventura sul sito web?
10
Posso posso
da Qualcosa di familiare

CanCan è un sistema di tazze riutilizzabili gratuito, a basso consumo energetico, creato per eliminare i prodotti usa e getta monouso. La loro app e i prodotti intelligenti consentono loro di seguire il ciclo di vita di una tazza, monitorando con precisione l'impatto positivo che stanno avendo sul mondo. Avendo reinventato il modo in cui le aziende riutilizzano i contenitori per alimenti e bevande, attraverso la condivisione di articoli di basso valore, aiutano le attività di ospitalità e vendita al dettaglio a ridurre gli sprechi pur essendo più convenienti e convenienti.
La prima cosa che colpisce la maggior parte delle persone è il logo creativo di CanCan seguito dalla brillante combinazione di colori del sito Web che gli conferisce un'atmosfera divertente.
Infatti, gli stessi colori sono utilizzati nelle immagini visibili, fondendo insieme sia la combinazione di colori che la fotografia. Insieme alle sue illustrazioni al tratto, rende l'intera esperienza dell'utente divertente e interessante.
Passando il mouse sopra il pulsante adesivo arancione accanto alla barra di scorrimento cambia il suo colore. Cliccandoci sopra si apre un modulo di iscrizione. Allo stesso modo, facendo clic sull'icona del menu a forma di più si apre una serie di opzioni di menu disposte su uno sfondo asimmetrico di colore arancione.
Abbinando titoli serif a testo sans-serif, il sito Web dell'azienda britannica è un ottimo esempio di tipografia di best practice, che delinea chiaramente la sua visione ambientale nel suo sforzo di generare lead.
Branding e design: Hello Agency e qualcosa di familiare
Sviluppo: qualcosa di familiare
Tema: Ciao
Plugin: Google Analytics locale per WordPress, SG Cachepress, Yoast SEO
Vedere il sito web dal vivo
09
Agenzia pubblicitaria 2kwadraat
di Khalid Karmoudi

L'agenzia pubblicitaria 2kwadraat crede che ogni marchio abbia una storia che deve essere ascoltata, vista e sentita. Scavare in profondità e cercare il diritto all'esistenza dei loro clienti è la loro missione. Con sede nei Paesi Bassi, il loro obiettivo è creare fan dei marchi dei loro clienti raccontando le loro storie.
Lo slogan di questa azienda olandese è: "Aiutiamo i marchi ad andare avanti". Questo è altrettanto vero per il suo sito Web che utilizza motivi a freccia dai colori vivaci che simboleggiano il progresso.
L'uso da parte del sito web delle animazioni di Lottie come l'icona animata dell'hamburger è una delizia per gli occhi. Impossibile da perdere a causa della sua combinazione di colori nero su giallo ad alto contrasto, implica che l'utente dovrebbe agire ora.
Facendo uso di effetti speciali al passaggio del mouse e di tracciamento del mouse, il menu è tutt'altro che statico. Allo stesso modo, le animazioni a scorrimento sulle immagini danno l'impressione che l'azienda sia in continua evoluzione.
Ciò che è anche evidente è l'investimento nella fotografia di ritratto dei membri del team dell'azienda, che aggiunge un'aria di professionalità e raffinatezza attraverso la sua combinazione di colori in bianco e nero.
Il netto contrasto delle tavolozze di colori nero e giallo mette in risalto i menu di navigazione ei pulsanti ed evoca la formalità unita alla creatività. Agendo come funnel di generazione di lead e strumento di esposizione del marchio, il sito Web raggiunge entrambi i punti.
Progettazione e sviluppo: Khalid Karmoudi
Tema: Ciao
Plugin: WP Smushit, Jet Elements, Jet Blocks Master, Jet Tricks
Vedere il sito web dal vivo
08
Gruppo TruSource
di Marea Giles, Michael Waters & Studio 678

TruSource Group è una società di consulenza manageriale senior con sede nella Bay Area della California, al servizio di molte organizzazioni che vanno da Fortune 100 ad aziende con 100 dipendenti. Sono specializzati nello sfruttare le risorse e i processi interni dei clienti per fornire risultati duraturi e sono comprovati partner, collaboratori e comunicatori a tutti i livelli all'interno di un'organizzazione.
Questa pagina presenta numerosi video cinematografici ad alta definizione incorporati in un design minimalista utilizzando le forme delle maschere. I video contribuiscono fortemente al flusso della pagina creando un'esperienza utente fluida.
Le pause tra le sezioni sono sezioni suddivise in modo fluido con caratteri tipografici di grandi dimensioni abbinati a testi e disseminate di riferimenti in seconda persona esperti di marketing, che conferiscono un tocco personale. Lasciando strategicamente uno spazio bianco, consente all'utente di "respirare" durante lo scorrimento.
Gli sforzi del designer sono visibili ovunque, dagli effetti di movimento a scorrimento ai motivi del design parallasse e ai widget Lottie. Con una chiara attenzione all'esposizione del marchio, la messaggistica dell'azienda della Silicon Valley è magnificamente catturata in un carattere sottile e delicato che serve solo a rafforzare la sua atmosfera tecnologicamente avanzata.
Design: Hilary Zaid e Marea Giles
Sviluppo: Michael Waters / Studio 678
Tema: GeneraPress
Plugin: GP Premium, Preloader Plus, The Plus Addons per Elementor
Vedere il sito web dal vivo
07
WebAndMe
di Maria Wiedner

Maria Wiedner crede che il tuo sito web dovrebbe parlare per te. Il tuo sito web dovrebbe attirare i tuoi clienti desiderati perché ti meriti un sito web che ti faccia rallegrare! Crede che i lavoratori autonomi possano cambiare e ottenere molto con i loro piccoli progetti. Quindi, aiuta le donne che lavorano in proprio a creare siti web brillanti.
Se stai cercando un'ispirazione pronta all'uso, il sito Web minimalista di questo web designer rivolto alle donne che lavorano in proprio è uno da aggiungere alla tua lista.
Il sito web conosce il suo pubblico, come dimostra l'empowerment della copia che crea entusiasmo e fiducia nel designer. Usando il suo collage di foto, illustrazioni e altri elementi della fanzine, Maria mette in mostra la sua scintilla creativa in tutto il suo sito Web, a volte utilizzando i widget di Lottie e altre volte utilizzando lo scorrimento e gli effetti di movimento del mouse. Presenta immagini di se stessa in vari scenari come scarabocchi e senza pretese in piedi di fronte alla telecamera.
La mancanza di una griglia dà una sensazione di caos ordinato che parla agli imprenditori che cercano un tocco artistico di originalità. Allo stesso modo, il testo giallo su sfondo grigio fonde insieme sentimenti di raffinatezza e innovazione per entrare in risonanza con le donne che lavorano in proprio.
Costruito per la generazione di lead, l'esposizione del marchio e il blog, il sito Web di Maria è un ottimo esempio di condivisione del tuo messaggio mentre mostri il tuo portfolio.
Progettazione e sviluppo: Maria Wiedner
Tema: Ciao
Plugin: componenti aggiuntivi premium per Elementor
Vedere il sito web dal vivo
06
Accademia di estetica Skild
da Appassionati

Skild è un'accademia di apprendimento e formazione per gli operatori sanitari che lavorano nell'estetica medica. L'azienda è stata fondata per elevare gli standard della formazione e della pratica clinica collaborando con i maggiori esperti di medicina estetica. Riconoscendo i limiti della formazione di un giorno, Skild ha un'accademia di formazione che combina perfettamente teoria, pratica e comunità per l'apprendimento continuo.
Per enfatizzare l'area di competenza dell'azienda, il sito Web utilizza un design moderno e minimalista. Ciò mette al primo posto l'esperienza dell'utente, consentendo facilità di navigazione e prenotazione dei corsi.
Figure geometriche animate e widget Lottie accentuano i dettagli più importanti attirando l'attenzione degli utenti mentre scorrono. Le sottili modalità di fusione su uno sfondo di spazi bianchi generosi conferiscono al sito Web un aspetto di fascia alta. Infatti, l'uso di particolari forme geometriche è presente in tutte le pagine del sito, così come nel logo. Anche l'uso dei gradienti è molto trendy e mette questo sito in prima linea.
I moduli di prenotazione del sito Web utilizzano il plug-in di prenotazione di WooCommerce che consente all'azienda di creare un modello di prodotto personalizzato sul front-end mantenendo un'interfaccia familiare sul back-end, consentendo ai medici di gestire i propri corsi senza problemi.
L'uso di colori vivaci dei caratteri su uno sfondo bianco consente di leggere chiaramente il messaggio. Apparentemente, il sito Web utilizza un singolo carattere sans-serif in tutti i suoi siti Web sia per i titoli che per i testi più piccoli. In effetti, il linguaggio del design è molto stretto e uniforme, conferendogli un senso di autorità e allo stesso tempo proiettando la professionalità dell'azienda dietro il sito web.
Rivolto agli operatori sanitari che desiderano diventare esperti in medicina estetica, l'interfaccia pulita e moderna del sito Web è stata creata per far crescere questa rete professionale di nicchia e per prenotare corsi di formazione.
Progettazione e sviluppo: appassionata agenzia digitale
Tema: Astra
Plugin: Jet Engine, WooCommerce, WooCommerce Bookings.
Vedere il sito web dal vivo
05
Acquadeck
di Pollet Group

Aquadeck produce con cura e maestria artigianale coperture per piscine a doghe di altissima qualità. Guidati da conoscenze approfondite e anni di esperienza, i loro ingegneri cercano i materiali migliori e più attraenti, sviluppano i design più intelligenti e utilizzano i componenti più sicuri. L'innovazione non si ferma mai per loro perché credono che i prodotti possano sempre essere ancora migliori, più intelligenti o più attraenti.
Con sede a Budel, nei Paesi Bassi, il motto dell'azienda è “Close…to be perfect”, che è chiaramente evidente nella sezione degli eroi. In effetti, sono state chiaramente investite grandi risorse sia nella fotografia che nella videografia, data l'alta qualità delle immagini in mostra.
Questo è un ottimo esempio di un design che aiuta a trasformare un argomento blando, anche se di nicchia, in un sito Web interessante e visivamente accattivante. Il design eleva l'intera esperienza utilizzando immagini spettacolari, insieme a layout e caratteri moderni e contemporanei.

C'è una chiara intenzione che il colore del sito web derivi dalle sue foto, video e illustrazioni animate. Lo sfondo è prevalentemente bianco e nero, con delicati tocchi di beige, che fissano l'attenzione sulla qualità del prodotto.
Allontanandosi dalle convenzioni moderne, il sito Web utilizza caratteri sans-serif in tutto il suo sito Web con titoli semplicemente in grassetto e di dimensioni maggiori.
Visitando la sezione delle coperture per piscine è possibile trascinare le frecce a sinistra oa destra e vedere in tempo reale le piscine aperte o chiuse, parzialmente o completamente. Allo stesso modo, le caselle degli attributi cliccabili offrono informazioni dettagliate sui prodotti.
I disegni al tratto di una mappa del mondo possono essere visti su diverse pagine come la pagina dei contatti, mantenendo le cose in movimento, per così dire. Gli intelligenti effetti di movimento a scorrimento ovunque aggiungono un po' di azione alla tranquilla serenità delle immagini.
Un sito web ben fatto ed eseguito alla perfezione. Questo è un altro eccellente esempio di come un buon design possa influenzare la percezione di un prodotto e dell'azienda dietro di esso. Questo è un sito Web che si adatta al suo prodotto come "più vicino alla perfezione".
Progettazione e sviluppo: Pollet Group
Tema: Ciao
Plugin: Happy Elementor Addons Pro, Jet Elements, Jet Engine, WP Rocket
Vedere il sito web dal vivo
04
Ricerca BAU
di Adria Paz

BAU è un'università di design situata a Barcellona e affiliata all'Universitat de Vic – Universitat Central de Catalunya, che fornisce studi ufficiali in design all'interno dello Spazio europeo dell'istruzione superiore. BAU Research nasce dalla convinzione che la ricerca sia una pratica inventiva che può essere sviluppata con creatività e rigore. Condividono pratiche e idee con la volontà di produrre nuovi significati, nuovi immaginari, mercati più equi e vite più sostenibili.
Il blu è il colore della competenza e quale uso migliore del colore se non per la sezione degli eroi di un dipartimento di ricerca. Lo scorrimento enuncia il loro messaggio unico in un sottile testo sans-serif.
La sezione dell'eroe include una combinazione di diversi effetti: scorrimento, tracciamento del mouse e widget appiccicosi e copia intelligente, in particolare con il testo barrato che "elimina" il pensiero convenzionale.
Il sito Web utilizza un layout moderno e minimalista e una grande tipografia. Utilizza un menu mobile in un modo insolito: lo scorrimento verso il basso fa scomparire il menu e lascia la pagina completamente pulita mentre lo scorrimento verso l'alto lo fa riapparire immediatamente.
Viene utilizzata una serie di modalità di fusione mentre si sposta nel suo messaggio principale di moda inclusiva. Uno sfondo video viene presto visto prima che si trasformi nuovamente in una fotografia ad alta definizione.
Facendo clic sul menu dell'hamburger, l'intero schermo diventa blu in modo che il testo bianco sovrapposto sia chiaramente visibile. Anche in questo caso l'uso del blu crea un senso di fiducia, pace e lealtà.
Il sito Web di ricerca dell'università catalana mostra in modo piuttosto intelligente un'iscrizione alla newsletter via e-mail tra i piè di pagina, massimizzando il suo spazio per una facile raccolta di lead prima che i visitatori facciano un'offerta "adeu".
Progettazione e Sviluppo : Adria Paz
Tema : Ciao
Plugin: Sticky Header Effects per Elementor, ele Custom Skin Pro, WP Smushit, Complianz gdpr, WP Data Access, WP Menu Icons, Sitepress cms multilingue, Yoast SEO, W3 Total Cache
Vedere il sito web dal vivo
03
Bickford e figli
di Frame Creative e Sid Puri

Bickford and Sons è intenzionato a creare una connessione affidabile ed emotiva con il proprio pubblico. Hanno deciso di guadagnarsi un posto come marchio classico moderno sfruttando la storia attraverso la loro storia del marchio di 140 anni e proiettando l'autenticità attraverso una presentazione del marchio rinnovata nel 2021. Raggiungono questo risultato combinando ingredienti naturali, un'eredità di metodi artigianali e ricette per offrire sapori autentici ed eccezionali, tutti creati pensando allo spirito dei loro clienti.
Dopo il design rinnovato quest'anno, il produttore di bevande dell'Australia meridionale è andato all-in sul suo nuovissimo sito web. Fin dall'inizio, ci vengono presentate le sue iconiche lattine che scorrono da un lato all'altro nella sua sezione dell'eroe da un lato all'altro come uno splendido video ad alta definizione in loop.
Il risultato è uno sfondo dai colori calmi con sacche di colori vibranti delle iconiche lattine del marchio che sono piacevoli alla vista. I divisori Shape mettono in mostra in modo pulito i prodotti dell'azienda, mentre il suo design minimalista evoca un'atmosfera chic molto lussuosa. C'è un buon uso di effetti di scorrimento trasparenti.
L'utilizzo sia di una serie di vari sfondi colorati che si abbinano a ciascun rispettivo prodotto sia della combinazione aggiunta di immagini sovrapposte crea l'impressione che tu possa semplicemente allungare la mano e prenderti un drink.
L'uso da parte del sito Web di una tipografia maiuscola in grassetto di grandi dimensioni conferisce un aspetto moderno. Questo è un marchio che conosce il suo pubblico giovane e parla direttamente con loro creando entusiasmo visivo attorno al suo prodotto.
Design: cornice creativa
Sviluppo : Sid Puri
Tema : Astra
Plugin : Localizzatore di negozi
Vedere il sito web dal vivo
02
Museo della Dinosauria Praga
di Robin Stenczel & Amazual Media

Dinosauria Museum Prague è un mondo unico che scompone le idee su un museo. Consentono ai visitatori di vivere un'avventura senza precedenti di fronte ai dinosauri all'interno di un moderno mondo interattivo. I visitatori scopriranno la più grande collezione privata di autentici scheletri di dinosauri, modelli così realistici da far venire i brividi lungo la schiena, insieme alle ultime tecnologie per il loro divertimento e la loro educazione.
La stessa sezione dell'eroe è sufficiente per ispirare i visitatori del sito Web a diventare visitatori della vita reale. Utilizzando una serie di effetti di movimento, caratteri personalizzati e icone colorate, i visitatori hanno l'esperienza di attraversare il tempo stesso nell'era dei dinosauri.
Il sito web si apre con un video spettacolare che introduce i visitatori nel mondo dei dinosauri e crea una sensazione di profondità come se si staccasse strato dopo strato. I cerchi nel video sono visibili anche sulla pagina del sito e simulano qualcosa di un altro e spettacolare mondo perso nel tempo.
L'utilizzo di bellissime immagini di alta qualità di dinosauri, una combinazione di effetti di scorrimento su elementi di design, figure e vegetazione, crea un'esperienza completamente interattiva. La finestra adesiva rivela anche strato dopo strato la storia del museo e le diverse attività disponibili.
La tela nera crea un'atmosfera misteriosa, mentre i colori al neon risaltano in avanti. In effetti, varie pagine utilizzano video scuri ad alta definizione, immagini carosello ingrandite e forme di maschere che si uniscono per creare una sottile mistica.
Il sito Web utilizza icone personalizzate che evidenziano ciascuno dei suoi attributi chiave. Utilizza anche un colore bianco scheletro per il suo testo insieme a pulsanti e contorni verde foresta che rendono rispettivamente un sottile omaggio ai fossili del presente e alle creature viventi del passato.
Le animazioni al passaggio del mouse e le icone sovrapposte, nonché i widget Lottie, possono essere visualizzati anche in varie parti del sito Web. In effetti, stanno accadendo molte cose, ma non sembra mai travolgente. Invece crea eccitazione e crea attesa, esattamente quello che vorresti che i visitatori del museo provassero.
La Repubblica Ceca è rinomata per la sua miriade di attrazioni, e ora il Dinosauria Museum Prague ha inserito un altro hotspot nelle famose strade di ciottoli dell'illustre mappa di Praga.
Design: Robin Stenczel
Sviluppo : Amazual Media
Tema : Ciao
Plugin : HappyAddons, Il framework SEO, Polylang
Vedere il sito web dal vivo
01
Fragola digitale
di Shyam Singh

Digital Strawberry fornisce servizi di marketing digitale end-to-end. Dallo sviluppo di siti Web che corrispondono alla visione del business dei clienti alla progettazione grafica di creatività interattive che aiuteranno a connettersi con il pubblico dei loro clienti, Digital Strawberry fa tutto!
"PRESS START" è il modo in cui i visitatori vengono accolti in un testo in stile pixel retrò color neon che evoca sentimenti di nostalgia. La sezione dell'eroe di carta millimetrata con schermi di computer desktop in movimento della vecchia scuola, nonché animazioni animate, illustrazioni e bacheche attirerà sicuramente la tua attenzione e ti riporterà all'era dei classici giochi per PC.
Il sito Web combina anche abilmente serif con sans-serif: una visualizzazione dei caratteri per i titoli classici e un carattere moderno per il corpo del testo. Esistono anche componenti racchiusi all'interno di frame che simulano un browser o un lettore video.
L'azienda mostra i suoi principali vantaggi ruotando una parola in una frase altrimenti statica. È un buon uso della rotazione del testo di colore rosso. Piuttosto non convenzionale, il menu è posto alla base della sezione dell'eroe, rendendo impossibile ignorarlo.
Scorrendo verso il basso, siamo accolti da diverse figure e icone pixelate della cultura pop, da Pokemon a Hello Kitty. La carta millimetrata funge da tela con miscele di blu, bianco, giallo e viola che dividono ogni sezione. Questo è un fantastico esempio di un sito Web che utilizza sia lo scorrimento che gli effetti di movimento del mouse per creare un aspetto ricco di azione. Inoltre, caratteri grandi e motivi di design dai colori vivaci aggiungono vivacità e personalità genuina.
Il sito Web utilizza un linguaggio di design riconoscibile, gif eccezionalmente creative, illustrazioni divertenti e animazioni che non abbiamo mai visto prima. Grandi esempi di questo sono il pop-up e il menu del sito web. Il caricamento dei cuori di The Legend of Zelda è un bel ringraziamento per i giocatori, così come il video del gatto per i fan della cultura pop di Internet. Anche l'animazione del flip phone nella pagina dei contatti è un bel tocco.
L'utilizzo di immagini di sfondo, sovrapposizioni e immagini, insieme a caratteri personalizzati, significa che i creatori non hanno lasciato nulla di intentato qui. I colori del sito trasmettono divertimento, esperienza e persino un senso di ottimismo. Questo sito Web iconico ti regalerà sensazioni di fragola digitale per sempre!
Progettazione e sviluppo : Shyam Singh
Tema : Ciao
Plugin : motore a reazione, caricatore Maz, Rank Math.
Vedere il sito web dal vivo