Najpierw zdjęcia, potem cena, na końcu zamówienie
Całość zmieściliśmy na jednym landing page'u i ułożyliśmy sekcje w kolejności, w jakiej odwiedzający podejmuje decyzję. Do tego układu doszliśmy w kilku krokach. Zaczęliśmy od warsztatów z Michałem, na których omówiliśmy cele strony, jego potrzeby i grupę docelową. Potem przeszliśmy przez trzy etapy:
- Wstępny prototyp
Na podstawie ustaleń z warsztatów przygotowaliśmy prototyp strony i dopiero na nim oparliśmy projekt graficzny. - Projekt graficzny w stylu Michała
Makiety utrzymaliśmy w stylistyce, którą wybrał Michał: minimalistycznej, z lekko zaokrąglonymi rogami i stonowanymi kolorami. Biel i beżowe akcenty nie odciągają uwagi od zdjęć. - Wdrożenie z panelem do zarządzania cennikiem
Stronę zbudowaliśmy w Astro, a galerię, cennik i okno zamówienia jako komponenty React. Cennik i obsługę zamówień oparliśmy na WordPressie, w którym Michał sam zmienia ceny.
Realizacje widać od pierwszej sekcji
Stronę otwierają dwa rzędy zdjęć przesuwające się w przeciwnych kierunkach: wnętrza, domy z lotu drona, lokale usługowe. Niżej każda usługa ma własną sekcję ze zdjęciem albo osadzonym spacerem 3D i trzema punktami, na przykład o sprzęcie czy licencji operatora drona.
Galeria ma te same kategorie co oferta
Zakładki Wnętrza, Z zewnątrz, Z drona, Dla firm i Spacer 3D powtarzają podział oferty, więc odwiedzający od razu ogląda zdjęcia z usługi, której szuka. Agent nieruchomości zainteresowany ujęciami z drona nie musi przewijać zdjęć sypialni.
Odwiedzający sam składa pakiet i od razu widzi cenę
Cennik ma cztery pakiety według metrażu, od kawalerki do domów powyżej 100 m². W każdym można zaznaczyć dodatki: zdjęcia z drona, spacer wirtualny i realizację w 24 godziny. Przycisk Zamów otwiera okno, w którym suma rośnie z każdym dodatkiem. Żeby wysłać zamówienie, wystarczy podać telefon i e-mail. Michał dostaje mailem wybrany pakiet z dodatkami i kwotą, więc od razu wie, czego dotyczy zlecenie.
Telefon jest pod ręką na całej stronie
Numer jest w przyklejonym nagłówku, który zostaje na górze ekranu przy przewijaniu, i wraca jeszcze cztery razy w treści, najczęściej obok przycisku Cennik. Na smartfonie wystarczy go kliknąć, żeby zadzwonić. Firmy, które szukają stałej współpracy, mają pod cennikiem osobną sekcję z telefonem i mailem.
