Bardzo często, kiedy mam konsultację na temat projektu nowej strony, słyszę, że przygotowanie do budowy strony polega na zebraniu plików. Logo, zdjęcia, teksty. Pakujesz to w folder, wysyłasz do mnie i czekasz na efekt.
Chciałabym Ci powiedzieć, że to mogłoby być takie proste… ale po latach pracy z klientkami wiem, że właśnie to podejście prowadzi do projektów, które się przeciągają, wymagają piętnastu rund poprawek i ostatecznie kończą się stroną, która wygląda nie najgorzej, ale nie robi tego, do czego została stworzona.
Strony, które nie działają po publikacji, rzadko zawodzą przez brak dobrego zdjęcia (mało tego – zdjęcia są zazwyczaj naprawdę BARDZO ŁADNE!).
Zawodzą, bo nikt nie odpowiedział na kilka fundamentalnych pytań, zanim pojawiła się myśl: budujemy stronę.
Ten artykuł to przewodnik, który przeprowadzi Cię przez cały proces przygotowania, krok po kroku. Od myślenia strategicznego, przez materiały wizualne, po treści i dane dostępowe. Na końcu znajdziesz również gotówą listę kontrolną, którą możesz wziąć i użyć od razu.
Zaczynamy od początku, czyli od miejsca, gdzie większość osób omija.
To najważniejszy krok w całym procesie. I ten, który najczęściej jest pomijany.
Paige Brunton, amerykańska projektantka i edukatorka z tysiącami absolwentów kursów web designu, zwraca uwagę na coś, co potwierdza moje własne doświadczenie: największe opóźnienia w projektach nie wynikają z braku logo ani zdjęć. Najczęściej powodem jest to, że klientka nie wiedziała, czego chce, zanim zaczęła. Nie miała jasności, po co ta strona ma istnieć.
Ale też stawiam sprawę jasno – nie musisz wszystkiego wiedzieć, bo ostatecznie po to zatrudniasz osobę, która ma przygotować Twoją sronę, aby pokierowała Cię w tym procesie 😁
Ale, żeby ułatwić sprawę, mam dla Ciebie trzy pytania, które powinnaś sobie zadać, zanim ruszysz dalej:
Nie „dla wszystkich, którzy potrzebują moich usług”. Chodzi o konkretnego człowieka. Kogo masz w głowie, kiedy piszesz ofertę? Jakie ma problemy? Czego się boi? Czego szuka?
Im dokładniej odpowiesz na to pytanie, tym łatwiej będzie podjąć każdą kolejną decyzję projektową. Kolorystykę, ton tekstu, układ podstron, zdjęcia. Wszystko wynika z tego, kto ma trafiać na tę stronę.
Ćwiczenie: Opisz swoją idealną klientkę/klienta w trzech zdaniach. Kim jest, co ją/jego boli i co sprawi, że kliknie w „napisz do mnie”? Nie musisz tego opisać idealnie. Ale musisz to opisać.
Każda strona powinna mieć jeden główny cel. Jeden, nie pięć. Napisanie wiadomości, umówienie konsultacji, zakup produktu, zapis do newslettera. Jeśli nie wiesz, co ma zrobić odwiedzająca, ona też tego nie będzie wiedzieć.
To wydaje się być proste, ale w praktyce odkrywa ogromną niejasność. Wielokrotnie zdarzało mi się, że klientka odpowiadała, że chce, aby klient się kontaktował. Ale na dalszych etapach projektu, okazało się, że tak naprawdę chce sprzedawać kurs. To dwa różne projekty o zupełnie innym zakresie.
Co różni Twoją ofertę od innych w tej samej kategorii? Nie chodzi o to, żebyś była „najlepsza na rynku”. Chodzi o to, żeby klient po wejściu na stronę rozumiał, dlaczego to Ty, a nie ktoś inny.
To może być metoda pracy, specjalizacja, sposób komunikacji, doświadczenie, wartości. Ale musi być coś konkretnego. „profesjonalizm i indywidualne podejście” to nie wystarczy, bo tak pisze każdy.
Wróć do tych trzech odpowiedzi, kiedy projekt będzie już w toku. Kiedy nie wiesz, czy dana sekcja jest potrzebna, czy zdjęcie pasuje, czy tekst gra, zapytaj siebie: czy to pomaga mojej klientce/klientowi zrozumieć, co ma zrobić? Jeśli nie, wycinamy.
Nim zaprojektujemy jakąkolwiek podstronę, potrzebuję od Ciebie jednej rzeczy: jednego zdania, które opisuje, co robisz, dla kogo i z jakim efektem.
Nie chodzi o hasło marketingowe, ale o zdanie, które po przeczytaniu sprawia, że osoba z Twojej grupy docelowej pomyśli: „to jest dla mnie„.
Przykłady:
To zdanie stanie się głównym nagłówkiem na Twojej stronie. Jeśli nie możesz go napisać, znaczy to, że oferta wymaga doprecyzowania, zanim zaczniemy projektować. I to jest dobra informacja, bo lepiej to odkryć teraz niż w trakcie projektu.
Kiedy pytam klientki o inspiracje, często słyszę: „możesz robić tak, jak uważasz, ufam Ci”. I bardzo to cenię. Ale ta odpowiedź, choć wypływa z dobrego miejsca, utrudnia mi pracę i przeciąga projekt.
Twój gust wizualny to bezcenna informacja. Nie dlatego, żeby kopiować czyjegoś projekt. Dlatego, że różnica między „chcę elegancko” a „chcę nowocześnie” może oznaczać zupełnie inne decyzje projektowe, inne fonty, dobrane palety, układ.
Znajdź 3 do 5 stron internetowych, które podobają Ci się pod różnymi względami. Nie muszą być w Twojej branży. Do każdej strony napisz jedno zdanie: co konkretnie Ci w niej odpowiada. Kolorystyka? Prostota? Sposób prezentacji oferty? Układ zdjęć?
Następnie znajdź 2 do 3 stron, które Ci się nie podobają. I tak samo, jedno zdanie, co dokładnie Cię odrzuca. Zbyt krzykliwe kolory? Zbyt wiele tekstu? Wrażenie chaosu?
Taka lista to skrócenie czasu pracy o kilka godzin i wyeliminowanie nieporozumień w stylu: „myślałam, że będzie bardziej minimalistycznie” po pierwszej prezentacji projektu.
Przydatne narzędzia do zbierania inspiracji: Pinterest (tablica „web design inspiration”), Behance, Awwwards.com, Dribbble. Wystarczy kilka przykładów, nie potrzebujesz ich dziesiątek.
Po pierwsze: jaki ma być ogólny klimat strony. Ciepły i osobisty? Profesjonalny i chłodny? Zabawowy i kolorowy? Minimalistyczny i elegancki?
Po drugie: czy są kolory, których absolutnie nie chcesz? To bardziej oczywiste niż się wydaje. Miałam klientkę, która powiedziała mi o swojej awersji do fioletu dopiero po kolejnej rundzie poprawek. Oszczędziłybyśmy sobie dużo czasu, gdybym wiedziała to wcześniej.
Teraz przechodzimy do części, którą większość osób zna, ale rzadko robi ją kompletnie. Zbieram poniżej dokładnie to, co będzie potrzebne, z wyjaśnieniem, dlaczego i w jakiej formie.
Potrzebujesz logo w formacie wektorowym: SVG lub PDF (nie JPG, nie PNG, nie zrzut ekranu z ppt). Format wektorowy oznacza, że plik można powiększyć do dowolnego rozmiaru bez utraty jakości.
Najlepiej, jeśli masz:
Jeśli masz logo tylko jako JPG lub PNG, można z tym pracować, ale warto pomyśleć o wektoryzacji lub odtworzeniu go w trakcie trwania projektu. Strona z rozmytym logo w pasku nawigacji od razu wygląda nieprofesjonalnie.
Jeśli masz brand guidelines (dokument określający kolorystykę, fonty i zasady ich użycia), to jest bezcenne źródło do projektowania strony. Wyślij mi go na początku współpracy.
Jeśli nie masz: podaj mi kolory, których używasz (najlepiej kody HEX, np. #E8593C) i przykłady fontów (czcionek), które Ci się podobają. Jeśli nie masz pojęcia, czego chcesz, powiedz mi to. Ustalimy to razem w fazie projektowej.
Co jednak ważne: zmiana kolorystyki lub logo w połowie projektu to poważna zmiana. Dlatego, jeśli myślisz o zmianach wizualnych swojej marki, lepiej najpierw zakończyć ten etap, a dopiero potem zlecić budowę strony.
Zdjęcia to jeden z najtrudniejszych elementów do przygotowania i jeden z tych, który najsilniej wpływa na końcowy efekt strony. Można zaprojektować piękny układ, ale jeśli zdjęcia są nieostre, ciemne albo wyglądają jak selfie, całość traci klasę.
Potrzebujesz dwóch typów zdjęć:
Jeśli planujesz sesję zdjęciową: powiedz mi o tym jak najwcześniej. Chętnie przygotuję dla Ciebie briefing fotograficzny, czyli listę ujęć, które będą potrzebne na stronie. To oszczędza czas na sesji i eliminuje sytuację, w której po wszystkim okazuje się, że brakuje zdjęcia do kluczowej sekcji.
To jest temat, który budzi najwięcej lęku. I rozumiem to, bo pisanie o sobie i swojej ofercie jest trudne. Ale tekst na stronie to nie jest opcjonalny dodatek. To jest fundament.
Masz trzy opcje:
Jedno jest pewne: nie możemy zaprojektować układu strony, nie wiedząc, ile tekstu będzie w danej sekcji. Projekt bez treści to jak planowanie wystroju pokoju bez wiedzy, ile będzie w nim mebli. Może zadziałać, ale często kończy się koniecznością przerabiania połowy projektu, kiedy treści wreszcie przychodzą.
Najczęstszy powód opóźnień w projektach stron www: brak gotowych treści po stronie klientki. Jeśli wiesz, że pisanie zajmuje Ci dużo czasu, zacznij wcześniej niż myślisz, że powinnaś.
Mapa strony, po angielsku sitemap, to prosta lista podstron Twojej witryny ze wskazaniem, co na każdej z nich się znajdzie. Nie jest to dokument techniczny. To wspólne porozumienie co do zakresu projektu.
Wygląda mniej więcej tak:
Dlaczego to jest ważne, zanim zaczniemy? Bo „kilka podstron” może oznaczać pięć albo piętnaście. Mapa strony określa rzeczywisty zakres pracy, wpływa na czas realizacji i cenę. Im dokładniej wiesz na początku, tym bezpieczniej dla obu stron 😉.
Nie musisz mieć gotowej mapy w dniu pierwszej rozmowy. Ale warto zacząć o niej myśleć i rozrysować, nawet na kartce papieru, bo to zmusza do myślenia o całości, a nie tylko o jednej podstronie naraz.
Częsty błąd: dodawanie nowych podstron w połowie projektu. Każda nowa podstrona to dodatkowy czas i dodatkowy koszt. Jeśli wiesz, że chcesz mieć stronę dla konkretnego programu, landing page kampanii lub strefę dla klientek, powiedz o tym na początku, nie w tygodniu przed planowaną premierą.
To jest krok, który rzadko pojawia się w poradnikach, a potrafi zatrzymać projekt na kilka dni. Zebranie danych dostępowych, zanim zaczniemy, oszczędza czas obu stron.
Czy masz już zakupioną domenę, na przykład twojafirma.pl? Jeśli tak, potrzebuję dostępu do panelu zarządzania domeną, żeby ustawić, co trzeba. Jeśli nie masz domeny, pomogę Ci ją wybrać i kupić.
Wskazania przy wyborze domeny: krótka, łatwa do zapamiętania, z rozszerzeniem .pl lub .com. Unikaj liczb i myślników. I koniecznie sprawdź, czy ta sama nazwa jest wolna w mediach społecznościowych, których używasz.
Hosting to serwer, na którym będzie mieszkała Twoja strona. Jeśli nie masz jeszcze hostingu, pomogę Ci go wybrać i skonfigurować. Jeśli masz, potrzebuję dostępu do panelu.
Na co zwrócić uwagę przy wyborze hostingu? Jakość wsparcia technicznego (po polsku i z realnym czasem reakcji), certyfikat SSL w cenie, wydajność (szybkość ładowania strony zależy m.in. od serwera), lokalizacja serwerów (dla polskich klientek najlepiej serwer w Polsce lub UE) – to też pomogę Ci ustalić 😉
Jeśli jeszcze używasz adresu w stylu twojanazwa@gmail.com, to dobry moment, żeby zmienić to na kontakt@twojanazwa.pl. Nie jest to obowiązkowe, ale wpływa na postrzeganie profesjonalizmu. Adres z własną domeną można skonfigurować tak, żeby działał przez Gmaila, czyli obsługa jest taka sama jak dotychczas.
W zależności od funkcji strony, może być potrzebny dostęp lub założenie kont w:
Nie musisz mieć wszystkiego gotowego od razu. Ale jeśli wiesz, że jakaś integracja będzie potrzebna, powiedz mi o tym na początku.
Ten krok jest równie ważny jak poprzednie, bo wielu ludzi blokuje się na starcie z powodu perfekcjonizmu. Czekają na idealny tekst, na profesjonalną sesję, na „gotowe wszystko”. I tak czekają miesiącami.
Powiem wprost: nie musisz mieć wszystkiego dopiętego, żeby zacząć.
Pierwsza strona nie musi być doskonała. Musi być na tyle dobra, żebyś mogła ją wysłać bez wstydu i żeby zaczęła na Ciebie pracować. Dopracowujemy ją z czasem, razem z rozwojem Twojego biznesu.
Podsumowując: oto lista, którą warto mieć pod ręką. Nie musisz mieć wszystkiego naraz przed pierwszą rozmową, ale warto wiedzieć, do czego się przygotować.
Dane dostępowe i techniczne
Jeśli po przeczytaniu tego artykułu masz poczucie, że wiesz, od czego zacząć, to świetnie. Jeśli masz więcej pytań niż odpowiedzi, to też ok. Właśnie po to jest pierwsza rozmowa.
W ramach bezpłatnej konsultacji omówimy, jakiego typu strony potrzebujesz, co powinna zawierać i ile taka realizacja kosztuje. Wyjdziesz z niej z konkretnym planem, nawet jeśli dziś nie masz jeszcze gotowego logo ani zdjęć.
Źródła i bibliografia
Część ilustracji i treści wykorzystanych na tej stronie została wygenerowana przy użyciu narzędzi sztucznej inteligencji i poddana dalszej obróbce przez autora.
