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. 

Screenshot 2023-12-13 at 16.20.17.png

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.

 Screenshot 2023-12-13 at 16.22.12.png

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.

brand book.png

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/

 

screens_38f723d208.jpg

header.png

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

Zobacz projekt LIVE