Ten projekt to kompleksowa realizacja dla klienta z branży OZE. Przeprowadziliśmy szczegółowy research i warsztaty, a także stworzyliśmy branding i design oraz development strony internetowej w technologi Next/React/Strapi.
Wykorzystane narzędzia i technologie
Wejście w projekt
Projekt powstał na zlecenie marki Pad-Res, która jest wiodącym polskim deweloperem w sektorze czystych źródeł energii. Ich działalność skoncentrowana jest na realizacji ambitnych projektów farm fotowoltaicznych oraz wiatrowych. Po researchu dotyczącym ogólnie branży energii odnawialnej oraz analizie stron konkurencji odbyliśmy warsztaty z klientem. Po spotkaniu przeszliśmy do zarysowania architektury informacji strony oraz przygotowania makiet lo-fi z rozplanowaniem sekcji i zamakietowaniem treści, które mają znaleźć się na poszczególnych podstronach.
Praca projektowa na wielu frontach
Po zakończeniu etapu makiet niskiej szczegółowości przesziliśmy do rysowania ich już szczegółowiej, a równolegle z wyglądem strony internetowej kształtowała się cała identyfikacja wizualna marki, za którą również odpowiedzialne jest Boring Owl. Dlatego kolejne makiety, które powstały, już w kolorach, z wprowadzeniem grafiki i z przywiązaniem uwagi do detalu możemy nazwać makietami średniej szczegółowości, bo podczas pracy nad nimi jeszcze wiele założeń ulegało weryfikacji. Jest to etap, który nie zawsze występuje w naszym procesie projektowym, ale jest bardzo pomocny szczególnie przy realizacji większych, złożonych projektów.
Branding
Wraz z zaprojektowaniem logotypu marki przygotowaliśmy cały brandbook, który posłużył za równo za punkt wyjścia do zaprojektowania ostatecznej wersji layoutu strony jak i materiałów reklamowych dla klienta: wizytówek, papierów firmowych, grafik na internetowe bannery oraz szablonów prezentacji i dokumentów.
Design ostateczna wersja
Na tym samym etapie dopracowywaliśmy wygląd strony. Oprócz samej atrakcyjnej warstwy wizualnej, z której i zespół i klient był już w pełni zadowolony, zaplanowaliśmy dodatkowo wprowadzenie animacji, które zdecydowanie ożywiają stronę i angażują uwagę użytkownika od pierwszych sekund kontaktu z witryną. Polecamy przyjrzeć się realizacji, która dostępna jest już pod adresem https://www.pad-res.pl/
Stack technologiczny:
- React
- Next.js
- Strapi
- PostgreSQL
- Typescript
- GraphQL
- React hook form
- styled-components
- axios
Harmonogram projektu:
maj 2023 - research / UX / branding
czerwiec 2023 - hi-fi design
lipiec 2023 - development / wdrożenie
Poprzedni projekt
Kwant - ecommerce dla sieci hurtowni