0

Studio for Communication

Strategy and Design

Jak powstaje strona internetowa – krok po kroku

Lena Mitkowa
Lena Mitkowa
Digital
Digital
Długość czytania:
8 minut
Czytasz:

Jak powstaje strona internetowa – krok po kroku

Strona internetowa to narzędzie, które ma działać – sprzedawać,  prowadzić użytkownika przez proces decyzyjny. A czasem – po prostu ma być idealną wizytówką, budować wiarygodność. To część procesu brandingowego, istotny element komunikacji marki. W naszym zespole podchodzimy do projektowania i wdrażania serwisów z perspektywy komunikacji i designu. Co to oznacza? Nasze serwisy to przedłużenie marki. Nie jesteśmy niewolnikami technologii i szablonu, korzystamy z zaprojektowanego przez nas design systemu żeby możliwie najpełniej i najbardziej spójnie oddać główny przekaz brandu. 

Dlatego nie zaczynamy od „ładnych obrazków”, tylko od fundamentów. Zwykle pracujemy na brandingu, którego jesteśmy autorami, ale możemy też bazować na istniejących materiałach. Poniżej opisujemy, jak wygląda nasz proces tworzenia strony WWW.

Briefing i warsztat koncepcyjny

Pierwszy krok to zebranie informacji i ułożenie strategii dla strony. 

Na warsztacie:

  • definiujemy koncept strony – kto mówi, do kogo i w jakim celu,
  • projektujemy lejek sprzedażowy – jak prowadzić użytkownika od pierwszego kontaktu do decyzji,
  • określamy, jakie działania użytkownicy mają wykonać na stronie.

Efektem warsztatu jest makieta treści – jest to stadium przed makietą UX. Dzięki niej możemy jasno zaznaczyć, jakie rodzaje treści są konieczne do opracowania – zarówno z punktu widzenia copywritingu, jak i materiałów wizualnych, linkowań, odniesień.

Makieta UX

Po etapie przygotowawczym i potwierdzeniu koncepcji i założeń przekładamy materiał z makiety treści w spójny, funkcjonalny schemat. Analizujemy ścieżki użytkowników i interakcje – tak, aby strona była intuicyjna i nie gubiła użytkownika po drodze.
Efekt to klikalna makieta UX, na której widać układ i logikę strony, zanim wejdziemy w warstwę graficzną.

Projekt graficzny (GUI)

Na bazie brandingu i design systemu opracowujemy wygląd strony. Jeśli klient nie ma systemu projektowego – tworzymy go od zera albo adaptujemy istniejące materiały.
W zależności od budżetu rozwijamy projekt o:

  • dedykowane zdjęcia,
  • animacje i mikrointerakcje,
  • ilustracje lub elementy 3D.

Efekt to klikalny projekt graficzny strony, gotowy do akceptacji.

Wdrożenie

Ostatni etap to przełożenie projektu w działającą stronę WWW. 

W technologii niskokodowej, w której pracujemy, zaciera się granica pomiędzy Front-endem (tym, co widzimy na stronie), a Back-endem (zapleczem strony, w którym zarządzamy treściami, integracjami i innymi ustawieniami strony). Wdrażając stronę, działamy jednocześnie w obu tych obszarach, co umożliwia lepszą koordynację procesu z Klientem. W bardziej złożonych stronach, wymagających systemu zarządzania treścią, używamy Webflow CMS – taka strona jest później utrzymywana na serwerach Webflow. W przypadku prostszych stron, niewymagających regularnych aktualizacji, możliwy jest eksport kodu i utrzymywanie strony na serwerze Klienta. 

Wszystkie strony projektujemy w pełni responsywnie – to znaczy, że wygląd i funkcjonalność dopasowują się automatycznie do różnych wielkości ekranów. Niezależnie od tego, czy ktoś przegląda stronę na telefonie, tablecie, laptopie czy dużym monitorze, zawsze widzi spójny układ i ma dostęp do wszystkich funkcji.

Ile to trwa?

Przy dobrze zaplanowanym procesie i kompletnych materiałach pierwsze strony możemy wdrożyć już w 2 tygodnie. Bardziej rozbudowane projekty trwają odpowiednio dłużej – wszystko zależy od zakresu i złożoności.

Co po wdrożeniu?

Obsługa i aktualizacja strony po wdrożeniu to ważna, lecz często problematyczna czynność. Dzięki zwinności technologii niskokodowych jesteśmy w stanie oferować skuteczne rozwiązania. Po pierwsze – w przypadku gdy strona utrzymywana jest na Twoim serwerze, cały czas utrzymujemy jej duplikat w Webflow. Jeśli potrzebujesz aktualizacji, jesteśmy w stanie szybko ją wprowadzić i przekazać nowe pliki na Twój serwer. Nie wymaga to skomplikowanego procesu czy kosztownego ponownego „otwarcia” zlecenia. W przypadku użycia Webflow CMS zazwyczaj szkolimy wydzieloną z Twojego zespołu osobę, która jest w później w stanie zarządzać stroną – edytować treści i obrazy czy dodawać nowe wpisy w wydzielonych kategoriach (wpisy blogowe, członków zespołu, case studies, etc.). Taki system zarządzania treścią jest zawsze indywidualnie projektowany na potrzebę strony i opatrzony komentarzami ułatwiającymi jego użycie. Strona CMS utrzymywana na Webflow to rozwiązanie stabilne, bezpieczne i wymagające minimalnego maintenance’u po wdrożeniu. 

Chcę stronę!

Potrzebujesz strony, która będzie spójna z wizerunkiem Twojej marki i która nie będzie wordpressowym kompromisem?

Możemy spotkać się na darmowej konsultacji, w której omówimy możliwości współpracy. Omówimy możliwości i budżet na realizację. 

Jeśli chcesz dowiedzieć się więcej o Webflow zobacz artykuł.

Webflow, nie Wordpress. Ale dlaczego?

Zbudujmy razem markę, która naprawdę pracuje dla Twojego biznesu.

Lena Mitkowa

Creative In Chief°

Umów konsultację z Leną