Denip Kiosk
O projektu
Cílem této realizace bylo vytvořit uživatelsky přívětivou a vizuálně atraktivní webovou aplikaci, která umožní návštěvníkům snadno prozkoumávat produkty a služby společnosti Denip Kiosk. Důraz byl kladen na moderní design a interaktivitu, aby se zvýšila angažovanost uživatelů.
V projektu jsme se snažili zobrazit přehledně všechny produkty a služby, které Denip Kiosk nabízí.
Použité technologie
-
Headless CMS Directus: Umožňuje flexibilní správu obsahu s oddělením front-endu od back-endu, což zajišťuje rychlé načítání a snadnou údržbu.
-
Next.js: Tato framework pro React zajišťuje optimalizaci výkonu a SEO přátelský přístup díky server-side renderingu.
-
Tailwind CSS: Umožňuje rychlé a efektivní stylování s důrazem na responzivitu a moderní vzhled.
Design procesu
Design byl vytvářen ve Figmě s cílem oslovit cílovou skupinu klienta. Klíčové prvky zahrnovaly:
-
Moderní design: Využití minimalistického stylu s jasnými liniemi a příjemnou paletou barev.
-
Interkativita: Implementace videí a animací pro zvýšení atraktivity stránek.
-
Uživatelská zkušenost(UX): Důraz na intuitivní navigaci a rychlý přístup k informacím o produktech.
Vize
Naším cílem bylo vytvoření webové prezentace produktů a služeb Denip Kiosk
Celý projekt začal analýzou požadavků, analýzou konkurence a toho, co klienti hledají a chtějí.
Chtěli jsme dosáhnout těchto věcí:
- Moderně prezentovat produkty a jejich vlastnosti
- Směřovat zákazniky k zájmu o produkty a následnému zaslání poptávky
- Zlepšit konverzí poměr webu
- Posílit online viditelnost firmy prostřednictvím SEO optimalizace, rychlosti a struktůry webu
Přístup
Strategie a design
Design celé webové aplikace jsme postavili na vizuálech produtků a barvách Denipu
- Čistý minimalistický design
- Navržena přehledná cesta kategorií a produktů směřující k poptávce
- Podtržení designu referencemi a zvýrazněním, že se jedná o české produkty
- Design byl vytvořen v nástroji Figma
Technologické řešení
Jako technologie jsme zvolili náš nejnovější a nejmodernější stack:
- Headless CMS Directus: Umožňuje klientovi snadno aktualizovat obsah bez technických znalostí a bez omezení tradičních CMS systémů.
- Next.js: Poskytuje rychlý průchod stránkami, vysoké skóre v google a jednoduchou škálovatelnost projektu
- Tailwind CSS: Moderní a rychlé řešení CSS stylů pomocí preprocesoru
Výsledky
Zlepšení uživatelského zážitku
Nová webová prezentace nabízí:
- O 82% rychlejší načítání stránek
- Snížení míry okamžitého opuštění o 32%
- Prodloužení průměrné doby strávené na webu o 2,1 minuty
Celkový dojem
Nový web pro DenipKiosk.cz splnil očekávání:
- Upoutá návštěvníky produkty, kvůli kterým přišly na web.
- Podtrhuje zážite z procházení webu a směřuje k zaslání poptávkového formuláře.
- Vyladěná SEO optimalizace a rychlost pro všechny prohlížeče
Zaujal vás projekt?
Náš tým je připraven transformovat vaši webovou prezentaci stejně, jako jsme to udělali pro Denip Kiosk.
Kontaktujte nás