Jak przeprojektować witrynę internetową: przewodnik krok po kroku

Opublikowany: 2022-05-19

Makieta Macbooka na czystym biurku z projektem strony internetowej

Istnieje wiele powodów, dla których możesz rozważać przeprojektowanie strony internetowej . Być może minęło już kilka lat, a chcesz dopracować estetykę. A może chcesz dodać nowe funkcje, takie jak wiadomości A2P lub nowe sekcje. Czy wprowadzasz nowy produkt i chcesz, aby Twoja witryna to odzwierciedlała? Może po prostu chcesz poprawić wrażenia użytkownika.

Wszystko to są dość powszechne powody przeprojektowywania stron internetowych. Możliwe, że wszystkie dotyczą Twojej sytuacji! A przy przebudowie witryny należy wziąć pod uwagę estetykę, funkcjonalność, wyróżnienie produktów systemów telefonii VoIP w przedsiębiorstwie oraz wrażenia użytkownika.

Setki gratisów w wysokiej rozdzielczości tylko dla Ciebie!
Odbierz swoje gratisy

Więc jak sobie z tym poradzimy? Zanurzmy się.

  • 1. Zbierz swój wymarzony zespół
  • 2. Spójrz na swoją obecną stronę internetową
    • Jak obecnie działa Twoja witryna?
    • Jak wygląda Twój blog?
    • Czy Twoja witryna jest przyjazna dla użytkownika?
    • Czy to jest ładne?
  • 3. Zapytaj użytkowników, co myślą
  • 4. Zdecyduj o swoich celach
  • 5. Skup się na estetyce
  • 6. Rozwiń swój głos
  • 7. Idealna podróż użytkownika
  • 8. Delegowanie zadań związanych z przeprojektowaniem witryny
  • 9. Utwórz harmonogram
  • 10. Rozejrzyj się
  • 11. Umieszczaj myśli w słowach
  • 12. Zaprojektuj i rozwiń swoją witrynę
  • 13. Gotowy do startu
  • To jest Wrap!

1. Zbierz swój wymarzony zespół

Pierwszym krokiem procesu przeprojektowania witryny jest podjęcie decyzji, kto ma wpływ na to, jak powinien wyglądać efekt końcowy. Ci ludzie będą nadzorować projekt od początku do końca i wprowadzą do stołu wiele różnych perspektyw.

Będziesz potrzebować od trzech do pięciu osób, w tym projektanta strony internetowej, programisty strony internetowej i specjalisty ds. Marketingu. Jedna osoba powinna pełnić funkcję kierownika projektu – to ona ma ostatnie słowo. Możesz także dołączyć do swojego zespołu twórcę treści lub pisarza.

2. Spójrz na swoją obecną stronę internetową

Poproś każdego członka zespołu, aby przejrzał Twoją witrynę i zanotował, co należy poprawić, a następnie porównaj swoje pomysły i obserwacje. Warto zwrócić uwagę na te konkretne obszary:

Jak obecnie działa Twoja witryna?

Ile osób odwiedza Twoją witrynę? Czy Twoje SEO jest na miejscu? Czy ludzie długo się kręcą po znalezieniu Twojej strony, czy też szybko odchodzą? Patrząc na swoje dane i analizując wydajność swojej witryny, możesz uzyskać wgląd w niektóre problemy dla odwiedzających.

Sprawdź, które strony mają największy ruch i zobacz, które z nich powinny zostać wysłane do archiwów. Czy któreś z nich można ulepszyć?

✨ Nie przegap: The Ultimate Guide to inclusive Web Design + wskazówki, jak to zrobić

Jak wygląda Twój blog?

Czy wszystkie Twoje zdjęcia i linki nadal działają? Czy nawigacja po Twoim blogu jest łatwa? Czy Twoje treści są dobrze przygotowane i starannie dobrane? Twoje treści są bardzo ważnym portalem do duszy Twojej firmy, więc chcesz mieć pewność, że głos i ton są takie, jakie chcesz, aby były.

Twój blog powinien również robić coś więcej niż tylko zachwycać się Twoimi produktami – powinien podnieść Cię jako eksperta w swojej dziedzinie.

Czy Twoja witryna jest przyjazna dla użytkownika?

Świeże spojrzenie może pomóc Ci odpowiedzieć na to pytanie. Czy Twoja witryna jest łatwa w nawigacji? Czy na wszystkie pytania użytkowników można odpowiedzieć po prostu przeglądając Twoje strony, czy też muszą się z Tobą bezpośrednio kontaktować? Czy użytkownicy mogą dokonywać bezproblemowych płatności online?

Czy to jest ładne?

Profesjonalne strony również powinny być przyjazne dla oczu. Estetyka ma moc relaksu, uspokaja i inspiruje. Jak czujesz się na swojej stronie, gdy na nią patrzysz? Czy po opuszczeniu swojej strony czujesz ulgę, czy chcesz wrócić, aby ją podziwiać? Może to zależy od tego, jak długo się na to gapisz, ale jeśli jest wystarczająco ładne, nie będzie ci łatwo znudzić (nawet jeśli praca nad tym jest twoją pracą).

3. Zapytaj użytkowników, co myślą

Więc wiesz, co myślisz o swoim dziecku, ale co myślą inni ludzie? W szczególności, co Twoi użytkownicy mają do powiedzenia na temat Twojej witryny? W końcu to oni będą z niego korzystać, więc pomocna recenzja klienta może znacznie pomóc w zaprojektowaniu świetnej witryny, która będzie im się podobać.

Możesz poprosić użytkowników o wypełnienie krótkich ankiet, gdy odwiedzają Twoją witrynę, lub wysłać e-maila do wszystkich subskrybentów, z którymi chętnie się skontaktujemy, aby zapytać ich, co myślą. Możesz nawet zaoferować nagrodę motywacyjną, aby uzyskać opinie ludzi.

4. Zdecyduj o swoich celach

Przeprojektowanie strony internetowej Najważniejsze priorytety, o których należy pamiętać
Źródło obrazu

Teraz, gdy już wiesz, co myślisz ORAZ co myślą Twoi użytkownicy, nadszedł czas, aby zdecydować, czym chcesz się zająć. Możesz stworzyć tabelę najczęściej przytaczanych skarg lub obszarów wymagających poprawy i pracować nad nimi w kolejności od najczęściej do najrzadziej wymienianych. Możesz też nadać im priorytety od najłatwiejszych do najbardziej skomplikowanych poprawek, oszczędzając na koniec najtrudniejsze zadania.

To Twoja decyzja, jak się do tego zabrać, ale posiadanie jasnej listy priorytetów jest niezbędne do przeprowadzenia szybkiej i wydajnej aktualizacji bez konieczności ciągłego dodawania nowych poprawek.

Twoje cele mogą zacząć się wzniośle – np. „Spraw, aby wyglądało ładniej”. – ale powinny stać się bardziej konkretnymi zadaniami – np. „Użyj czcionki Georgia w menu i zmień baner na ten z jastrzębiem”. Pamiętaj jednak o swoim nadrzędnym celu, ponieważ może to pomóc pokierować całym mnóstwem zadań w tym samym, spójnym kierunku.

5. Skup się na estetyce

Następnym krokiem jest przyjrzenie się wytycznym brandingowym Twojej firmy i sprawdzenie, czy wymagają one aktualizacji. Jeśli Twoja firma nie ma wytycznych dotyczących brandingu, uruchomienie świeżo przeprojektowanej witryny internetowej to świetny czas na stworzenie takich, które można również wykorzystać do projektu biuletynu e-mail.

Dlaczego mają znaczenie? Zapewniają spójny i profesjonalny wygląd komunikacji. Niezależnie od tego, czy wybierasz klimat lat 70., czy minimalistyczną atmosferę korporacyjną, chcesz, aby istniała ciągłość od Instagrama do Twojej witryny.

Będziesz chciał pomyśleć o kolorach, obrazach, motywach, logo, czcionkach, rozmiarach czcionek… innymi słowy o wszystkim, co estetyczne. Możesz nawet umieścić muzykę na swojej stronie internetowej i fajne efekty wskaźnika. Tylko upewnij się, że jest czytelny. Uczynienie go przyjaznym dla osób niepełnosprawnych, na przykład poprzez włączenie opcji zamiany tekstu na mowę, jest również dobrym pomysłem zarówno dla Twojej firmy, jak i użytkowników.

🔥 Czy chcesz, aby wszystko, co zaprojektujesz, odniosło sukces? Następnie proponujemy zapoznać się z 12 zasadami projektowania graficznego.

6. Rozwiń swój głos

Będziesz chciał mieć pewność, że Twoja witryna jest głosem firmy, niezależnie od tego, jaki jest ten głos. Czy jesteś nieformalną lub formalną firmą? Kim jest zamierzona publiczność? Możesz utworzyć profil swojego typowego użytkownika, aby dowiedzieć się, jak z nim rozmawiać. Jakie są ich zainteresowania? Dlaczego mieliby wejść na twoją stronę?

Twój głos jest tak samo ćwiczeniem z empatii, jak z brandingiem i jednym z wielu potężnych narzędzi marketingowych. Chcesz postawić się w sytuacji swojego użytkownika i zobaczyć, czego by chciał i oczekiwał odwiedzając Twoją stronę.

7. Idealna podróż użytkownika

Po ustaleniu celów możesz przyjrzeć się swojej dotychczasowej ścieżce użytkownika przez witrynę, biorąc pod uwagę takie rzeczy, jak współczynnik odrzuceń, aby zrozumieć problemy klientów. Dobrym sposobem na napisanie tego jest schemat blokowy, mapujący każdy krok i możliwości, jakie może napotkać użytkownik.

Następnie możesz przyjrzeć się, jak ta podróż ma się do celów, jakie masz dla swojej nowej witryny, aby zidentyfikować konkretne obszary, które wymagają poprawy. Dzięki tym informacjom będziesz mógł zaprojektować nową ścieżkę użytkownika w celu przeprojektowania swojej witryny.

8. Delegowanie zadań związanych z przeprojektowaniem witryny

Być może jedna osoba może być odpowiedzialna za wprowadzenie wszystkich zmian po ich podjęciu, a może wolisz, aby różne osoby pracowały nad różnymi zmianami. Na przykład twój pisarz może być odpowiedzialny za przeprojektowanie bloga, a twój projektant może zająć się estetyką.

Każdemu członkowi zespołu możesz przypisać zestaw zadań na podstawie swoich celów. Po prostu upewnij się, że kierownik projektu przejrzy ostateczną wersję roboczą przed uruchomieniem, aby zapewnić spójną strukturę witryny.

9. Utwórz harmonogram

Utwórz listę zadań do wykonania

Oprócz delegowania pracy będziesz także chciał stworzyć harmonogram realizacji różnych części. Czy masz na myśli konkretną datę uruchomienia swojej nowej strony internetowej, na przykład Międzynarodowy Dzień Kobiet? Czy są jakieś inne wydarzenia, których chcesz uniknąć lub zbiegać się z nimi?

Spisanie harmonogramu pracy, np. kiedy skorzystać z pomocy firmy testującej aplikacje dla wersji aplikacji Twojej witryny (jeśli zdecydujesz się zrobić aplikację), pomoże Ci bezstresowo ukończyć projekt. Upewnij się, że budujesz w pokoju do poruszania się w przypadku jakichkolwiek niepowodzeń.

10. Rozejrzyj się

Więc teraz, gdy masz już solidne podstawy do przeprojektowania swojej witryny, możesz chcieć sprawdzić fajne pomysły innych ludzi i być może zmienić przeznaczenie niektórych z nich na własną witrynę! Być może niektórzy z Twoich konkurentów zaczęli używać na swoich blogach efektownych sześciosekundowych filmów, a Ty chcesz zrobić to samo. A może zauważyłeś wyjątkowo minimalistyczną stronę internetową, która przemawia do Twojej duszy i chciałbyś odtworzyć ten sam efekt.

Nie bój się szukać inspiracji w nietradycyjnych przestrzeniach. Może coś w naturze Cię inspiruje lub cytat z filmu. Warto pamiętać, że niektóre z najbardziej zapadających w pamięć projektów mogą pochodzić z nieoczekiwanych miejsc.

Możesz zebrać wszystkie swoje pomysły i inspiracje w jednym miejscu, takim jak tablica na Pintereście, i wykorzystać to jako punkt wyjścia dla nastroju Twojej witryny.

11. Umieszczaj myśli w słowach

Nadaj kierunek przeprojektowaniu swojej witryny

Chociaż zbieranie pięknych obrazów i pomysłów jest naprawdę zabawną częścią przeprojektowania witryny, równie ważne jest, aby odpowiednio przygotować treść. Co chcesz, aby Twoja witryna faktycznie mówiła o Tobie, Twoich usługach i Twoich produktach?

Słowa, których używasz, mają wagę i mogą stworzyć lub zepsuć Twoją witrynę. Niewłaściwa kropka może sprawić, że Twoja witryna będzie wyglądać pospiesznie i nieprofesjonalnie. Pomyśl o słowach, których chcesz użyć w swojej witrynie. Jakie uczucia chcesz wywołać?

Jeśli chcesz mieć słoneczną, szczęśliwą atmosferę, może zawierać słowa takie jak przesiąknięte słońcem , ciepłe i szczęśliwe . Jeśli chcesz bardziej korporacyjnej atmosfery, możesz użyć słów takich jak czysty i bezproblemowy . Stwórz chmurę słów z kluczowymi frazami i słowami, które zostaną rozrzucone po całej witrynie. Prawidłowe wykonanie tego zadania może pomóc w wykrojeniu niszy w Twojej dziedzinie działalności.

12. Zaprojektuj i rozwiń swoją witrynę

Po ustaleniu treści i estetyki musisz zaprojektować i opracować szkielet swojej witryny, który możesz następnie uzupełnić o wszystko inne. Śledzenie najnowszych trendów w projektowaniu stron internetowych nie wystarczy. Upewnij się, że Twoja witryna działa na różnych urządzeniach, a Twoje strony docelowe mają wystarczająco duży wpływ, aby zachęcić użytkowników do eksploracji Twojej witryny.

Podczas tej części upewnij się, że otrzymujesz częste informacje zwrotne od swojego wymarzonego zespołu, aby upewnić się, że idzie we właściwym kierunku. Chcesz również upewnić się, że możesz zoptymalizować swoją witrynę pod kątem przyszłych wydarzeń.

13. Gotowy do startu

Po ukończeniu przedpremierowego podglądu Twojej witryny nadszedł czas, aby… wprowadzić ją do międzyświata! Tylko upewnij się, że dokładnie go przetestowałeś, zanim zostanie opublikowany, i powinieneś być gotowy.

Rzeczy, na które należy zwrócić uwagę przed uruchomieniem:

  • Że nie ma zepsutych obrazów
  • Czy wszystkie linki działają i prowadzą użytkownika tam, gdzie chciałeś
  • Że nie ma komunikatów o błędach
  • Wszystkie opisy meta są poprawne

Po uruchomieniu witryny pamiętaj, aby reklamować ją w kanałach mediów społecznościowych, a także upewnij się, że Twoje kanały mediów społecznościowych dobrze pasują do nowej witryny — mogą również wymagać aktualizacji w tym samym czasie.

To jest Wrap!

Niezależnie od tego, czy zajmujesz się koszulkami, twórcą gier, czy czymkolwiek innym, Twoja witryna powinna odzwierciedlać tożsamość Twojej marki i być przyjazna dla użytkownika. Mamy nadzieję, że ten przewodnik przyda Ci się w tworzeniu spójnego głosu i estetyki, która wyróżni Cię jako niezapomnianą firmę.


Jessica Day Starszy Dyrektor ds. Strategii Marketingowej, Dialpad

Jessica Day – starszy dyrektor ds. strategii marketingowej, Dialpad
Jessica Day jest starszym dyrektorem ds. strategii marketingowej w Dialpad, nowoczesnej platformie komunikacji biznesowej, która przenosi każdy rodzaj rozmowy na wyższy poziom — zamieniając rozmowy w możliwości. Jest ekspertem we współpracy z wielofunkcyjnymi zespołami w celu realizacji i optymalizacji działań marketingowych, zarówno dla kampanii firmowych, jak i klienckich. Jessica pisała również dla serwisów takich jak Plutio i Zumvu. Oto jej LinkedIn.