Etapy prac

1. Organizacja projektu

  • Definicja projektu: cele strategiczne,
    odbiorcy docelowi, konkurencja.
  • Określenie zakresu i harmonogramu projektu.
  • Zebranie materiałów na stronę od Zamawiającego.

2. Makiety i architektura treści

Określenie mapy witryny oraz stworzenie
makiet szkieletowych strony, które:

  • — pokazują umiejscowienie nawigacji,
  • — definiują hierarchizację wszystkich elementów,
  • — wyjaśniają interakcje elementów z użytkownikiem.

Stopień szczegółowości makiet uzależniony jest od
stopnia skomplikowania całego projektu. Projekt
makiet realizowany jest w programie Figma.

3. Projektowanie graficzne (visual design)

  1. Stworzenie ogólnego stylu wizualnego w oparciu
    o kilka wybranych podstron, zawierającego:
    — krój pisma i skali typograficznej,
    — paletę kolorystyczną,
    — layout strony (grid, siatka modułowa),
    — styl wizualny dla elementów graficznych.
  2. Stworzenie projektu graficznego dla wszystkich
    podstron w oparciu o dwie rozdzielczości:
    — najbardziej popularna rozdzielczość na urządzenia mobilne,
    — najbardziej popularna rozdzielczość na monitory desktop.

Projekt powstaje w oparciu o przyjęte założenia projektu
oraz jest spójny z identyfikacją wizualną firmy. W ramach
projektu zagwarantowane jest użycie fontów i innych
materiałów graficznych na odpowiedniej licencji.

Layout graficzny powstaje w programie Figma i obejmuje wykonanie
interaktywnego prototypu do „przeklikania” w przeglądarce.