Mobilna Oaza
Projekt i wdrożenie strony wizytówki
Wykonaliśmy pełny cykl: kierunek wizualny, projekt graficzny, kod i uruchomienie. Stronę zbudowaliśmy w Next.js i TypeScripcie, wystawiliśmy na Vercel i podpięliśmy pod panel Optiweb CMS. Zaprojektowaliśmy sekcje sprzedażowe z kartami produktów i porównaniem parametrów, osobną podstronę cennika z kilkoma wariantami stawek, galerię rozbitą na pięć zestawów tematycznych oraz blog z kategoriami i tagami. Każdą sekcję sprawdzaliśmy na wąskim ekranie, zanim trafiła do kodu. Całość klient prowadzi dalej sam.
Wykorzystane technologie
Zakres prac przy tej stronie
Zadanie polegało na sprzedaniu usługi, której nie da się streścić jednym zdaniem: cztery różne pozycje w ofercie, cennik zależny od trzech zmiennych i koszt transportu liczony od kilometra. Do tego karta stałego klienta, bon podarunkowy i obszar dowozu, które też musiały znaleźć miejsce w układzie strony.
Etapy realizacji
Zaczęliśmy od ustalenia palety i typografii. Postawiliśmy na ciepłe, stonowane barwy budujące skojarzenie z odpoczynkiem, żeby strona nie czytała się jak wypożyczalnia sprzętu. Ten kierunek przeszedł potem na wszystkie podstrony, cennik i blog.
Zaprojektowaliśmy karty produktu z kompletem parametrów: liczbą osób, wyposażeniem, sposobem ogrzewania i ceną za dobę. Dołożyliśmy do nich autorski komponent porównujący cztery pozycje z oferty na jednej osi, żeby różnica między nimi była czytelna bez czytania opisów.
Rozbiliśmy stawki na warianty dnia tygodnia, komplety oraz wynajem weekendowy i tygodniowy, a koszty dodatkowe wydzieliliśmy do osobnego bloku. Tabela musiała zmieścić kilka zmiennych i pozostać czytelna na telefonie, więc na wąskim ekranie przechodzi w listę.
Zamiast jednej wspólnej siatki zbudowaliśmy pięć zestawów zdjęć, po jednym na pozycję z oferty i jeden na aranżację całości. Odwiedzający ogląda konkretny sprzęt, zamiast przewijać wszystko po kolei.
Uruchomiliśmy moduł bloga z kategoriami, tagami i przełącznikiem widoku kart oraz listy. Przygotowaliśmy go pod treści poradnikowe, czyli pod długoterminowe budowanie ruchu z wyszukiwarki, a nie tylko pod aktualności.
Serwis wystawiliśmy na Vercel i podpięliśmy do panelu Optiweb CMS. Opisy sprzętu, cennik, zdjęcia w galerii i wpisy blogowe właściciel prowadzi samodzielnie, bez naszego udziału i bez znajomości kodu. Pliki graficzne trzymamy w magazynie Supabase.
Zamów bezpłatną konsultację
Zadaj nam dowolne pytanie, wystarczy, że klikniesz poniższy przycisk i skontaktujesz się z jednym z naszych specjalistów.