Site-urile web Elementor din februarie 2022
Publicat: 2022-03-17A doua prezentare din acest an este o dovadă a diversității a ceea ce creatorii web se pot aștepta, deoarece fiecare client vine cu nevoi unice. Site-urile web din această lună includ NFT-uri inspirate de basme, o companie de ultimă oră de management al lanțului de aprovizionare, o varietate de agenții și studiouri web creative, o școală de limbă engleză, un artist de graffiti, un producător de bumbac cerat și un teatru comunitar mândru.
Luați notițe despre cele mai bune practici pentru efectele mouse-ului, hover și derulare; studiați modul în care combinațiile de culori pot fi utilizate fără probleme în texte și fundaluri; înțelegeți modul în care micro animațiile dau viață unui site web; vezi cum dimensiunile textului și stilurile de aspect afectează atmosfera unui serviciu; și experimentați cât de inteligentă copierea dă viață oricărei piese din conținutul site-ului.
Urmăriți o vitrină fabuloasă din februarie care sărbătorește originalitatea!
Obțineți Elementor Pro
10
Aldam Street Art
de Giuseppe Cangiano
Inspirat de cultura hip-hop, Aldam a înființat un echipaj, consolidându-și dorința de a se dedica unui drum artistic-muzical. Înarmat cu spray-uri, un microfon, cuvinte și picturi, el transformă sentimente precum furie, frustrare și tristețe în opere de artă creative.
Un site web care vă permite să vă jucați cu vopsea spray colorată în timp ce treceți cu mouse-ul? Ce altceva ar fi mai potrivit pentru un site web de artist graffiti! Fluxuri animate de vopsea pulverizată pot fi, de asemenea, văzute ieșind periodic din cutia de pulverizare. Aldam Street Art este un site interactiv distractiv care creează o atmosferă tinerească plină de viață, cu o notă dinamică.
Meniul de butoane folosește pictograme care corespund setului de instrumente al artiștilor graffiti cu aceleași patru culori folosite pentru a evidenția fiecare categorie utilizată pe site. Există, de asemenea, un efect lipicios drăguț pe pagina de doodle, în care fiecare doodle se stivuește frumos sub cele mai noi.
Există o utilizare inteligentă a asimetriei la afișarea celei de-a doua secțiuni a paginii de pictură. Efectele de trecere cu mouse-ul sunt utilizate pe fiecare dintre tablourile principale care se deschid într-un anumit pop-up. Există, de asemenea, un diapozitiv care se deplasează în diagonală pe pagină.
Lucrării lui Aldam i se oferă un site web potrivit care surprinde esența artei urbane și a culturii stradale subterane.
Design și dezvoltare : Giuseppe Cangiano
Tema : Bună
Pluginuri : Elementor Pro, dynamic.ooo
Vezi site-ul live
09
Percy și York
de Percy & York
Percy & York este o agenție de publicitate, creativă și digitală care se mândrește cu faptul că este un gânditor ieșit din cutie. Ei devin personale atunci când vine vorba de subiecte precum comunicare, campanii, design corporativ și mărci, deoarece pasiunea lor este să găsească cel mai bun concept pentru clienții lor, de fiecare dată.
Schema de culori a site-ului este probabil inspirată de rădăcinile germane ale agenției, împrumutând negru, roșu și galben împreună cu o notă de albastru, toate cu o întorsătură minoră. Nuanța de culoare contemporană este utilizată în mod egal pe texte și fundaluri de dimensiuni mari. La fel și utilizarea derulării orizontale, care arată frumos cea mai bună lucrare a lor.
Bara laterală prezintă un meniu de hamburgeri (interesant în formă de hamburger) și include un link către podcastul Spotify al agenției, care este ceva rar văzut. De asemenea, este de remarcat faptul că există unele editare foto folosind scheme de culori pentru diferiți angajați, inclusiv câinele companiei, Matilda.
De asemenea, textul trece prin culorile de fundal, dar nu afectează experiența de citire. Acest lucru se datorează combinației de culori atentă care funcționează și se îmbină bine cu fiecare dintre culorile temei. Există, de asemenea, o pereche plăcută de fonturi de litere mari mari pentru titluri setate peste litere mici mai mici pentru descrieri.
La fel ca deliciul cucului de pe subsolul paginii de pornire, Percy & York vor avea clienții potențiali să spună „Ne place asta” înainte de a lua legătura.
Design și dezvoltare : Percy & York
Tema : Bună
Pluginuri : Elementor Pro, Borlabs Cookie - Opt-in pentru cookie, Fragmente de cod, Addons esențiale pentru Elementor - Pro, Instagram Feed Pro Developer, MailPoet 3 Premium (nou), Steroizi OoohBoi pentru Elementor, WP Rocket, Rank Math SEO Pro
Vezi site-ul live
08
Halley Stevensons
de Liam Bonar
Halley Stevensons este cel mai mare producător și inovator din lume în materie de bumbac cerat și țesături rezistente la intemperii. Fiind o firmă independentă cu peste 150 de ani de experiență, organizația a acumulat cunoștințe tehnice și experiență de producție unice.
Moștenirea companiei este împletită în structura site-ului web, cu fragmente din trecut, prezent și viitor vizibile pe pagina de pornire. Chiar și atunci când utilizați un aspect pe lățime completă, site-ul web încă se simte elegant datorită fundalurilor sale deschise în culori pastelate.
Imaginile desenate manual oferă aspectul și senzația unui atelier de designer de modă de ultimă generație, la fel ca și stilul său simplu, curat și convențional. Schema de culori monocromatică permite, de asemenea, modelelor să vorbească, deoarece designul nu distrage atenția de la conținut.
Mega meniul folosește în mod inteligent materialul din bumbac cerat, cu picături așezate deasupra, care arată punctul său de vânzare rezistent la intemperii. Acesta este un mod frumos de a evidenția unicitatea produsului.
Cu produse exportate în întreaga lume și prezentate în fiecare sezon la Londra, Paris, New York, München și Milano, Halley Stevensons lasă pe bună dreptate produsele sale de clasă mondială să facă toate sarcinile folosind o interfață simplă pentru a le completa.
Design & Dezvoltare : Liam Bonar – lbd.studio
Tema : Bună
Pluginuri : Elementor Pro, Yoast, WP Rocket, Autoptimize, ACF, Imagify
Vezi site-ul live
07
Un teatru Grianan
de Tommy Callaghan / Manna Design
An Grianan Theatre este distinctiv printre locațiile regionale pentru succesul său ca producător de teatru care sărbătorește în mod activ bogata sa moștenire culturală irlandeză. A pus în scenă multe producții la scară largă de-a lungul anilor. Partenerii săi creativi până în prezent au inclus Yew Tree Theatre Company, Cork Opera House, Pavilion Theatre, Civic Theatre și The Lyric, Belfast.
Sărbătorind evenimentele locale, naționale și internaționale de artă și divertisment, teatrul se mândrește, de asemenea, cu sprijinirea artiștilor locali care sunt prezentați pe site. Un site web care a fost reconstruit folosind Elementor, care este minimalist, ușor pentru ochi, ușor de navigat și seamănă cu o revistă culturală sau un blog.
Designul plat, minimalist, alb-negru asigură atenția acordată exclusiv celor mai recente știri și conținut, care adaugă culoare și vitalitate paginii. Folosind tipografie subțire, asemănătoare unui ziar, abordarea site-ului bogată în informații îl face mai ușor de digerat și este probabil adresat publicului mai în vârstă, care ar putea fi mai puțin înclinat din punct de vedere tehnologic.
Acesta este un site web care își servește publicul comunității locale prin ținerea sub control a elementelor fără a trece peste bord. Afișând cu mândrie sprijinul său larg din partea instituțiilor celebre în subsolul său, teatrul este un punct focal artistic și cultural pentru comunitatea sa.
An Grianan Theatre este un site web emblematic pentru o locație emblematică din nord-vestul Irlandei.
Design și dezvoltare : Tommy Callaghan
Tema : Astra
Pluginuri : Elementor Pro, Câmpuri personalizate avansate, JetEngine, JetSmartFilters, WooCommerce, WP Rocket
Vezi site-ul live
06
Studio Grit
de Chris Forsyth
Grit reunește o bandă de specialiști creativi; copywriteri, ilustratori, producători video, animatori, fotografi și experți digitali care lucrează îndeaproape cu clienții pentru a oferi soluții creative semnificative și de impact.
Folosind o culoare neobișnuită Rangoon Green pentru fundal și fonturi unice, site-ul oferă buzunare de animații de defilare și animații de tip hover care mențin atenția spectatorilor activă. Fundalul întunecat oferă, de asemenea, site-ului un aspect și o senzație de ultimă generație, cu o asociere frumoasă cu serif și sans serif, asigurând că copia are o ierarhie plăcută.
Utilizarea efectelor de defilare dă senzația că privitorul este dus într-o călătorie similară cu o expoziție, fiecare proiect acționând ca o vitrină și nu urmând un design simetric tipic. Paginile de proiect pe care se poate face clic sunt foarte detaliate. De fapt, site-ul menționează în mod interesant cel mai mare proiect al său, Momentum Podiatry, în cadrul eroului însuși.
Aspectul minimalist permite proiectelor să vorbească de la sine, proiectele mai mari care primesc mai multe imobiliare decât cele mai mici. Vizitatorii au, de asemenea, posibilitatea de a vizualiza întregul portofoliu al studioului pe pagina sa de index, transformându-și întregul portofoliu într-o pagină de sine stătătoare.
În timp ce Grit s-ar putea considera un mic studio, site-ul său evidențiază capacități mari.
Design și dezvoltare : Chris Forsyth
Tema : Bună
Pluginuri : Elementor Pro, Fragmente de cod, Suplimente pentru Elementor, Interfață personalizată cu tip de postare, Addons Piotnet pentru Elementor Pro, Comandă simplă a paginilor, SVGator, Yoast SEO
Vezi site-ul live
05
Studio DoublePoint
de Nicolas Meyer
Studio DoublePoint lucrează cu clienți din toate categoriile sociale pentru utilizatori din întreaga lume. Fie că este vorba despre optimizarea site-urilor web actuale sau crearea unui site web nou, serviciile lor web permit clienților să-și mărească audiența și să obțină rate de implicare mai bune cu clienții.
Folosind culori puternice, efecte de defilare și GIF-uri, studioul își prezintă proiectele într-un mod distractiv. Utilizarea subtilă a efectelor de micșorare cu imaginile crescând pe măsură ce derulăm în jos este o modalitate bună de a atrage atenția asupra poveștilor de succes ale studioului. Există, de asemenea, un font Sans Serif, moale, care ajută la accentuarea aspectului și simțului contemporan al site-ului.
Culoarea de fundal se schimbă de la bej la portocaliu pe măsură ce derulați în jos, la fel în care atenția este adusă asupra emblemei rotative. Portocaliul este o culoare recurentă pentru a evidenția zonele cheie. Există, de asemenea, un efect de hover plăcut asupra CTA de contact rotativ, precum și opțiunile de contact prin e-mail și telefon. Culorile paginilor proiectului împrumută în mod similar de la proiectele în sine.
Meniul folosește un stil modern de font frumos, cu text conturat gol atunci când treceți cu mouse-ul deasupra, în timp ce pagina studio folosește imagini faciale încă din Graphic & UI Designers care se modifică în funcție de textul însoțitor. Acest lucru arată și un pic din personalitatea lui, făcând site-ul mai accesibil.
Studio DoublePoint creează identități unice pentru proiecte și le face să trăiască și să crească pe web.
Design & Dezvoltare : Nicolas Meyer
Tema : Bună
Pluginuri : Elementor Pro, JetEngine, Addons Premium, WP Rocket
Vezi site-ul live
04
Logico
de Haim Benisty
Logico oferă consultanță în afaceri bazată pe business intelligence. Acestea combină date fiabile și cuprinzătoare cu cele mai avansate instrumente de optimizare din lume și permit experților internaționali să însoțească procesul de aplicare.
Construit de Haim Benisty, al cărui site web de portofoliu a fost prezentat în prezentarea de luna trecută, site-ul high-tech al Logico dă tonul folosind un videoclip de fundal de ultimă generație, atrăgând vizitatori și evidențiind tehnologia sa de ultimă oră. Utilizarea culorii albastre transmite, de asemenea, un mesaj de avansare tehnică și tehnologică și este folosită în mod popular de către startup-uri.
Utilizarea efectelor de defilare ne duce în centrul de distribuție și birouri, evidențiind în același timp câteva companii de transport internațional pe care organizația le utilizează. Fiecare cameră apare ca un model 3D și evidențiază serviciile sale de management al lanțului de aprovizionare, evidențiind excelența operațională.
Roboții sunt văzuți transportând obiecte, deoarece videoclipul demonstrează modul în care organizația funcționează cu cele mai avansate instrumente de optimizare. Utilizarea scrollytelling este aplicată frumos și oferă paginii un efect asemănător unui film animat. Fiecare dintre pagini se deschide folosind un efect de ștergere care invită spectatorul să intre, în timp ce „g” din „Logico” acționează ca un efect de tranziție consistent.
Logico este o companie cu un spirit energic și tânăr, care aduce o abordare revigorantă în domeniul consultanței operaționale, iar site-ul său de clasă mondială își prezintă în mod eficient punctele forte.
Design & Dezvoltare : Haim Benisty
Tema : Bună
Pluginuri : Elementor Pro
Vezi site-ul live
03
Discuție cu cretă
de Addictive Design Creative Studio
ChalkTalk este o asociere în comun a doi colegi de lungă durată care au fost inspirați de mulți ani de experiență și succes în lucrul cu studenții. Duo-ul a venit cu ideea de a crea un mediu în care studenții nu numai să învețe limba, ci și să-și schimbe ideile fără teamă și presiune și să-și îmbogățească cunoștințele despre alte persoane și culturi.
Site-ul web folosește în mod inteligent patru culori în fiecare dintre paginile sale. Cu Global Styling, acesta poate fi actualizat și modificat fără probleme. Folosind combinații de porțelan, galben Napoli, verde decolorat, Eminence (Magenta), fiecare secțiune a fundalului site-ului se schimbă pe măsură ce derulați.
În mod similar, efectele hover sunt folosite pentru a capta atenția prin utilizarea culorilor și a animației. Există secvențe fără întreruperi de la secțiune la secțiune cu tranziții subtile, doodle-uri, precum și ghilimele care sunt folosite ca motiv. De asemenea, pot fi văzute emoji care ar indica publicul țintă mai tânăr al site-ului.
Privind atent, este evident că ilustrațiile sunt legate de text cu o copie mai personală, folosită pentru a implica publicul. Meniul seamănă și cu o tablă de școală veche care se deschide cu o micro animație.
ChalkTalk se vede ca o școală de engleză ușor diferită, iar cu un site web care încalcă convențiile, școala se deosebește cu siguranță ca o clasă aparte.
Design și dezvoltare : Marko și Marija Djurdjevic
Tema : OceanWP
Pluginuri : Elementor Pro, Ocean Extra, Quiz și Survey Master, MouseWheel Smooth Scroll
Vezi site-ul live
02
Ochii
de Condiția generală și Milkink Creative Studio
Eyepples este o colecție de sute de obiecte de colecție unice NFT inspirate din lumea fantastică, basme, estetică mai întunecată, artă clasică și fotografie. Este un proiect magic unic construit în jurul blockchain-ului Ethereum în care arta digitală, fotografia și ilustrația se îmbină aproape ca o poțiune de alchimist.
S-ar putea să recunoașteți amprentele digitale unice ale Condiției generale, câștigătorul nostru de prezentare de sfârșit de an 2021, pe acest design de site web inspirat de basme. Merele fabuloase seamănă cu cele văzute adesea în portretizarea Albei ca Zăpada și evocă sentimente de nostalgie din copilărie, la fel ca alinierea centrală a textului care arată ca o carte de povești.
Există o utilizare foarte eficientă a copiei pentru a vinde produsul. Cu sentimente de magie și basme, fraze pline de spirit și o notă de marketing, designul și copierea se îmbină frumos pentru a reuni o lume unică care arată ceva dintr-un film Disney.
Merele (sau ar trebui să spunem Eyepples) sunt predominante pe tot site-ul, de la utilizarea efectelor de hover asupra eroului până la subsol. Deși nu fiecare element al site-ului web este încă live, cum ar fi magazinul, Eyepples Apples face suficient pentru a crea un mare entuziasm și anticipare datorită ilustrațiilor și povestirilor de înaltă calitate.
Tot ce a mai rămas este să alegi un Eyepple și pur și simplu să te bucuri de magie.
Design și dezvoltare : Jovan Lakic și Stefan Kokovic
Tema : Bună
Pluginuri : Elementor Pro, Jet Elements, JetEngine, Premium Addons Pro, The Plus Addons pentru Elementor Pro
Vezi site-ul live
01
Baril Marketing
de Barrel Marketing Ltd.
Barrel Marketing este un studio de marketing, producție video și dezvoltare web care ajută companiile să se dezvolte spunându-și poveștile în mod autentic și producând experiențe unice și creative. Ei transformă ideile mari în lucruri frumoase care leagă mărcile și clienții.
Aceasta este de fapt a doua oară când site-ul web este prezentat în vitrina noastră după o reproiectare. Prima dată a fost în septembrie 2019. Site-ul web arăta foarte diferit atunci și noul design este, de asemenea, la îndemână.
Folosirea unei copii puternice asociată cu un videoclip superb acoperit cu forme de mască captează imediat atenția. Aspectul și simțul minimalist al site-ului web, evidențiat de utilizarea spațiului alb, îi conferă o atmosferă modernă. Pagina de întâlnire a echipei arată, de asemenea, că compania are o atmosferă distractivă și o personalitate caldă și primitoare.
Compoziția imaginilor reale combinate cu culori utilizează în mod eficient designul zine pentru a oferi site-ului un sentiment distractiv, de relatare și prietenos. Afișarea clienților săi de renume este, de asemenea, o modalitate excelentă de a obține dovezi sociale, mai ales sus pe pagină, care adaugă și credibilitate.
Pe paginile proiectului, există un sistem frumos de prezentare a provocării și a soluției care îi ajută pe potențialii clienți să înțeleagă procesul Barrel Marketing. Imaginile de fundal și culorile provin, de asemenea, din proiectele în sine, indicând nivelul de detaliu care a intrat în site. În mod similar, pagina de contact creează, de asemenea, un limbaj vizual grozav, cum ar fi pisica care ajunge la telefon.
Barrel Marketing ajută companiile să se dezvolte spunându-și poveștile cu soluții creative și strategice și cu un site web care este în egală măsură creativ, distractiv și informativ, clienții vor face rapid clic pe „trimite”.
Design: Daniel Fexa
Dezvoltare : Shayne Plesa-Naden, Daniel Fexa și Sebastien Ringuette
Tema : Bună
Pluginuri : JetEngine, JetSmartFilters
Vezi site-ul live