Zakbud
ŻAK BUD to firma budowlana z Radomia. Oferuje budowę domów, remonty i wykończenia. Nowa strona miała podkreślać usługi o wysokiej wartości, takie jak ocieplanie domów i tynkowanie, które są głównym źródłem pozyskiwania klientów.
- Budzić zaufanie i podkreślać profesjonalizm.
- Pokazywać kluczowe usługi
- Być nowoczesna
Struktura UX
Projekt rozpoczął się od blueprintu UX. Stworzyłem niskofidelityjną mapę strony, obejmującą kluczowe sekcje: hero/banner, usługi, galerię projektów, opinie klientów, o nas oraz kontakt. Obejmowało to również wstępne opracowanie tekstów, aby upewnić się, że hierarchia treści jest logiczna i odwiedzający szybko znajdą potrzebne informacje.
Makiety funkcjonalne i copywriting
Po ustaleniu struktury przystąpiłem do tworzenia niskofidelityjnych makiet funkcjonalnych. Makiety te określały rozmieszczenie treści, odstępy i przepływ strony, bez zagłębiania się w kwestie wizualne. Na tym etapie dopracowałem też teksty, podkreślając rzemieślniczą jakość firmy, niezawodność oraz otwartą komunikację.
Opinie klientów zostały umieszczone w widocznym miejscu, aby wzmocnić zaufanie, a opisy usług pozostały zwięzłe i nastawione na korzyści dla odbiorcy.
High-fidelity design
Gdy makiety zostały zatwierdzone, przeniosłem wizję do Figma. Paleta kolorów inspirowana była branżą budowlaną – ciepłe odcienie pomarańczowego zestawione z neutralnymi szarościami – a wzory w kropki, przypominające materiały budowlane, wprowadzały teksturę i spójność.
Do autentyczności wykorzystano zdjęcia rzeczywistych projektów, a typografia była przejrzysta i czytelna. Zaprojektowano również interaktywne stany (efekty hover, przyciski) w sposób intuicyjny. Ta faza pozwoliła klientowi zobaczyć niemal finalną wersję strony i wprowadzić drobne poprawki przed etapem developmentu.
Webflow Development
Po zatwierdzeniu projektu high‑fi przystąpiłem do pracy w Webflow. Najpierw zbudowałem ogólną strukturę globalne klasy, kontenery i responsywną siatkę, a następnie zastosowałem stylizację określoną w Figma. Każda sekcja usług została zbudowana przy użyciu komponentów wielokrotnego użytku, dzięki czemu klient może łatwo aktualizować lub rozbudowywać treści. Kluczowe zadania techniczne obejmowały:
- Subtelne efekty zanikania i przesuwania, które wzbogacają doświadczenie użytkownika, nie spowalniając przy tym strony.
- Semantyczne nazewnictwo klas, opisowe tytuły meta, tagi alt i opisy meta; obrazy zostały skompresowane i odpowiednio opisane, aby wspierać widoczność w wyszukiwarkach.
Testowanie, uruchomienie
i opinie klienta
Po zakończeniu developmentu przeprowadziłem testy międzyprzeglądarkowe i na różnych urządzeniach, aby upewnić się, że strona wygląda dobrze zarówno na desktopie, jak i na urządzeniach mobilnych. Sprawdziłem również czas ładowania i dopracowałem animacje, aby zachować wydajność.
W ciągu około 1,5 tygodnia od rozpoczęcia projektu strona została uruchomiona. Nowa witryna jasno prezentuje usługi ŻAK BUD, buduje zaufanie dzięki opiniom klientów oraz podkreśla doświadczenie i wartości firmy, zachowując spójną tożsamość wizualną zgodną z branżą budowlaną.
