Rentalio

Následně jsme provedli průzkum konkurenčních nástrojů a shrnuli jejich klady a zápory. Poznatky z úvodních setkání a analýzy trhu jsme shrnuli do wireframu, který nám podal konkrétnější obraz o struktuře jednotlivých stránek.

Wireframe jsme opět konzultovali s klientem a po odsouhlasení vytvořili prototyp, který klientovi znázornil provázanost jednotlivých stránek. Díky prototypu pak klient a následně vývojář věděl, kam přesně odkazuje které tlačítko a mohl si na vlastní kůži vyzkoušet intuitivnost používání webu.

Jakmile jsme měli jasnou představu o struktuře a znali jsme počet jednotlivých stránek, přišel na řadu výběr technologií a návrh UI designu.

Vzhledem k rozsahu projektu bylo jasné, že musíme zvolit řešení, které nám umožní stránky vytvořit co nejrychleji a nejjednodušeji, jelikož projekt nemá žádné specifické vlastnosti ani nároky na funkcionalitu. Zvolili jsme proto Keystone.js, který umožňuje rychle vytvořit jednoduché CMS (rozhraní administrace webu), Next.js pro zajištění backendu webu a knihovnu React ke kódování uživatelského rozhraní.

Zvolením těchto nástrojů jsme získali lepší představu o délce trvání a náročnosti práce na projektu, díky čemuž jsme klientovi mohli zaslat cenovou nabídku a plán vývoje. Po jejich schválení přišla na řadu práce na grafickém návrhu webu.

V rámci přípravy návrhu uživatelského rozhraní jsme se zaměřili zejména na způsob prezentace jednotlivých informací a konverzní prvky. Zvolili jsme minimalistický styl, který stručně avšak srozumitelně vysvětluje cíle a princip nabízených služeb. Konverzní prvky jsme zvolili dva:

• Kontaktní formulář (klasický a formou pop-up okna), který návštěvník využívá ke sjednání konzultace.
• Formulář pro nacenění bytu, který klientovi (Rentalio) slouží jako prostředek ke sběru e-mailových adres a otevírá dveře do světa e-mailového marketingu.

Po schválení návrhu přišlo na řadu samotné kódování. Vývojáři postupně vytvořili jednotlivé komponenty uživatelského rozhraní a napojili je na backend. Následně stránky optimalizovali v oblasti rychlosti načítání webu a responzivního designu, aby bylo možné web pohodlně používat na zařízeních různých úhlopříček.