Jak wygląda współpraca przy tworzeniu strony WWW? [CHECKLISTA DO POBRANIA]

Jeśli nigdy nie tworzyłaś strony samodzielnie lub we współpracy z wykonawcami (freelancerami czy agencjami), z reguły masz wiele pytań dotyczących samego procesu. Nie ma tutaj jednej ścieżki, którą podążają absolutnie wszyscy, ale ogólny zarys będzie wyglądał podobnie.

Dziś opowiem trochę więcej o tym, jak wygląda proces tworzenia strony WWW we współpracy z nami. Jakie etapy musimy wspólnie przejść, by móc z dumą zaprezentować efekty końcowe? I wreszcie, czy to jest tak, że można zlecić wykonanie strony i zapomnieć o niej aż do wielkiej premiery?

Etapy prac

Etap 1: Brief

Brief to świętość dla każdego wykonawcy – to właśnie na tym etapie formułujemy wszystkie potrzeby dotyczące strony internetowej. Te, o których sama pomyślałaś, a także te, o których jeszcze nie wiedziałyście.

Często pierwszy kontakt zaczyna się od bardzo ogólnej wiadomości. Wiesz, że potrzebujesz strony, chciałabyś mieć na niej, przykładowo, galerię zdjęć, bloga i formularz kontaktowy. Taki opis to jednak zdecydowanie za mało, by przygotować dla Ciebie wymarzoną stronę. W odpowiedzi, nawet jeszcze przed samą wyceną, otrzymasz szereg dodatkowych pytań, które pomogą nam określić, czego tak naprawdę porrzebujesz i dobrać najkorzystniejsze (również cenowo!) rozwiązanie.

Na tym etapie dopytujemy o wszystkie niezbędne funkcjonalności (czy potrzebny będzie blog, a może w przyszłości istnieje szansa, że rozpoczniecie sprzedaż produktów w sklepie, czy prowadzisz profile w mediach społecznościowych, puszczasz w nich reklamy), ale też o charakter Waszej marki. Grupę docelową, kim są Twoi klienci, po co do Ciebie przychodzą, jakimi wartościami się kierujesz aż w końcu – jaka jest Twoja estetyka i identyfikacja wizualna całej marki (bardzo pomocna jest w tym przypadku księga identyfikacji wizualnej / brandbook – to najlepsza instrukcja obsługi dla podwykonawców pracujących z Twoją marką).

Po zebraniu wszystkich niezbędnych informacji, przygotowujemy wstępną wycenę, która jest bardzo zbliżona do ostatecznej – zmienić ją może nieznacznie cena wykorzystanego szablonu, który będziemy wybierać w kolejnym etapie. Ten etap jest zupełnie bezpłatny.

Etap 2: Formalności

Na tym etapie możemy przygotować już konkretną specyfikację Twojego zamówienia. Zbieramy w jednym dokumencie wszystkie ważne informacje dotyczące strony – jakie będą na niej zakładki, jakie funkcjonalności będą do wdrożenia, jakie wtyczki należy zakupić (wraz z ich ceną i linkiem do zakupu), wysokość naszego wynagrodzenia oraz zadatku (z reguły 50% wartości zamówienia), który jest płatny na podstawie faktury zaliczkowej przed rozpoczęciem prac.

Wraz ze specyfikacją otrzymujesz od nas regulamin świadczenia usługi, gdzie określamy, jakie są terminy realizacji poszczególnych dalszych etapów – standardowo harmonogram rozpisujemy na nie dłużej niż dwa miesiące, chociaż konkretna długość prac jest oczywiście uzależniona od projektu. Po zaakceptowaniu specyfikacji i regulaminu, poprosimy Cię o odesłanie podpisanych skanów tych dokumentów i przesłanie danych do faktury. Prześlemy pro-formę na zadatek, a po zaksięgowaniu wpłaty – właściwą fakturę zaliczkową. Przyjmujemy zlecenie do realizacji.

Etap 3: Moodboardy

Znając Twoje potrzeby, szykujemy tak zwane moodboardy. To na tym etapie przedstawiamy Ci naszą wizję na Waszą stronę internetową oraz proponujemy przykładowe szablony, które będą szkieletem do budowy Twojej witryny. Tu konstruujemy również paletę kolorów, dobieramy typografię i dodatkowe elementy graficzne, jeśli te nie zostały określone w brandbooku (lub z jakichś przyczyn na potrzeby strony internetowej trzeba je poddać modyfikacjom).

W zależności od tego, w jakim stopniu Twoja wizja jest określona, a w jakim zdajesz się na nas, przygotowujemy 2-3 moodboardy. Czasami dostarczasz własne inspiracje (często zresztą o to pytamy w pierwszym etapie prac), podsyłasz inne strony, które się Ci podobają. Albo po prostu komunikujesz, czego absolutnie nie chcesz. Są też sytuacje, w której moodboardy są zbędne, ponieważ w poszukiwaniu inspiracji, stworzyłaś je sama – to też jest super 🙂

Spośród moodboardów wybieramy jeden, na którym będziemy bazować podczas reszty prac, w razie potrzeby poddając je drobnym modyfikacjom. Mając moodboard, mamy już wybrany szablon i możemy przystąpić do kolejnego etapu.

Etap 4: Dostarczenie materiałów

To tak naprawdę etap dla Ciebie. Standardowo zakładamy 10 dni od momentu przyjęcia zamówienia do realizacji na dostarczenie wszystkich treści i materiałów do calej strony. Potrzebujemy otrzymać od Ciebie wszystkie zdjęcia (a może i nawet filmy lub linki do nich na YouTube/Vimeo), teksty, strukturę odnośników – jeśli chcesz stworzyć na stronie tak zwane “wezwania do działania” (czytaj dalej, sprawdź więcej), musisz powiedzieć, w którym mają być miejscu i dokąd kierować.

Portfolio powinno mieć rozpisane poszczególne elementy, blog wypisane kategorie wpisów, sklep – kategorie produktów. Teksty na podstrony powinny być podzielone na niezbyt długie sekcje, przedzielone odpowiednimi nagłówkami. Podczas ich pisania weź pod uwagę, że lity tekst trudno się czyta.

Jeśli masz problem z odpowiednim przygotowaniem materiałów, jesteśmy do dyspozycji. Możesz do nas napisać, o wszystko dopytać – podpowiemy to, co będziemy mogli,naprowadzimy na dobre tory lub zaproponujemy w określonych miejscach na stronie tekst demo, który będziesz mogła sobie podmienić w chwili, gdy już zobaczysz, jak on wygląda na “żywym organizmie”. Pamiętaj tylko, że nie możemy zbudować całej strony na “Lorem ipsum” – nie jest to więc rozwiązanie wszystkich problemów.

Na tym etapie czasami okazuje się, że potrzebujesz dodatkowej pomocy w pisaniu tekstów lub wykonaniu zdjęć. Daj nam znać – świadczymy takie usługi dodatkowe (zdjęcia wykonujemy również z dojazdem w całej Europie w miarę Twoich możliwości budżetowych lub doradzamy podwykonawców bliżej Ciebie), więc możemy przygotować dla Ciebie odpowiednią ofertę.

Etap 5: Strona główna

Gdy mamy już wszystkie materiały, zaczynamy od stworzenia pierwszej wersji strony głównej. Pracujemy metodycznie i jest to nasz punkt zaczepienia, by upewnić się, że idziemy w dobrą stronę i oddajemy klimat zawarty w moodboardzie zgodnie z Twoimi oczekiwaniami. Tuż przed tym konfigurujemy Twój serwer, WordPressa i instalujemy potrzebne na początek rozszerzenia.

Do strony głównej wprowadzacie poprawki. Na tym etapie prosimy, by poświęcić dłuższą chwilę na analizę każdego elementu (może nawet przespanie się z nimi 1-2 dni) i wrócić do nas ze szczegółowymi uwagami do wszystkich znajdujących się na stronie sekcji. To bardzo ważne, by zebrać wszystkie uwagi w jednym miejscu – to oszczędza czas obu stron i zapewnia klarowność komunikacji. W razie potrzeby możemy dopytać o poszczególne punkty, coś doradzić, odradzić lub zasugerować. W ten sposób tworzymy zamkniętą listę elementów do poprawy/dopracowania, która z każdym wymienionym mailem powinna się kurczyć – nie rozszerzać. Dlatego właśnie ta pierwsza informacja zwrotna jest tak istotna.

Etap 6: Podstrony dodatkowe

Ten etap może odbywać się zupełnie po zakończeniu etapu 5 lub rozpocząć jeszcze w trakcie jego trwania (wtedy, kiedy mamy jeszcze drobne rzeczy do dopracowania na stronie głównej, ale zamysł i klimat pozostają już bez zmian). W zależności od liczby podstron i stopnia skomplikowania, potrzebujemy kilku dni na dopracowanie tego etapu, a gdy wrócimy z kolejną porcją podstron do oceny, prosimy Cię o równie szczegółowe informacje zwrotne, jak w przypadku strony głównej.

Etap 7: Strona mobilna

Gdy zaakceptujesz już wszystkie podstrony i wszystkie treści są już zamieszczone na stronie (portfolia, galerie i inne), przychodzi czas na dostosowanie do wyświetlania na urządzeniach mobilnych. Sprawdzamy, jak wyświetlają się one na telefonach i tabletach i wprowadzamy niezbędne poprawki, jeśli określone elementy tego wymagają. Gdy skończymy, poprosimy Cię o ponowne przejrzenie całości na Twoich urządzeniach i wypisanie ewentualnych błędów. Urządzeń mobilnych jest wiele, a testy pozwalają pozbyć się wszelkich usterek.

Kiedy wszystko jest już w porządku, zarówno na komputerach jak i na urządzeniach mobilnych, przystępujemy do kolejnego etapu.

Etap 8: Optymalizacja i skrypty dodatkowe

W tym momencie wykonujemy optymalizację szybkości Twojej strony. Dodatkowo, konfigurujemy formularze kontaktowe, podpinamy skrypty śledzące, takie jak Google Analytics czy Facebook Pixel. Do sklepów internetowych podpinamy bramki płatności, wtyczki do fakturowania i inne istotne moduły. Kompresujemy obrazki i inne media znajdujące się na stronie, konfigurujemy zarządzanie pamięcią podręczną przeglądarki – jednym słowiem, przyspieszamy stronę.

Etap 9: Premiera

To jest ten moment, w którym możesz podzielić się ze światem swoją stroną WWW. My przekazujemy wszystkie dostępy do strony, wystawiamy fakturę końcową, udzielamy niezbędnych wskazówek dotyczących obsługi strony. Jednocześnie, pozostajemy do dyspozycji w przypadku gdybyś miała jakiekolwiek pytania lub cokolwiek działoby się ze stroną, a mimo testów zostało przeoczone przez nas i przez Ciebie. Nigdy nie zostawiamy Cię bez opieki.

Czy po zleceniu wykonania strony mogę o niej zapomnieć aż do premiery?

Teraz już pewnie wiesz, że jest to niemożliwe. Praktycznie na każdym etapie tworzenia strony będziemy Cię pytać o różne rzeczy i prosić o dosłanie materiałów lub przesłanie informacji zwrotnych. Dlatego bardzo ważne jest żebysmy byli w stałym kontakcie. Jeśli z naszej strony miałoby się coś opóźnić (technolgia bywa kapryśna i czasem podczas pracy wychodzą nieprzewidziane sytuacje – chociażby skrypty ze sobą koligują), na pewno się o tym od razu dowiesz. Aby prace przebiegały sprawnie, tego samego oczekujemy od Ciebie. Wszystko po to, żeby obie strony były maksymalnie zadowolone z rezultatów wspólnej pracy.

Jak przygotować się do zlecenia wykonania strony WWW?

Aby proces poszedł jak najsprawniej, jeszcze przed napisaniem do potencjalnego wykonawcy zgromadź potrzebne materiały. Przygotuj swoje logo (w wersji wektorowej lub przynajmniej wysokiej rozdzielczości .png bez tła), a także brandbooka, jeśli go posiadasz. Przemyśl, jakie elementy są dla Ciebie istotne, wypisz zakładki znajdujące się w menu i strukturę odnośników. Posegreguj zdjęcia, które chcesz zamieścić – możesz przygotować ich kilka na jedno miejsce. Na etapie ich publikowania zdecydujesz, które bardziej Ci odpowiadają. Możesz także zacząć tworzyć teksty (lub stworzyć je w całości jeszcze przed rozpoczęciem prac nad stroną).

Jeśli planujesz otwierać sklep internetowy, przemyśl kwestie związane z rodzajem produktów (fizyczne czy elektroniczne), fakturowaniem zamówień (elektroniczne czy papierowe dostarczane z przesyłką – wystawiane automatycznie czy ręcznie?), obszarem dostaw (w jakich krajach będziesz sprzedawać?), jakich operatorów płatności planujesz uruchomić na stronie?

Checklista

Aby dodatkowo ułatwić Ci cały proces przygotowania materiałów, postanowiłam przygotować specjalną checklistę, w której znajdziesz wszystkie elementy, które powinnaś przemyśleć lub przygotować przed zleceniem wykonania strony WWW. Dzięki temu, przejdziemy sprawnie przez cały proces.

Aby pobrać checklistę, wystarczy, że zapiszesz się do newslettera poniżej. Po wypełnieniu formularza, checklista przyjdzie wraz z potwierdzeniem zapisu na Twoją skrzynkę e-mail.