Web pro lídra trhu.
Pixxla ja mladý a nadějný startup na trhu mobilních saun. Jejich zajímavý byznys model, kombinující B2C a B2B mají chuť expandovat do zahraničí. Měli jsme možnost být u expanze do GB a nyní vyhlížíme další země.
Problém
Pixxla ještě před půl rokem neměla sjednocený branding a weby. Provozovali několik provizorních stránek. K expanzi do zahraničí bylo potřeba dát tyto věci do kupy. Přišli jsme již ke skvěle zhotovenému UX/UI designu od Adriána Jarabinského. Tím pádem jsme se mohli hned pustit do vývoje.
Plán
Pro tento projekt se skvěle hodila Webflow. Už od začátku jsme díky ní mohli ušetřit spoustu času a zároveň nás neomezovala z hlediska funkčnosti. Zvolili jsme práci s nativní lokalizací. Součástí projektu byla i robusní struktura několika redakčního systému, důležitá například pro konfigurátor. Cílem bylo zároveň umožnit efektivní a jednoduchý management obsahu webu.
Webflow
Celý projekt běží na Webflow a jejich redakčním systému. Jedná se o robustní systém. Projekt jsme postavili na ClientFirst framework, díky čemuž je otevřený dalším úpravám. U projektu jsme použili komponenty, umožňující rychlé změny a editaci. Pixxla je skvělý příklad projektu, který se přesně pro Webflow hodí. Je dostatečně velký na to, aby se daly využít výhody Webflow ale není tak komplexní, aby bylo nutné psát ho na vlastním kódu.
Vlastní kód
U několika funkcí jsme museli nasadit vlastní kód. Kód je napsán samozřejmě v JavaScriptu. Umožňuje například automatické přesměrování pomocí IP adresy, přijímaní aktuálních dat pomocí API a další zajímavé funkce. Vlastním kódem jsme obešli (a vylepšili) různé zpoplatněné funkce. Tím se nám mimo jiné podařilo ušetřit stovky eur ročně.
Nejzajímavější funkce:
1. Konfigurátor saun
2. IP Přesměrování
3. API aktuálního počasí
4. Lokalizace
5. Custom animace
6. Zvuk v pozadí
Samotný web byl rozdělen do dvou částí - B2B a B2C. Záměrem bylo automaticky směřovat možné franšízisty ze zahraničí na B2B sektor, kde můžou najít například konfigurátor, nebo ROI kalkulaci. B2C zákazníci si mohou naopak projít a zarezervovat každou saunu v nabídce.
K Webflow vývoji používáme ClientFirst framework. Proč? Jedná se o nejrozšířenější framework, který umožňuje stavět v úhledném kódu. U low-code řešení jako je Webflow se framework často nepoužívá a každá firma má své vlastní procesy. To může být ale pro klienta a produkt velmi nebezpečné. V takovém projektu se totiž nikdo jiný nikdy nevyzná.
"Implementace geo-lokalizace umožňuje automatické přesměrování uživatelů na lokalizovanou verzi webu na základě jejich geografické polohy získané pomocí FreeIPAPI a manuální volbu preferované lokalizace pomocí localStorage. Tímto jsme dosáhli efektivního uživatelského zážitku, zároveň jsme eliminovali roční náklad přibližně 600 € za Webflow lokalizační služby."
Rychlost
Jedná se o složitější web, tím pádem musí trvat roky ho načíst, ne? Ne. Performance se pohybuje mezi 95-100% na telefonu a desktopu. To pomůže nejen uživatelskému komfortu, ale i pozici ve vyhledávači. Rychlost není dobré u projektů podceňovat. Jako základ doporučujeme zkontrolovat, že máte obrázky v webp (Web picture) formátu, ideálně pod 200kb. Dalším krokem byl u nás uhlazený kód, bez zbytečných CSS tříd, JavaScript souborů a přebytečných animací. Minimalizovali jsme počet částí, které jsou tvořeny pro počítač a telefon zvlášť a zabírají tak dvojnásobek místa.
Závěr
S Pixxlou se nám podařilo vyvinout skvělý web, který je nepostradatelnou součástí pro jejich plány a další vývoj. Ze spolupráce jsme nadšení. Skvěle fungovalo vzájemné doplňování a řešení problematických situací. Těšíme se na pokračování a rozšíření spolupráce do dalších segmentů, jako může být například B2B a B2C marketing.
"Spolupracoval som s Weblify na výrobe webu na platforme Webflow. Rýchlo pochopili moje požiadavky a preukázali mimoriadnu profesionalitu a zručnosť. Výsledok bol nad moje očakávania a všetko bolo dokončené v termíne. Odporúčam ich každému, kto hľadá spoľahlivý web development tím."
Lukáš Kubica
CEO & Zakladatel - Pixxla
Kontakt
Pojďme společně nakopnout i Váš Webflow projekt.
Sdělte nám Vaši vizi a my ji přeměníme v realitu.
Mrkněte na sociální sítě
