Kompleksowa lista kontrolna przeprojektowania strony internetowej w 2022 r.

Czy Twoja witryna jest błyszcząca i wygląda dokładnie tak, jak chciałeś, aby była przed laty? Ale teraz może już nie spełniać swojego pełnego celu? Jeśli tak, czas na aktualizację. Każdy właściciel witryny powinien regularnie sprawdzać projekt swojej witryny i szukać możliwości ulepszenia i przeprojektowania swojej witryny.

W tym artykule przedstawimy szczegółowy i kompleksowy przewodnik po przeprojektowaniu witryny.

Czym jest przeprojektowanie strony internetowej?

Przeprojektowanie witryny to szczegółowy proces, który obejmuje znaczną zmianę kodu, treści, struktury i elementów wizualnych obecnej witryny, aby lepiej służyła odwiedzającym. Przeprojektowując witrynę internetową, właściciel firmy dążyłby do osiągnięcia następujących celów: lepszy projekt interfejsu użytkownika, lepsza obecność w Internecie, lepsze wrażenia użytkownika i wyższy współczynnik konwersji.

Kiedy powinieneś przeprojektować swoją stronę internetową?

Jak możesz stwierdzić, czy nadszedł czas, aby przeprojektować witrynę, czy nie? Zanim zainwestujesz cenne zasoby firmy w przeprojektowanie, musisz upewnić się, że przeprojektowujesz witrynę z właściwych powodów. Oto kilka czynników, które należy wziąć pod uwagę przy podejmowaniu decyzji o przeprojektowaniu witryny:

• Kiedy Twoja firma się zmieniła. Twoja strona internetowa działa jak głośnik dla Twojej firmy i jest ważnym czynnikiem w przyciąganiu nowych klientów i klientów. W miarę upływu czasu Twoja firma rozpoczyna nową strategię — opracowanie nowej unikalnej propozycji wartości, wprowadzenie nowego produktu, podjęcie decyzji o kierowaniu na nową grupę demograficzną itp., ale Twoja witryna nie została zaktualizowana, aby dostosować ją do nowej podejście, a jednocześnie obserwujesz spadek ruchu lub wysoki współczynnik odrzuceń lub niższe konwersje, to może nadszedł czas, abyś przeprojektował swoją witrynę.
• Kiedy ma przestarzały i staromodny design. Najlepsze praktyki w projektowaniu stron internetowych szybko się zmieniają. Strona, która była intuicyjna dla odwiedzających pięć lat temu, nie oznacza, że ​​jest teraz. Jeśli Twoja witryna nie była aktualizowana od lat, prawdopodobnie tracisz odwiedzających lub klientów w oparciu o aktualne trendy w optymalizacji wyszukiwarek, wrażeniach użytkowników i nowych technologiach.
• Gdy witryna nie jest zoptymalizowana pod kątem urządzeń mobilnych. Zbyt wiele osób przegląda sieć na urządzeniach mobilnych, a jeśli Twoja witryna jest trudna w obsłudze na małym ekranie, odwiedzający będą klikać, a wyszukiwarki ukarzą Cię w rankingu. Jeśli więc Twoja witryna nie jest przyjazna dla urządzeń mobilnych, konieczne jest przeprojektowanie witryny.
• Gdy Twoja witryna jest niezabezpieczona. Cyberbezpieczeństwo jest jednym z największych problemów w dzisiejszych czasach. Jeśli Twoja witryna została założona wiele lat temu i od tego czasu nie była aktualizowana, jesteś bardziej podatna na ataki hakerów i wirusy, co oznacza, że ​​musisz ją uaktualnić, aby zwiększyć jej bezpieczeństwo.

Podsumowując, po prostu rozważ powyższe czynniki, aby pomóc Ci ocenić, czy musisz przeprojektować swoją witrynę, czy nie.

Kompleksowa lista kontrolna przeprojektowania strony internetowej

Jeśli Twoja firma musi przeprojektować witrynę po rozważeniu powyższych czynników, przejdźmy do dobrych rzeczy — naszej listy kontrolnej przeprojektowania witryny.

Zrób dogłębny audyt swojej obecnej strony internetowej

Zanim podejmiesz te kroki w celu przeprojektowania witryny, musisz jasno określić, co jest nie tak z Twoją obecną witryną. Musisz sprawdzić kluczowe wskaźniki wydajności, aby zobaczyć, jak radzi sobie Twoja witryna. Robiąc to, należy wziąć pod uwagę następujące wskaźniki: współczynnik odrzuceń dla strony głównej i dla stron głównych, całkowity ruch w witrynie w każdym miesiącu, najczęściej odwiedzane strony i współczynniki konwersji.

Utwórz tymczasowy adres URL

Utworzenie tymczasowego adresu URL zapobiegnie stratom biznesowym i uszkodzeniu starannie prowadzonego SEO. Jednym z najprostszych sposobów, aby to zrobić, jest skopiowanie istniejącej witryny i skonfigurowanie jej pod tymczasowym adresem URL. Następnie zmień i zaktualizuj swoją witrynę z tymczasowego adresu URL. Po zakończeniu prac nad przeprojektowaniem możesz zmienić nazwy domen i zamienić swoją nową witrynę na starą.

Zbuduj osobowość

Budowanie persony oznacza, że ​​musisz zwracać uwagę na odwiedzających i projektować swoją witrynę tak, aby spełniała ich potrzeby. Może pomóc w uzyskaniu podstawowego szkicu osoby, do której najbardziej chcesz dotrzeć. Persony pozwalają Ci zmapować osoby, dla których tworzysz swoją witrynę, dzięki czemu łatwiej jest zajrzeć do ich głów i upewnić się, że Twoje podejście do projektowania jest skoncentrowane na ich doświadczeniu.

Spójrz na swoich konkurentów i znajdź inspirację

Aby znaleźć inspirację do przeprojektowania, musisz zapoznać się z najnowszą listą innowacyjnych technik marketingowych, aktualizacjami algorytmu Google, aktualnymi najlepszymi praktykami SEO i nowymi słowami kluczowymi. Ponadto poświęć więcej energii na prowadzenie dalszych badań na stronach internetowych konkurencji. Jakie są ich wyjątkowe cechy i co jest nie tak z ich stroną internetową? Zrób listę wszystkich rzeczy związanych z twoją konkurencją, postaraj się wykonać lepszą pracę projektową niż ich, a także unikaj błędu, który popełnili.

Stwórz treść swojej strony internetowej

Nie musisz zaczynać od zera podczas przeprojektowywania swojej witryny, ponieważ masz już wiele stron, ale musisz szukać sposobów, aby je ulepszyć. Wykonując mapowanie treści, powinieneś spróbować znaleźć strony, które są teraz dobrze zoptymalizowane pod kątem wyszukiwania i nie mają wyraźnego CTA. Co więcej, musisz tworzyć treści, które można dostosować do różnych formatów i które można aktualizować, aby lepiej zachęcać odwiedzających do podejmowania pożądanych działań. Najważniejszą częścią jest ustalenie uszkodzonych linków lub innych problemów przyczyniających się do wysokich współczynników odrzuceń.

Przeprojektuj swoją witrynę

Czas rozpocząć fazę projektowania po ukończeniu planu treści dla Twojej witryny. Na tym etapie projektant produktu lub strony internetowej musi najpierw stworzyć makiety lub prototypy dla nowej strony internetowej, używając narzędzi do prototypowania, takich jak Mockplus, Axure, Zeplin itp. Następnie musisz rozpocząć proces przeprojektowania UX/UI. Może to obejmować zmiany estetyczne, aktualizowanie nieaktualnej treści, odświeżanie słów kluczowych, sprawdzanie i zastępowanie linków, zastępowanie starych obrazów i wiele innych.

Twórz i koduj swoją witrynę

Na tym etapie musisz poświęcić wystarczająco dużo czasu, aby strona została opracowana i zakodowana w czysty sposób. Stworzone makiety o płaskich projektach zostaną przeniesione do HTML, CSS i innych języków, aby strona była funkcjonalna. Co więcej, powinieneś sprawdzać funkcjonalność różnych przeglądarek, aby zapewnić spójne środowisko dla wszystkich użytkowników. Zapewnia to, że Twoja witryna będzie wyświetlana dokładnie zgodnie z oczekiwaniami, bez względu na to, jakiej przeglądarki używają Twoi użytkownicy, będą mieli takie same w pełni zoptymalizowane wrażenia.

Zoptymalizuj swoją stronę pod kątem urządzeń mobilnych

Nie można pominąć optymalizacji witryny pod kątem urządzeń mobilnych, ponieważ ludzie będą w 100 procentach szukać Twojej witryny na swoich smartfonach, dlatego w dzisiejszych czasach konieczne jest dostosowanie witryny do urządzeń mobilnych. Pamiętaj, że właściwa mobilna strona internetowa nie będzie miała takiego samego wyglądu jak strona internetowa na komputery. Powinien być zminimalizowany i sformatowany, aby ułatwić odczyt na urządzeniach przenośnych.

Przetestuj swoją witrynę

Po wykonaniu powyższych kroków musisz teraz przetestować przeprojektowaną witrynę. Musisz też wprowadzić drobne zmiany, aby go ulepszyć kilka miesięcy po uruchomieniu. Jednym ze sposobów na to jest testowanie użytkowników A/B. Ta forma testowania wykorzystuje dwie wersje Twojej witryny, aby zobaczyć, które elementy generują ruch i zaangażowanie. Jeśli jakieś problemy zostały przetestowane, musisz mieć swoich programistów lub osoby techniczne gotowe do szybkiego ich naprawienia przed uruchomieniem.

Uruchom swoją nową stronę internetową

Jesteś prawie na miejscu! Po miesiącach audytów, planowania, projektowania i opracowywania jesteś w końcu gotowy do uruchomienia nowej witryny. Dużo za to zapłaciłeś, a teraz nadszedł czas, aby pochwalić się tym w mediach społecznościowych i w newsletterach. Opublikuj go w sieci, ale zwróć szczególną uwagę na analitykę witryny, aby zobaczyć, jak to działa. Śledź konkretne dane pod kątem wyznaczonych celów, zobacz, co działa, a następnie kontynuuj dopracowywanie projektu na podstawie tych danych.

Jak często należy przeprojektowywać swoją stronę internetową?

W tej części muszę wyjaśnić, że nie ma jednego uniwersalnego podejścia. Generalnie jednak właściciele firm powinni przeprojektowywać swoją witrynę co dwa do trzech lat. Zależy to jednak od trendu w Twojej firmie i branży. Ponieważ technologia stale się zmienia, wydaje się, że co miesiąc wdrażane są nowe techniki projektowania stron internetowych i może być konieczne szybsze przeprojektowanie, aby witryna wyglądała świeżo.

Co więcej, jeśli nie chcesz, aby Twoja witryna była ponownie projektowana za mniej więcej rok, możesz wybrać współpracę z doświadczonym zespołem internetowym, który wykorzystuje nowoczesne trendy i technologie projektowe. Doświadczony projektant stron internetowych lub zespół projektowy stworzy nowoczesny projekt, który będzie wyglądał świeżo i innowacyjnie przez co najmniej kilka następnych lat, co pomoże Ci zaoszczędzić mnóstwo czasu i wysiłku.

Kilka doskonałych przykładów przeprojektowania strony internetowej

Testowanie użytkownika

Podstawowy produkt User Testing, nazwany „ Human Insight Platform ”, to narzędzie do testowania użyteczności, które ma zapewniać wgląd na żądanie w zachowanie witryny i wrażenia użytkownika.

Przed zmianą wyglądu strony głównej strona główna była zdominowana przez karuzelę z trzema slajdami, promującą rejestracje w usłudze testowania głównych użytkowników oraz wezwania do działania wskazujące na usługi dodatkowe. Oprócz ryzyka związanego z karuzelami, drugi i trzeci slajd wydawały się niejasne i mało prawdopodobne, aby wygenerowały zamierzone leady.

Po przeprojektowaniu strony jej strona główna to powiew świeżego powietrza w jasnoniebieskim kolorze. Liczba słów spadła o 25 procent, dzięki czemu jest znacznie czystsza. Po ulepszonej nawigacji u góry karuzela została porzucona w zamian za sprytne, profesjonalne i inspirujące ilustracje, z odważnymi propozycjami wartości i efektownymi wezwaniami do działania, które mogą pomóc w generowaniu większej liczby potencjalnych klientów.

Mockplus

Mockplus to świetna platforma internetowa dla całego zespołu projektowego, wszyscy członkowie zespołu, w tym menedżerowie produktu, projektanci UI/UX i programiści, mogą wykonywać swoją pracę i współpracować na tej platformie. Może zapewnić bezproblemowy przepływ pracy, jakiego nigdy wcześniej nie widziano.

Przed przeprojektowaniem strony wygląd był nieco przestarzały ze względu na kolor tła. Mówiąc o układzie strony, ma nawigację w górnym menu, po której następuje super przejrzysta propozycja wartości, a następnie bardziej szczegółowe opisy funkcji i dwa wyraźne CTA, dzięki czemu jest to strona responsywna, ale to nie znaczy, że nie można jej ulepszyć .

Po przeprojektowaniu strony internetowej wygląda zupełnie inaczej, pozostając w pewien sposób znajomą. Wraz ze zmianą firmy projektant zmienił również słowa nagłówka z dużą czcionką. Poniżej kilka słów zachęcających do szybkiego przewodnika po Mockplus. Ostateczne wezwanie do działania ma jaskrawoczerwony kolor na początek, co jest mniej przerażające niż nurkowanie i kupowanie produktu od razu.

Globalny GRAB

Global GRAB Technologies, Inc. jest wiodącym dostawcą produktów i usług ochrony obwodowej z siedzibą we Franklin, TN.

Przed przeprojektowaniem strony internetowej strona główna zawierała dużo tekstu, była przestarzała i pozbawiona intencjonalności. Małe obrazy na tej stronie nie mówią wiele o wyjątkowych produktach i usługach firmy. Krótko mówiąc, stara strona witryny nie reprezentuje dokładnie światowych autorytetów w zakresie bezpieczeństwa obwodowego.

Po przeprojektowaniu strony internetowej kolory marki wplatają się w całą witrynę. A strona przedstawia propozycję wartości z przodu i na środku. Wyraźnie informuje o tym, kim jest Global GRAB i jego usługach, zawiera również ruchome wideo na stronie głównej, odważne wezwania do działania, ikony oznaczające różne oferty, referencje, artykuły na blogu i wiele innych.

NeilPatel.com

Neil Patel jest autorem bestsellerów „New York Timesa”. Został uznany za 100 najlepszych przedsiębiorców poniżej 30 roku życia przez prezydenta Obamę i 100 najlepszych przedsiębiorców poniżej 35 roku życia przez ONZ. Oto jego strona internetowa.

Przed redesignem strony , strona główna skupiała się na jego webinarze, który w tamtym czasie mocno promował. Od tego czasu jego zainteresowania się zmieniły, więc przeprojektował stronę główną, aby skoncentrować się na zbieraniu nowych leadów.

Po przeprojektowaniu strony internetowej wyraźnie pokazuje, kim jest i jak może pomóc w budowaniu Twojego sukcesu komercyjnego. Zmieniono schemat kolorów lub wybrane przez niego czcionki, ale w większości ma to ten sam styl. A ponieważ poprzedni projekt nie był już zgodny z jego strategią marketingową, musiał się zmienić.

Podsumowując

Musisz pamiętać, że rozważając rozpoczęcie projektu przeprojektowania, pierwszym krokiem jest zawsze ocena, dlaczego chcesz przeprojektować swoją witrynę. Musisz mieć solidne uzasadnienie decyzji o przeprojektowaniu i powyższej treści o tym , kiedy powinieneś przeprojektować swoją witrynę? ” może pomóc w podjęciu właściwej decyzji.

Następnie musisz upewnić się, że rozumiesz takie rzeczy, jak bieżące zasoby, z którymi musisz pracować, które obszary witryny chcesz ulepszyć i jakie cele będziesz śledzić, aby sprawdzić, czy przeprojektowanie się powiodło? Możesz postępować zgodnie z powyższą obszerną listą kontrolną przeprojektowania witryny i nie możesz się pomylić.