30 de exemple frumoase de site-uri web create cu Webflow Site Builder (2023)
Publicat: 2023-04-25Webflow este un instrument vizual de proiectare web în browser, care le permite utilizatorilor să creeze site-uri web fără nicio codificare, folosind o interfață de tip drag-and-drop, care va arăta familiară utilizatorilor Photoshop. Site-urile web create în Webflow funcționează ca orice site web personalizat și pot fi create dintr-un șablon preexistent sau proiectate de la zero.
Creatorii de site-uri web precum Squarespace și Wix sunt utili pentru începătorii completi, dar sunt restrictivi pentru persoanele care au abilitățile de proiectare pentru a crea un site web grozav, dar nu au abilitățile de codare. Majoritatea creatorilor de site-uri web drag-and-drop nu au, de asemenea, capabilitățile CMS ale platformelor precum WordPress. Webflow este o încercare ambițioasă de a reduce decalajul dintre aceste instrumente diferite.
Webflow este un instrument vizual care produce site-uri web care sunt codificate corect într-un mod care este curat, cu încărcare rapidă și receptiv. Acest lucru este neobișnuit, deoarece creatorii de site-uri vizuale prin glisare și plasare sunt cunoscuți pentru producerea de coduri umflate și site-uri web care se încarcă lent.
În plus, Webflow oferă găzduire pentru site-ul dvs., inclusiv zone de pregătire și SSL, astfel încât tot ce aveți nevoie pentru a vă conecta site-ul este un nume de domeniu.
Vrei să încerci Webflow? Puteți folosi platforma gratuit atâta timp cât doriți și plătiți numai când sunteți gata să vă lansați site-ul. Vă puteți înscrie aici.
Cel mai bun mod de a vedea ce este posibil este să vă uitați la câteva exemple de site-uri web construite în Webflow. Următoarele 30 de site-uri web au fost special alese de noi pentru a demonstra flexibilitatea, puterea și creativitatea platformei Webflow.
1. Apa este un drept al omului
Această pagină de campanie lansată de Ziua Mondială a Apei folosește efecte de animație îndrăznețe pentru a atrage privirea asupra faptelor și cifrelor într-un mod mult mai eficient decât ar face-o un design static.
2. Cercul
Circle este o platformă de învățare online care ajută întreprinderile mici și antreprenorii solo să învețe despre WordPress și comerțul electronic. Schema de culori pastelate și ilustrațiile atractive conferă site-ului o senzație primitoare și accesibilă.
3. Zyrkle
Webflow este platforma ideală pentru site-ul web pentru a prezenta activitatea de producție a sunetului și luminii Zyrkle. Designul simplu are un impact mare cu videoclipuri pe ecran complet și efecte de defilare atrăgătoare.
3. Matteo Fabbiani
Designerul de marcă italian Matteo Fabbiani folosește elemente de design dinamic ale site-ului său web create în Webflow pentru a oglindi propriile sale procese de lucru. Pagina sa „despre” merită cu siguranță o privire, cu o cronologie vizuală impresionantă a istoriei carierei sale.
4. Mermarche
Prezentând capacitățile Webflow pentru site-urile de comerț electronic, marca de frumusețe Mermarche se lipește de o paletă de culori pământești și se concentrează pe tipografie pentru un aspect general clasic și feminin.
5. Tennessee Cider Company
Poate părea că toate site-urile Webflow sunt pline de animații și efecte speciale, dar site-ul Tennessee Cider Company este un exemplu grozav de site simplu de marcă care funcționează cu adevărat. Un coș de cumpărături ușor de utilizat și o hartă care arată locațiile de livrare facilitează cumpărăturile online.
6. Logica tineretului
Agenția Gen Z Youth Logic folosește o schemă simplă de culori și o grafică retro pentru a ieși în evidență față de concurenții săi. Efectele subtile de defilare încurajează cititorul să rămână pe pagină. Un ecran de diapozitiv albastru pe fiecare pagină care se încarcă empasizează brandingul pentru a-l face mai memorabil.
7. Plantabil
Plantible este o companie de biologie cu misiunea de a îmbunătăți sănătatea și longevitatea rasei umane prin alimente pe bază de plante. Schema de culori proaspătă și imaginile curate oferă site-ului o senzație modernă și progresivă, care nu este plictisitoare de navigat
8. Contor
Webflow este un instrument de design, dar funcționează la fel de bine pentru site-urile web de afaceri, precum și pentru site-urile creative. Designul lung de defilare folosit de compania de internet Meter prezintă efectele de animație ale Webflow cu un design curat, ușor de navigat.
9. Emma.ca
Emma este o companie canadiană de asigurări de viață care utilizează Webflow pentru a-și construi și găzdui site-ul web atât în versiunea în engleză, cât și în franceză. Site-ul include o bază de date cu nume de bebeluși construită pe Webflow CMS pentru a atrage traficul motorului de căutare de la baza lor principală de clienți – proaspete și viitoare mame.
10. Aventure neobișnuite
Firma de capital de risc Unusual Ventures folosește ilustrații unice și efecte animate pentru a ieși în evidență față de concurenții săi cu un site web memorabil, care oferă, de asemenea, o experiență excelentă pentru utilizator.
11. Olivere
Acest site unic și distractiv de portofoliu Webflow folosește efecte de defilare a animației într-un format de povestire pentru a menține timpul ridicat pe pagină și a ieși în evidență față de concurență.
12. Fotografie Mack & Pouya
Site-urile web pentru fotografi de nuntă urmează adesea un design formulaic, dar nu acesta! Toată lumea își dorește ca nunta lor să fie unică și prin evidențierea mărcii sale ciudate cu acest design luminos și retro, Mack & Pouya se disting de alți fotografi. Acest site Webflow include, de asemenea, un calculator interactiv inovator de prețuri.
13. Flux web în 2022
Dacă doriți să obțineți o imagine de ansamblu bună asupra a ceea ce este posibil în Webflow, merită să consultați acest site de recenzii din 2022 de către echipa Webflow, complet cu site-uri web recente realizate în Webflow, culori psihedelice, efecte de hover, grafică animată activată prin defilare și statistici din abundență.
14. Oreo The Playful Network
La începutul blocării din cauza pandemiei de COVID-19, Oreo a lansat o campanie publicitară parodică care a luat joc de afirmațiile făcute de companiile de televiziune. Site-ul web, realizat în Webflow, este eficient în consolidarea mărcii Oreo și în construirea traficului social cu jocuri și rețete distractive.
15. Districtul Coroanei
Districtul Crown utilizează videoclipuri pe ecran complet și blocuri de text animate pentru a crea un site web atractiv și invitant de explorat. Întregul site web poate fi deschis în backend Webflow, astfel încât să puteți vedea cum este asamblat.
16. Michael Kors
Michael Kors este unul dintre numeroasele mărci de renume care utilizează Webflow pentru site-ul său oficial. Site-ul oferă mai multe stiluri de galerii de imagini și un banner video pe ecran complet.
17. Dwellito
Dwellito este o piață online pentru case prefabricate. Designul site-ului folosește o imagine pe ecran complet pentru a-și arăta produsul, cu un aspect clar și simplu bazat pe grilă pentru navigare și cumpărături.
18. Instrumentul Pen
Instrumentul Pen creează un aspect simplu și static, cu culori îndrăznețe și tipografie, un cursor animat personalizat și efecte de hover. Rezultatul este o potrivire perfectă pentru piața țintă de reclame.
19. De Alice Lee
Ilustratoarea Alice Lee folosește un design minimal al site-ului pentru a menține atenția asupra portofoliului ei capricios. Un efect de paralaxă asupra imaginii eroului păstrează atenția utilizatorului mai mult timp.
20. Fotografie Emma Rose
Acest design de portofoliu Webflow folosește imagini stratificate și efecte de defilare paralaxă pentru a aduce viață lucrării fotografului Emma Rose. Un meniu subtil face legătura cu paginile informaționale, în timp ce categoriile de portofoliu sunt afișate în blocuri de culoare îndrăznețe.
22. Ujet
Animațiile și efectele de defilare ale Webflow sunt perfecte pentru site-ul web al mărcii inovatoare de scutere Ujet. Între timp, navigarea este clară, ușor de utilizat și vizibilă în orice moment.
22. Patiseria Kubo
Kubo Patisserie folosește o fotografie curată și luminoasă și un design minimal al site-ului pentru a crea un site web primitor, care prezintă perfect prăjiturile delicioase ale mărcii. Există o mulțime de gânduri care au trecut în fiecare pagină de produs individuală de pe acest site de comerț electronic.
23. Goonies
Acest site de fani dedicat filmului The Goonies folosește animație și efecte de defilare pentru a crea o experiență complet captivantă pentru utilizator.
24. Apelați la curaj
Call On Courage este parțial portofoliu, parțial magazin online, cu o utilizare inteligentă a videoclipurilor pentru a atrage atenția asupra diferitelor elemente. Deosebit de eficient este butonul „Vorbește cu mine” cu un videoclip de fundal cu proprietarul site-ului vorbind.
25. China digitală
Depășind limitele designului web, acest mini-site care face publicitate unui program de afaceri de la Universitatea de Științe Aplicate din Utrecht folosește ilustrații în stilul jocurilor video și efecte de tip hover pentru a aduce distracție și interes tipului de informații care ar fi afișate în mod normal într-o companie standard. aspect.
26. Gros și subțire
Acest site jucăuș și plin de culoare încarcă secțiuni pe ecran complet la încărcare, făcând experiența de navigare pe site similară cu cea a răsfoirii unei reviste. Animațiile și videoclipurile distractive oferă, de asemenea, o experiență mai interactivă și mai captivantă.
27. Ls Graphics
Această piață digitală pentru machete și ilustrații folosește un design curat bazat pe grilă pentru a-și prezenta produsele fără animații care distrag atenția sau efecte de defilare.
28. Serviți
Site-ul web al acestei agenții de tipărire și design web folosește ilustrații cu efecte subtile de defilare paralaxă pentru a atrage atenția în jos pe pagină la conținutul lor prezentat. Un design web minimal menține concentrarea pe muncă.
29. Discoteca
Platforma de cultură corporativă Disco folosește ilustrații distractive și efecte de tranziție pentru a aduce viață site-ului său. Schema rezervată de culori albastru și alb și aspectul fără prostii echilibrează lucrurile, astfel încât să nu pară imatur.
30. Fluxul zilei
Site-ul web Dayflow este un alt exemplu al modului în care Webflow este o potrivire perfectă pentru ilustratori și alți creative, oferindu-le puterea de a crea site-uri web care să-și arate munca fără a avea nevoie de abilități de codare.