O projektu
Responzivní prezentační web s moderním designem
Prezentační web Rentalio své návštěvníky seznamuje se stejnojmenným projektem, který si klade za cíl zprostředkovat pronájem bytů a komunikaci mezi nájemcem a nájemníkem. Jedná se o jednoduché webové stránky, jejichž hlavním úkolem je motivovat čtenáře k objednání nabízených služeb.
Klient
Rentalio
Oblast podnikání
Nemovitosti
Funkce aplikace a systému
moderní design- responzivita
- kontaktní formulář
- pop-up okno s kontaktním formulářem
- formulář pro nacenění bytu
- interaktivní mapa se sídlem společnosti
- tři jazykové mutace
Zadání
Tým Rentalio nás oslovil s požadavkem na vytvoření návrhu jednoduchého prezentačního webu, který potenciální klienty motivuje k využití nabízených služeb.
Důležitým faktorem tak bylo vyzdvihnout všechny přednosti projektu a zaujmout návštěvníky atraktivním designem.
Technologie a služby
Technologie
Keystone.js (CMS)
React
Next.js
Služby
Návrh UI/UX designu
Tvorba webových stránek
Testování
Doba trvání projektu
3 měsíce
Tým
1 frontend vývojář, 1 backend vývojář, UX designer a projektový manažer
Tvorba webových stránek Rentalio v 9 krocích
V rámci spolupráce jsme navrhli a vytvořili moderní prezentační webové stránky, které návštěvníkům elegantním způsobem představují smysl projektu a motivují je k využití nabízených služeb.
- Prvním krokem spolupráce byla série konzultací, v rámci níž jsme si s klientem ujasnili představu ohledně struktury a obsahu jednotlivých stránek webu.
- V návaznosti na konzultaci jsme provedli průzkum trhu a konkurenčních řešení.
- Poznatky z průzkumu jsme využili při vytváření wireframu a interaktivního prototypu webových stránek, díky kterému si klient mohl jednotlivé stránky “proklikat” a vyzkoušet průchod webem.
- Po odsouhlasení prototypu a wireframu klientem následovala druhá analýza prozatímního stavu projektu, v rámci níž jsme hledali nejvhodnější technologická řešení, která nám umožní webové stránky v co nejkratším čase vypustit mezi uživatele.
- Výstupy jsme opět zkonzultovali s klientem a následně jsme dodali plán vývoje spolu s konkrétní cenovou nabídkou.
- Následovala příprava UX/UI designu webu, která již přinesla konkrétnější pohled na finální podobu webových stránek.
- V návaznosti na zvolené technologie a rozsah projektu jsme z našeho týmu vybrali vývojáře, kteří zajistili kódování frontendu i backendu webových stránek.
- Na vytvořeném produktu jsme provedli sérii testování, abychom zajistili co možná nejlepší uživatelský zážitek a optimalizovali rychlost načítání webových stránek.
- Po vychytání všech detailů jsme webové stránky nasadili mezi uživatele.
V průběhu jednotlivých kroků a fází tvorby webových stránek jsme vždy aktuální stav zasílali klientovi, aby v rámci agilního vývoje mohl vznášet připomínky.
Detail řešení
Spolupráci na tvorbě webových stránek Rentalio jsme zahájili konzultacemi, během nichž jsme společně s klientem vytvořili návrh struktury webu. Následně jsme provedli průzkum konkurenčních nástrojů, abychom objevili 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.
