Site-urile web Elementor din iulie 2021
Publicat: 2021-08-11În această perioadă deosebit de fierbinte a anului, nu am scutit nicio picătură de sudoare în misiunea noastră de a găsi site-uri web uimitoare pe care să le vezi. Scurtând colțurile îndepărtate ale lumii, am reușit să adunăm cele mai bine concepute, unice și diverse site-uri web din care să vă inspirați.
Selecția noastră fină include zece site-uri web noi din opt țări diferite, răspândite pe patru continente. Și, pentru prima dată, suntem încântați să anunțăm că avem un câștigător din Japonia. Este deosebit de interesant pentru noi, deoarece am descoperit o cultură cu totul nouă a designului web.
Descoperiți cum puteți să duceți utilizatorul într-o călătorie și să spuneți o poveste folosind animații sau cum puteți provoca emoții de calm sau entuziasm prin diverse scheme de culori. Și, învață cum să folosești subtil pictogramele, emoji-urile și tipografia pentru a-ți transmite filozofia.
De la videoclipuri cu ritm rapid la site-uri axate pe scrolltelling, la cele care emană eleganță – le avem pe toate, așa că pregătește-te pentru doza ta lunară de inspirație.
10
Graficitatea
de Kenji Matsuo
Suntem încântați să începem acest top 10 cu primul nostru câștigător din Japonia. Venind din Osaka, Graphity este un studio de design specializat în branding, web și design grafic, filme și ilustrații. Filosofia lor - distracție de proiectare și valoare pentru fericirea tuturor celor implicați. Este prima dată când prezentăm un site web japonez și suntem foarte încântați de el.
Site-ul se deschide cu o secțiune eroi la lățime completă, care arată în fundal suprapunerea lucrărilor lor, precum și un model de fundal de puncte care dă iluzia caietelor de web design punctate pe care designerii le plac atât de mult. De asemenea, face ca fundalul să pară neinvaziv și nu distrage atenția de la alte elemente. În partea de jos a secțiunii eroi, există o bandă de știri care indică blogul lor, care este o altă metodă excelentă, care nu distrag atenția, de a evidenția știri sau promoții.
Meniul lor lateral este eficient și creativ și include trei referințe la cele mai importante pagini. Deasupra lor, există și un buton de tip hamburger, care deschide un pop-up mai larg, care amintește foarte mult de structurile din lumea imprimării unde există o grilă clară.
Derularea determină spectatorul să intre într-un fel de joc în care descoperă de fiecare dată ceva nou, fie că este vorba despre lucrările lor, serviciile lor sau alte caracteristici importante.
Pentru a evidenția și mai mult natura lor iubitoare de distracție, puteți privi pagina lor de pornire și paginile de Filosofie. Partea de jos a paginii de pornire funcționează ca un teanc de cărți stivuite atunci când derulați în jos. Aproape totul amintește de lumea jocurilor cu o clipă către lumea reală. Pe pagina lor de Filosofie, fontul este foarte diferit de ceea ce este afișat pe site și arată ceva foarte uman. În plus, textul în sine este plin de umor care poate fi legat.
În general, site-ul Graphity prezintă un limbaj foarte profesionist. Este foarte precis si foarte detaliat (chiar pana la rutina zilnica a stagiarilor).
Design și dezvoltare: Kenji Matsuo
Tema: Salut
Pluginuri: suplimente Happy Elementor, suplimente premium pentru Elementor, Sticky Header pentru Elementor
09
Rachel în afara serviciului
de Lexie Hadley / ThaiFolk Studio
Rachel este consultant de călătorie și blogger, care oferă sfaturi despre locurile în care a fost. Publicul ei țintă este: „femei ambițioase, aventuroase (sau aspirante la aventură!)”. Sfaturile și ghidurile ei includ orice, de la locuri de vizitat, la locuri de cazare, la ghiduri și sfaturi despre viață și carieră. Simțul imediat pe care îl avem este a unei tinere cu spirit liber, care și-a propus să vadă lumea și să-și împărtășească experiența, iar site-ul ei o arată.
Având în vedere că este bloggeră, există mult conținut (pagini și postări) și pentru că cititorii petrec mult timp citind postările ei, au fost alese culori calmante pentru a face lectura mai confortabilă.
În plus, pentru a face lectura mai puțin plictisitoare, există efecte de animație subtile care fac textul să pară puțin mai viu. Chiar și imaginile (sau, mai degrabă, marginile lor) au fost netezite prin arcuri circulare pentru a oferi o experiență de lectură mai confortabilă.
Imaginile sunt clar ale lui Rachel, iar alegerea lor este foarte bună. Se poate obține senzația de aventură și confort în același timp. O vedea pe Rachel zâmbind într-un câmp de orez terasat sau mângâind o balenă poate face să simți nevoia de a călători, în timp ce imaginile cu paturi, scaune și canapele confortabile creează senzația că, deși călătoria este o aventură, nu este deloc inconfortabilă.
Pagina Start Here definește scopul site-ului, dar, de asemenea, spune o poveste (prin scrollytelling) și acea poveste este întărită și mai mult cu animația avioanelor de hârtie.
Design și dezvoltare: Lexie Hadley / ThaiFolk Studio
Tema: Salut
Pluginuri: suplimente premium pentru Elementor, suplimente esențiale pentru Elementor
08
Eticheta de marcă
de Eugen Mischiu
Brand Label este o companie de etichetare cu sediul în București, România. Este specializată în furnizarea unei game largi de etichete de îmbrăcăminte de înaltă calitate de peste 15 ani. Simțul lor de stil și aspirația de a crea etichete de înaltă calitate pot fi văzute clar în galeria lor, iar gama de produse (și materiale) pe care le oferă și site-ul lor nu face decât să întărească acest sens.
De la bun început, secțiunea eroi a paginii de pornire imprimă ideile de stil, croială și calitate în același timp. Logo-ul mărcii folosește o animație jucăușă a piesei mouse-ului sub forma unei linii punctate (un motiv care apare pe site) pentru a face aluzie clară la modelul de cusut al etichetelor lor.
În centrul secțiunii eroi, numele mărcii este vizibil înscris cu litere mari, îndrăznețe, iar în spatele acestuia, o imagine a unei etichete. Schema de culori pastelate strălucitoare produce o atmosferă relaxantă și fericită, pentru un subiect altfel, neinteresant.
Secțiunea eroi oferă în plus un meniu pop-up (pe partea opusă a logo-ului animat, dar cumva completând și simetric). Meniul este foarte bine realizat, cu culori care se văd pe tot site-ul web, linii punctate și tipografie îndrăzneață. În plus, butonul este lipicios și întotdeauna vizibil atunci când derulați în sus sau în jos, permițând o navigare mai bună.
Site-ul folosește un plugin de traducere care permite utilizatorului să se schimbe în oricare dintre cele trei limbi, crescând astfel publicul țintă în mod substanțial. În cele din urmă, în partea de jos, există un subsol mare care încorporează un formular pentru a facilita comunicarea.
Design & Dezvoltare: Eugen Mischiu
Tema: Salut
Pluginuri: WooCommerce, Traducere WordPress
07
Media Craft
de Ramon Kayo
Media Craft este o companie de management social cu sediul în Sao Paulo, Brazilia. Portofoliul lor include conținut publicitar foarte frumos. Compania este tânără (din punct de vedere al vârstei angajaților) iar mentalitatea tânără este cu siguranță vizibilă pe site-ul lor.
Site-ul web de o pagină are o culoare roz foarte, foarte strălucitoare. Iar cu sloganuri precum „conținut nemaipomenit pentru oameni nenorociți”, își precizează clar publicul țintă – generația mai tânără.
Dar motivul de culoare roz nu este singurul lucru care le susține vibrația. Designul la modă include o secțiune de eroi cu animație de antet și o față zâmbitoare roz (există și un emoji pe linie) care întărește faptul că este o agenție de social media. Tipografia este modernă, clară, dar deloc plictisitoare. În plus, există efecte de hover care contribuie la jocul site-ului prin introducerea unor modificări interactive de culoare (roz în alb și invers).
O altă caracteristică notabilă sunt imaginile echipei din widgetul glisor al Elementor. Aici, un filtru tricolor este folosit pentru a crea un sentiment de mișcare/neclaritate în mod clar, de dragul de a ieși în evidență și de a concentra atenția cititorului asupra imaginilor și textului care le însoțește.
Dar, cu tot designul distractiv și jucăuș, echipa adoptă o abordare simplă pentru a-și prezenta munca. Ei își afișează munca în macheta de telefon/computer pentru o demonstrație foarte reală a ceea ce oferă.
Design și dezvoltare: Ramon Kayo
Tema: Salut
06
Brand Baker
de Anton Weber
Din Germania, avem Brand Baker — o agenție de marketing digital centrată pe Facebook care oferă servicii de marketing digital, planificare, design și dezvoltare a strategiei digitale și multe altele. Potrivit acestora, „ne confruntăm cu lumea noastră în continuă schimbare cu flexibilitatea necesară, apreciem caracteristicile individuale ale echipei noastre și împărtășim dorința neîncetată de perfecțiune”.
Site-ul lor este fidel viziunii lor despre flexibilitate, deoarece încorporează atât elemente clasice, cât și noile tendințe. Pictograma de defilare animată invită în mod jucăuș utilizatorul să deruleze și să se bucure de povestea animată pe care a creat-o (ceva ce vom vedea din nou, mai târziu).
La derulare, utilizatorul este întâmpinat cu o animație blândă a textului mare și videoclipuri relevante însoțitoare pentru fiecare secțiune, care sunt prezentate într-o grilă unică, neuniformă. Fiecare secțiune este, de asemenea, separată prin utilizarea de culori diferite pentru text, această compoziție, prin urmare, produce un flux dinamic și o ierarhie clară.
Design și dezvoltare: Brand Baker
Tema: Salut
Pluginuri: Element Pack, Rank Math SEO PRO, Editor clasic
05
SFG Tirol
de Raum 15
SFG Tirol este o galerie de piatră și țiglă din Austria. Serviciile lor includ crearea de concepte personalizate (oferirea de consiliere cu privire la alegerea plăcilor) și implementarea acestor concepte cu gresie interne. Deși acesta este un site web asemănător unei afaceri, păstrează elemente creative și tonuri blânde.
Motivul plăcilor este răspândit pe tot site-ul web sub formă de forme geometrice (în primul rând, pătrate). Un exemplu minunat în acest sens este văzut în pagina Despre noi și în pagina Inspirations. Pagina Despre noi folosește un mozaic de imagini și text, plasate intenționat în așa fel, încât să dea iluzia plăcilor. Pagina Inspiration, pe de altă parte, folosește galeria Elementor cu un efect de animație pentru a prezenta fotografii în pătrate aproape perfecte, ceea ce, din nou, dă iluzia că plăcile sunt plasate chiar în fața ta.
Culorile site-ului sunt verde blând și gri. Se poate obține simțul naturii din privire la ea și, probabil, acest lucru este conceput pentru a ajuta cititorul să facă asocierea unei companii prietenoase cu mediul.
Există o utilizare plăcută a opțiunii de poziție fixă a imaginii, pentru a crea un efect în care, în timp ce derulați în jos, o imagine rămâne fixă, în timp ce împrejurimile derulează. Acest lucru creează un sentiment de a privi printr-o gaură a cheii într-o casă care, poate, este o conexiune pe care site-ul încearcă să o facă în mintea cititorului - gresie = casă.
Navigarea pe site este bine făcută. Este foarte ușor de navigat. Există o ierarhie clară. Imaginile sunt reale (nu imagini de stoc), de înaltă calitate și claritate pentru a prezenta serviciile și produsele companiei și dispoziție prietenoasă (uitați-vă la aceste zâmbete!). Pagina de contact este foarte personală și include un formular foarte detaliat a umple.
Proiectare și dezvoltare: Raum 15
Tema: Salut
Pluginuri: Autoptimize, Borlabs Cookie, Antet și Subsol, Redirecționare, WP Mail SMTP
04
Somos Avocado
Somos Avocado este un studio de creație condus de două tinere – Alazne și Cris. Accentul principal este designul sau, mai precis, „designul bun”. Dorința lor este de a oferi un tip de design care comunică și servește unui scop. Design care se bazează pe ascultare, comunicare și relații pe termen lung cu clienții lor. Site-ul lor întruchipează această abordare non-generică a designului.
De la prima impresie a secțiunii eroi, este clar că prețuiesc unicitatea. Folosesc fonturi unice pe un fundal artistic cu un efect de animație suprapus. Chiar de la început, le simți clasa și creativitatea.
Dar, fontul alb pe fundal negru nu este unic. Ceea ce au făcut este o tranziție foarte bine executată. Dacă derulați în jos, veți vedea cum designul se schimbă de la culorile negre, la gri, la mai colorat - extinzând ideea că fiecare este unic și că nu există o singură soluție, dar mai mult decât atât - că poate oferi orice design. .
Există emoji-uri împrăștiate peste tot în text, iar când accesați pagina Despre, puteți vedea figuri Lego în imaginea lui Alazne și Cris. Acest lucru arată clar că, deși fetele sunt profesioniste, nu sunt lipsite de caracter (distractiv și jucăuș) cu care, probabil, ar dori să insufle un sentiment de familiaritate și confort.
Design și dezvoltare: Somos Avocado
Tema: Salut
Pluginuri: CookieLawInfo, Sticky Header pentru Elementor
03
Cheie Internațională
de Doodle + Code
Key International este o companie de investiții și dezvoltare imobiliară cu sediul în Miami, SUA, cu peste 30 de ani de experiență. Obiectivul cheie al site-ului web este de a evidenția portofoliul divers al companiei, oferind și un sentiment de prestigiu și de înaltă clasă.
Pentru a ajuta acest lucru, informații rapide despre proprietate sunt afișate într-un card care este prezentat utilizatorului în timp ce trece cu mouse-ul peste fiecare card individual. Acest lucru a oferit vizitatorului o privire rapidă asupra fiecărei proprietăți, fără a fi nevoie să încărcați o pagină completă.
În plus, în paginile cu detaliile proprietății, acestea prezintă fiecare proprietate folosind fotografii și randări de top prin galeria ACF, slider și câmpuri de imagine. Pentru a prezenta întotdeauna locația proprietății, au implementat o bară laterală lipicioasă care afișează întotdeauna aceste informații pe verticală pe măsură ce utilizatorul derulează în jos pe pagină. În cele din urmă, am folosit condițiile de afișare dinamică pentru a afișa sau a ascunde diferite zone de conținut în funcție de conținutul disponibil.
Site-ul web este un bun exemplu de design minimalist. Informațiile sunt concentrate, designul este curat și nu există dezordine inutilă. Dar, designul minimalist nu înseamnă că este simplu. Site-ul web oferă un sentiment de prestigiu prin schema de culori aurii și pictogramele delicate.
Design și dezvoltare: Doodle + Cod
Tema: Salut
Pluginuri: Câmpuri personalizate avansate, Tipuri de postări personalizate, Skin personalizat Ele, Elemente de supliment Elementor, Suplimente pentru Elementor
02
BVM Beratung
de Millefeuilles
BVM Beratung este o companie de consultanță și servicii cu accent pe ONG-uri și a atins o poziție de lider în țările de limbă germană cu peste 3.000 de proiecte. Industria de consiliere cere un site web profesionist, asemănător unei afaceri, dar faptul că lucrează cu NPO necesită un fel de familiaritate și confort, iar această dualitate este arătată în designul site-ului.
Industria de consiliere cere un site web profesional, asemănător unei afaceri, dar faptul că lucrează cu NPO necesită un fel de familiaritate și confort, iar această dualitate este arătată în designul site-ului.
De la bun început, această dualitate se arată. Pe de o parte, schema de culori și imaginile alb-negru oferă un sentiment mai asemănător cu afacerile, dar există elemente de galben (pentru a evidenția punctele importante). În plus, pentru a oferi în continuare un sentiment de distracție, site-ul web invită utilizatorul să interacționeze cu acesta. O săgeată mare, galbenă, indică cuvântul Defilare, invitând utilizatorul să înceapă povestea site-ului. Tot acest site web este despre scrolltelling.
La derulare, apar animațiile cu săgeți Lottie, indicând un text nou apărut (într-un cerc, care este un motiv care se repetă aici). Povestea a început. Pe măsură ce utilizatorul continuă să deruleze, apar mai multe animații, care indică mai mult text, îl evidențiază și subliniază povestea acestui consular pentru organizațiile non-profit.
Limbajul site-ului este foarte consistent pe întregul site. Dă impresia de integralitate și profesionalism. Din motivul repetat al cercului, tipografia complementară și culorile negru, alb, gri și galben.
Design și dezvoltare: Millefeuilles
Tema: Salut
Pluginuri: Elementor Block pentru Gutenberg, Accordion Blocks, Adminimize, Crocoblock JetEngine, Crocoblock JetSmartFilters, Dynamic Conditions, MouseWheel Smooth Scroll
01
Grupo Graphic
de Alfonso Caravaca & Belen Lorca
Grupo Graphic este o agenție de publicitate din Spania care se ocupă de orice, de la publicitate externă (pe panouri publicitare și altele), până la publicitate media, dezvoltare web, design grafic și marketing digital. Scopul site-ului lor este de a-și prezenta în mod clar munca și spiritul creativ.
Site-ul începe cu un videoclip foarte colorat, cu ritm rapid. Videoclipul arată în mod clar abilitățile lor și este, probabil, direcționat către publicul țintă al tinerei generații. Imaginile se schimbă rapid, la fel ca și culorile pentru a oferi o senzație de grabă sau mișcare. De asemenea, s-ar putea face asemănări între videoclip și un club de noapte.
La derularea în jos, elementele principale ale designului devin mai clar vizibile. Fontul este caracterul aldine al lui san. Mai mare decât se aștepta de obicei. Vine împreună cu gif-uri de meme (favorita noastră este a maestrului francez al comediei — Louis de Funes) și a lucrării lor. Totul despre acest site este mare, de la text la imagini, la butoane și totul este într-o grilă de casete.
Există un text curent care separă secțiunile cu litere foarte mari (în negru) care aduce amintiri ale textului difuzat pe canalele de știri care transmit urgență și importanță. Există mișcare constantă pe site și nu există un moment plictisitor când îl vizitați.
Design & Dezvoltare: Grupo Graphic
Tema: Salut
Pluginuri: pluginuri Jet de la Crocoblock (motor, filtre inteligente, elemente), cache LiteSpeed, Yoast SEO, Permalinks Manager Pro