Początek: Wyzwanie branżowe
Przyszedł do mnie klient, który chciał stronę dla swojej firmy dźwigowej. Głównym wymaganiem była elastyczność – strona musiała pozwalać na łatwe dodawanie kolejnego sprzętu w przyszłości, bo firma dopiero zaczynała od jednej maszyny.
Analiza konkurencji i „paradoks autentyczności”
Po analizie konkurencji zauważyłem coś ciekawego. Większość stron w tej branży jest do bólu prosta, słabo ostylowana i ma problemy z przejrzystym przedstawianiem informacji. Jednak po chwili zrozumiałem, że to może być bardzo skuteczne sprzedażowo. Strony w branży budowlanej wyglądają jak z 2010 roku, ale dla klienta są autentyczne. Polski przedsiębiorca jest do tego przyzwyczajony – taka strona mówi mu: „to jest fachowiec, a nie korporacyjna wydmuszka”.
To zrodziło kluczowy problem do rozwiązania: jak przedstawić ofertę w sposób przystępny i nowoczesny, jednocześnie zachowując zaufanie, które buduje „surowość” branży?
Wireframe i architektura informacji
Jak zawsze zamiast myśleć o kolorach, zacząłem od analizy treści. Opracowałem schemat wszystkich parametrów, które musi zawierać maszyna na wynajem. Musiałem ustalić, jakie dane są kluczowe dla inżyniera szukającego sprzętu, aby prezentacja była czytelna i szybka.
Po ustaleniu hierarchii przeszedłem do doboru czcionki, kolorów oraz ogólnego odczucia jakie ma wywołać strona (choć po samym wireframe było już widać że będzie to techniczny brutalizm).
Design
Kiedy przeszedłem do designu, uznałem, że styl, który pozwoli zachować spójność i przejrzystość, musi przypominać tabelę specyfikacji. Dzięki temu klient szukający dźwigu błyskawicznie może sprawdzić parametry. Dlatego sekcja z dźwigami wylądowała zaraz pod Hero, bez zbędnego „lania wody”.
Tekstury, beton, stal – „twarde” odczucie
Wykończenie, techniczny sznyt jak ze specyfikacji maszyny
Czcionka Saira, wyglądająca wręcz „blokowo”
Końcowy styl sekcji
Poniżej 3 sekcje oddające wypracowany styl
Technologia: Sanity i samodzielność klienta
Opracowany schemat danych przełożyłem na strukturę w Sanity. Dzięki temu klient może samodzielnie zarządzać ofertą - dodanie dźwigu sprawia że na stronie jest tworzona jego podstrona.
Aby klient mógł w pełni zarządzać stroną, napisałem też instrukcję obsługi panelu oraz tego, jak dodawać kolejny sprzęt.