Webfejlesztés Webflowban, Figma terv alapján.
Projekt részletek
A projektről:
Weboldalt készítettünk a UX Quest verseny népszerűsítésére, amely bemutatja az eredményeket és rangsorokat. A Figma-tervből kiindulva pixelpontos, teljesen reszponzív Webflow-oldalt hoztunk létre. A látogatói élményt finom, dinamikus GSAP animációkkal gazdagítottuk. Egy külső CMS-t integráltunk, amely valós időben jeleníti meg az aktuális rangsorokat, valamint egy egyedi keresőfunkciót is fejlesztettünk, hogy a látogatók könnyen megtalálják a résztvevőket.
Eredmények:
- Webflow weboldal
- Haladó animáció
- Külső CMS integráció és kereső
Technológiák:
Színséma:
#1F1638
#21173D
#4104F0
#6C39FB
#803ED9
#FFFFFF
Célkitűzés
Egy figyelemfelkeltő, modern és interaktív weboldal létrehozása, amely méltó módon mutatja be a UX Quest designversenyt. A cél az volt, hogy élő adatokat jelenítsünk meg egy külső CMS-ből, és olyan keresőfunkciót kínáljunk, amellyel könnyen megtalálhatók a versenyzők.
Kihívások
- A részletgazdag Figma-terv pixelpontos, reszponzív átalakítása Webflow-ban.
- GSAP animációk megvalósítása, amelyek fokozzák a látogatói élményt, de nem lassítják az oldalt.
- Külső CMS integrálása, amely a folyamatosan frissülő rangsort zökkenőmentesen jeleníti meg.
- Egyedi kereső létrehozása, amely azonnali találatokat ad név vagy csapat alapján.
- Az animációk és a teljesítmény közötti egyensúly megőrzése, hogy az oldal gyors és akadálymentes maradjon.
Megközelítés
Pixelpontos Webflow-fejlesztés
Webflow és egyedi kód segítségével pontosan lekövettük a Figma-tervet, minden képernyőmérethez igazítva.
Letisztult animációk
GSAP alapú animációkkal tettük élővé az oldalt, amelyek finoman vezetik végig a látogatót a tartalmakon, anélkül hogy túlterhelnék az oldalt.
Külső CMS kapcsolódás
Zökkenőmentesen összekapcsoltuk a weboldalt az ügyfél CMS-ével, így a rangsorok automatikusan, valós időben frissülnek.
Interaktív kereső
JavaScript-alapú keresőt építettünk, amely gyorsan szűri a versenyzőket név vagy csapat szerint – azonnali találatokkal.
Összegzés
A UX Quest weboldal egy letisztult, mozgásban lévő felület, amely kiemeli a verseny színvonalát. A dinamikus rangsorok, az azonnali keresés és az átgondolt animációk együttese nemcsak informálnak, hanem élményt is nyújtanak – modern, professzionális és felhasználóbarát formában.
Életre keltjük elképzelését
Emelje magasabb szintre digitális jelenlétét professzionális webdesign és fejlesztési szolgáltatásainkkal.
Kezdjük el most!