Webdesign
Od briefu do działającej strony. I dalej.
Strona rzadko zawodzi przez wygląd. Częściej przez to, że nie wiadomo, co czytać najpierw, dokąd prowadzi kolejny krok i po co właściwie ktoś tu przyszedł.
Dlatego zaczynamy od architektury i treści, a ekrany projektujemy później. Animacja i detal wchodzą na końcu, kiedy wiadomo już, czemu mają służyć.
Strona nie kończy się w dniu uruchomienia. Zostajemy przy niej: mierzymy, aktualizujemy treść i wprowadzamy zmiany, których nie dało się przewidzieć na etapie projektu.
Ta strona jest tego przykładem: zaprojektowaliśmy ją, zbudowaliśmy i prowadzimy sami.
- 01
Podejście
Każdą stronę budujemy od zera, pod konkretny biznes. Ten sam zespół projektuje, wdraża, mierzy i wprowadza zmiany.
- Struktura i treść powstają przed układem ekranu.
- Jeden zespół prowadzi całość: brief, projekt, wdrożenie, utrzymanie.
- Każda strona powstaje od zera, z funkcjami dobranymi do biznesu.
- 02
Zakres
Brief i architektura
Cel strony, odbiorcy, zakres funkcji, struktura, ścieżki użytkownika i teksty
Projekt interfejsu
Layout, typografia, kolor, komponenty i stany
Wdrożenie i uruchomienie
Budowa od zera, panel do edycji treści, testy, wydajność i dostępność
Utrzymanie i rozwój
Aktualizacje treści, nowe sekcje, monitoring wydajności i bieżące poprawki
- 03
Proces
Brief
Cel strony i decyzje, które ma ułatwić, ustalamy przed pierwszym szkicem.
Struktura i projekt
Interfejs wyrasta z architektury i systemu marki.
Wdrożenie
Uruchamiamy stronę na docelowej platformie i sprawdzamy wydajność.
Utrzymanie
Po starcie zostają pomiary i zmiany wprowadzane w miarę potrzeb.
- 04
Rezultat
- Za całość projektu odpowiada jeden zespół.
- Projekt i kod powstają od zera, pod konkretną markę i jej model działania.
- Układ powstaje pod gotową treść, w jej rzeczywistej długości.
- Stronę możemy utrzymywać i rozwijać albo przekazać zespołowi wraz z zasadami.
- 05
Pytania
Całą drogę od briefu do działającej strony: strategię treści, architekturę, projekt, wdrożenie i uruchomienie. Po starcie możemy stronę utrzymywać i rozwijać albo przekazać ją waszemu zespołowi wraz z komponentami i zasadami.
Budujemy od zera. Projekt i kod powstają pod konkretną markę, a gotowych szablonów ani motywów nie używamy. Design i zestaw funkcji dobieramy do rodzaju biznesu: czego innego potrzebuje sklep, czego innego firma usługowa, a czego innego marka budująca pozycję wizerunkiem. Ta strona powstała dokładnie tak, razem z silnikiem 3D i całą warstwą animacji.
Tak, jeśli fundament jest zdrowy. Czasem wystarczy przebudowa struktury i kluczowych ekranów. Diagnoza pokazuje, gdzie leży ograniczenie. Bywa, że w samej treści.
Teksty mogą powstać u nas albo u was. Strukturę projektujemy razem z treścią — układ zbudowany pod nieznany tekst zwykle trzeba potem naginać.
Po starcie prowadzimy stronę dalej — aktualizacje, nowe sekcje, poprawki z danych. Tryb i zakres opieki ustalamy po starcie, kiedy wiadomo już, jak strona pracuje.
Sprawdzamy je na każdym etapie projektu. Dotyczy to kontrastu, nawigacji klawiaturą, zachowania przy ograniczonej animacji i czasu ładowania na telefonie.