10 site-uri web interactive pentru inspirație
Publicat: 2020-07-06În calitate de designer de UI, este nevoie de multă muncă grea pentru a proiecta un site web care este interactiv și plăcut ochiului, împreună cu realizarea scopului site-ului web. Dar, în timp ce proiectați anumite site-uri web, adesea creativitatea ocupă un loc din spate, împreună cu lizibilitatea site-ului web, iar site-urile web parcă nu sunt foarte interactive. Site-urile web ar trebui să aibă design astfel încât vizitatorul să dorească să acceseze site-ul dvs. mai des, doar pentru a experimenta plăcerea de a folosi site-ul și de a interacționa cu paginile web.
Au dispărut vremurile în care utilizatorii foloseau site-uri web simple care realizau mai mult. Acum, scopul este de a face utilizatorul să folosească site-ul, crescând interacțiunea și menținându-l implicat. Site-ul dvs. este un atu pentru organizația dvs., dacă utilizatorul continuă să revină pentru mai multe interacțiuni cu site-ul dvs. în viitor.
Acest blog analizează astfel de site-uri web care sunt interactive și au creativitate ieșită din cutie.
1. Cyclemon:
Cyclemon este un site web care are diverse modele de biciclete pentru tine pe care le poți comanda și conduce. Acest site web folosește derularea pentru a vă oferi o privire asupra produselor lor. Trebuie doar să continuați să derulați pentru a vedea toate modelele de produse. Sloganul companiei spune: „Ești ceea ce călărești!” Și acest lucru îl face pe utilizator să deruleze în jos până la partea de jos a paginii pentru a găsi un design de bicicletă potrivit pentru el însuși. Prin urmare, obligați un utilizator să deruleze în continuare până când apar toate modelele.
Poți comanda bicicleta care crezi că se potrivește cu personalitatea ta. A aplicat psihologia umană în spatele designului. Site-ul are toate modelele, iar acestea te fac să scrollezi până „simți” că ai găsit modelul care ți se potrivește.
2. Alex Buga:
Alex Buga este un designer din București în România și are site-ul său care funcționează ca portofoliu. Când deschideți pagina de index a site-ului, el a proiectat plăci pe ecran, unde plăcile individuale au imagini pe care le-a făcut, iar anumite plăci au linkuri video YouTube. Pe lângă proiectarea site-urilor web, el este și fotograf și muzician.
A lucrat ca director creativ la MB Drăgan care are o experiență vastă de 7 ani în web design. Site-ul web pe care l-a dezvoltat are un design ieșit din cutie.
3. Evans Halshaw – Bond Cars:
Evans Halshaw este un portal de mașini noi și second hand. Au lucrat cu 130 de locații din Anglia, Scoția și Țara Galilor. Site-ul lor este similar cu site-ul Cyclemon. Diferența este că au folosit diferite modele de mașini care au fost prezente în filmele cu James Bond. Fiecare imagine are un an, modelul mașinii și numele filmului în care apare. Pe măsură ce derulați în jos pe pagina de pornire, aceasta vă va afișa diferitele vehicule care micșorează imaginea anterioară.
Designul va distra un iubitor de mașini pentru câteva momente. În plus, un fanatic al filmului James Bond va continua să deruleze site-ul web pentru a vedea toate mașinile folosite în filmele Bond. Alături de imagini, au o scurtă descriere bazată pe film, în colțul din dreapta jos al ecranului pentru fiecare mașină.
4. Joacă punct la punct:
Acest site este cel mai interactiv pentru jucători. Conține un joc care implică unirea punctelor din numerele lor în ordine descrescătoare. Acesta folosește un cronometru. Trebuie să conectați punctele date într-o fereastră de timp stipulată și trece la următorul joc. Este sigur să te țină ocupat și se poate dovedi a fi un favorit și printre copii.
Nivelul de interacțiune cu acest site web este cel mai ridicat, deoarece toți suntem obsedați de unirea punctelor numerotate în ordine descrescătoare. Interfața este simplă, dar vă poate menține angajat ore întregi.
5. Kick My Obices:
Kick My Habits este un site web care vă ajută să vă calculați cheltuielile pentru anumite lucruri, cum ar fi trusele de frumusețe, mâncarea în oraș, fumatul, consumul de alcool și petrecerile. Îți spune câți bani merg în aceste obiceiuri proaste pe an și toate acestea într-un mod foarte interactiv.
Te întreabă despre câți bani duc în obiceiuri proaste pe săptămână. Odată ce alimentați toate datele pentru o practică, vă duce la următorul model. Puteți alege „Nu am acest obicei” dacă nu aveți acest obicei. După ce a analizat fiecare practică pentru care alimentați date, acesta examinează suma de bani pe care o cheltuiți într-un an urmărind aceste obiceiuri. Oricine poate calcula aceste cheltuieli în care investește, în fiecare an. Dar interfața interactivă cu utilizatorul a site-ului web are cel mai frumos design, ceea ce are cea mai mare importanță aici. În cele din urmă, arată economiile dvs. totale anuale și săptămânale, împreună cu suma care ar apărea după ce ați plasat acești bani în contul bancar.
6. Zervice:
Zervice este un grup cu mai multe mărci de franciză diferite, care conduc drumul. Este un design web inteligent și creativ și a fost unul dintre cele mai premiate site-uri web. Site-ul începe cu o călătorie prin oraș. Site-ul a folosit imagini și o cale SVG pe care se deplasează vehiculul. Norii fac o apariție pentru interacțiune precum chestionare și întrebări. Site-ul web arată ca un model 3D când mașina trece peste și sub unele aspecte ale site-ului.
Pagina se deschide cu un balon de gândire, un mesaj de bun venit și o vedere a orașului. De asemenea, are un buton „Go” care conduce vehiculul la următorul punct. Un alt paravan este un paravan sofisticat cu un cort plutitor și o clădire prin care trece mașina. Cu câteva opriri și chestionare împreună cu ele, aflați despre serviciile Zervice. Drumuri întortocheate, construcție și cea mai bună parte fiind un tren în mișcare sub care circulă vehiculul este o priveliște de văzut. Chiar dacă nu aveți nevoie să cunoașteți serviciile lor, ar trebui să îl vizitați o dată pentru a experimenta descrierea de mai sus.
7. Viitorul partajării mașinii:
Acest site web vorbește mai degrabă despre împărțirea unei mașini decât despre cumpărarea ei. Acest site este foarte interactiv într-un mod diferit. Pe măsură ce aterizați pe pagina de pornire a site-ului, vedeți o mașină verde care poate naviga înainte și înapoi apăsând tastele săgeți stânga și dreapta. Pagina de destinație arată tipul de partajare auto și statisticile acestuia. Pe măsură ce apăsați tasta din dreapta, mașina începe să se miște înainte spre partea dreaptă, unde face apariția clasificarea car-sharing-ului și descrierea acestuia.
Prima clasificare este P2P, adică conceptul de partajare auto peer-to-peer. Definește un grup de mașini deținute de un anumit număr de persoane. Acești proprietari ai mașinilor închiriază mașinile șoferilor. O altă categorie este B2C, care înseamnă Business-to-Consumers. Aici, o companie deține un set de mașini pe care le împart între membrii companiei. Acestea includ producători de automobile, mărci de închiriere și mărci de partajare a mașinii. A treia categorie este NFP, care înseamnă non-profit. O comunitate locală împarte mașina pentru a schimba obiceiurile de conducere ale șoferului, în loc să închirieze mașina pentru a câștiga profit pentru aceasta.
Pe măsură ce navigăm mai departe, mașina verde pare să se deplaseze prin munți, deși drumul pare liniar. Mașina verde începe apoi să alerge peste pod în timp ce trece printr-un morman masiv de gunoi și apoi traversează stâlpul care ține steagul SUA. Există elemente grafice puternice pe pagină și există mai multe lucruri pe care un utilizator le poate face pentru a le explora. La fel ca atunci când treci cu mouse-ul peste turn, vezi cursorul mouse-ului se transformă într-o mână, sugerând că este un hyperlink.
În timp ce navighezi mai mult prin pagină, vezi nori plutind și un cimpanzeu atârnat pe turn. Vedeți opțiuni excelente de partajare a mașinii când treceți mouse-ul peste steagurile țării. Pe măsură ce mergi mai departe, descoperi că tot mai multe orașe și state au optat pentru opțiuni de partajare a mașinii. Site-ul web are un design într-un mod în care trebuie să defilați pe ecran pe orizontală, care arată diferite fapte sub formă de animații.
8. Robby Leonardi:
Robby Leonardi este un designer grafic care oferă expertiză în design grafic, ilustrare, animație și dezvoltare front end. Are multă experiență în timp ce lucrează cu industria divertismentului. A dezvoltat acest site pentru a-și prezenta CV-ul într-un mod foarte creativ.
Acest site web este similar cu site-urile web Future of Car Sharing și derulează pe orizontală, dar bara de defilare a site-ului este verticală. Puteți naviga prin site folosind tasta săgeată sus și jos. Când apăsați tasta săgeată în jos, tipul din specificații, purtând o pelerină, începe să alerge. Prima secțiune pe care o întâlniți este secțiunea „Despre”, unde are patru câmpuri Design, Ilustrație, Cod și Animație. Și își arată nivelul de expertiză prin florile care înfloresc în funcție de niveluri. De exemplu, el are experiență în design, iar apoi înflorirea florii va ajunge până la linia „Expert”, arătând că este un expert în asta.
Când mergi înainte, tipul sare peste obstacol și arată că lucrează și locuiește în New York City, unde turnurile și Statuia Libertății arată un demon care stă în interiorul lor. Mergând înainte, tipul sare din nou peste obstacol și arată că este un fan al echipei de fotbal NBA. Aici, un jucător pare să vină și să arunce o minge de baschet prin plasă.
Mergând înainte, întâlnești o secțiune de aptitudini în care numerele peștilor declară nivelul de expertiză pe care îl are, în fiecare secțiune. În aceeași parte, există o altă subsecțiune în care își evidențiază expertiza în limbaje de programare, unde crabii își arată nivelul de cunoștințe.
Mai mult, următoarea subsecțiune este despre expertiza lui în software-ul video și 3D, unde țestoasele vă arată nivelul său de expertiză în fiecare domeniu. Urmează secțiunea în care își evidențiază experiența de lucru sub formă de caracatiță și alte vehicule de apă. A doua ultima secțiune prezintă premiile și publicațiile sale pe care le-a primit până acum sub formă de etichete. Tipul sare în parașuta și zboară pe lângă etichetele care îi definesc premiile în timp ce continuă să zboare. Pe măsură ce zburați în continuare, ajungeți la sfârșitul paginii web, unde îi oferiți datele de contact și trimiteți un mesaj pentru el.
9. Ghid polonez de Crăciun:
Ghidul de Crăciun polonez este un site web care ajută oamenii de toate vârstele să știe despre Crăciunul polonez și cum îl sărbătoresc în fiecare an. Începe cu un Moș Crăciun drăguț cu o sanie pentru a transporta lucrurile de care are nevoie pentru a sărbători Crăciunul în Polonia. Copiilor le-ar plăcea acest site, în timp ce Moș Crăciun continuă să colecteze obiecte în sania lui, prezentând faptele și informațiile despre lucrurile culese și alte lucruri.
Crăciunul în Polonia reprezintă tradiția de a trimite și primi cadouri unul de la celălalt. De asemenea, menține o cultură a împărțirii mesei cu alte persoane care vă pot vizita fără notificare prealabilă în Ajunul Crăciunului. Acest site web funcționează pe ilustrație și fundal muzical. Când navigați pe site, experiența seamănă cu cea a jocului.
La sfârșitul site-ului, există un mesaj care răspândește conștientizarea despre copiii abuzați și chemarea lor de a-i ajuta pe acești copii și de a-i proteja.
10. Alpinist:
Alpinistul și-a dezvoltat site-ul web interactiv care vă spune totul despre compania creativă, numită Interactive Production Company, care produce unele dintre fantasticele produse digitale și experiențe ale utilizatorilor. Începe cu o temă unică bazată pe păduri și păduri. Cu diverse elemente care vă permit să interacționați cu ei, puteți parcurge portofoliul lor într-un mod foarte creativ. Își arată proiectele de proiectare sub formă de animații diferite prin derulare și un simplu clic al mouse-ului.
Într-unul dintre ecrane, textul apare prin mișcarea mouse-ului, ceea ce este o priveliște de văzut. Când ecranul se schimbă, acesta se descompune în pătrate diferite, cade de pe ecran și vă permite să intrați în alt ecran. Dacă doriți să construiți un site web pentru compania dvs. irelevant de ceea ce se ocupă, ar trebui să vă inspirați de la site-ul web Climber inspirat de grafică.
Concluzie:
Reprezentarea noastră a site-urilor web este cea care inspiră un designer grafic să-și scoată în evidență creativitatea și să pună cele mai bune picioare în timp ce proiectează site-ul web. Aceste tipuri de site-uri nu sunt doar o priveliște încântătoare, dar îl ajută și pe proprietarul site-ului web să mențină vizitatorul implicat și intrigat. Există atât de multe idei de design pe toate site-urile, așa cum am menționat mai sus, pe care le puteți adopta. Acestea includ animație, ecran de joc, desene animate și multe altele din care puteți lua idei.