30 de exemple frumoase de site-uri web create cu Webflow Site Builder (2023)

Publicat: 2023-04-25

Webflow 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

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

Site-ul Circle Webflow

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

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

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

Site Mermarche realizat în Webflow

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

Compania de cidru din Tennessee

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

Site de logică pentru tineret realizat în Webflow

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

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

Metru

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

Site-ul Emma Webflow

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

Afaceri 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

Oliver

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

Fotografie Mack și 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

Site-uri webflow din 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

Oreo Rețeaua Jucăușă

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 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

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

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 stilou

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

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

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

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

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

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

Apel 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ă

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

Gros si subtire

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

Site-ul LS Graphics Webflow

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

Servi

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

Discotecă

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

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.