Jak budujemy strony internetowe w Articulate Marketing

Przede wszystkim budujemy serwisy HubSpot CMS. Jeśli nie wiesz, czym jest HubSpot, nie martw się. Udaj się tutaj, aby zapoznać się z łatwym wprowadzeniem. Dla tych z Was, którzy nadal są z nami, dzisiaj przedstawiamy proces budowania stron internetowych dla naszych klientów.

Ten artykuł jest oparty na jednym z naszych webinariów, które poprowadziłem, Ioana Negulescu, szefowa studia w Articulate Marketing. Możesz obejrzeć wideo i pobrać slajdy poniżej:

Wyzwania związane z tworzeniem strony internetowej

Często jest pierwszy krok, jeśli chodzi o budowanie nowej witryny (lub migrację istniejącej witryny). Musimy złagodzić niektóre obawy. Nierzadko zdarza się, że klienci, którzy zostali wcześniej spaleni przez doświadczenia z poprzednimi agencjami.

Kiedy słyszymy...

„Martwimy się o nową stronę internetową, ponieważ ostatnia była bardzo bolesna”.

My to robimy...

Słyszeliśmy to już tyle razy. Dlatego staramy się robić lepiej.

Na przykład zamiast korzystać z wykresów Gantta, lubimy używać kamieni milowych . Jedną z rzeczy, na których się skupiamy, jest przejrzysty proces z ciągłymi aktualizacjami postępów. Daje to naszym klientom poczucie bezpieczeństwa.

Jedną z rzeczy, która jest dla nas bardzo, bardzo ważna podczas procesu projektowania stron internetowych, jest to: rozmowy wideo przez e-maile. To ważne, bo potrafimy ocenić reakcje naszych klientów. Jeśli są trochę cicho, jeśli są bardzo podekscytowani i tak dalej. W ten sposób możemy wydawać rekomendacje zgodne z ich oczekiwaniami. I oczywiście odpowiedz również na wszelkie pytania, które mogą mieć.

Kiedy słyszymy...

„Tyle razy próbowaliśmy ścigać programistę, po prostu nie chcą do nas wrócić”.

My to robimy...

Do zaznaczania postępów używamy regularnych wezwań do zarządzania projektami , które mamy w kalendarzu od pierwszego dnia. Podczas tych wezwań do zarządzania projektami przedstawiamy nowe prace i identyfikujemy blokery.

Projektanci i programiści potrzebują czasu, aby faktycznie wykonać pracę, więc nie zawsze ma sens, aby brali udział w każdej takiej rozmowie. Wprowadzamy je, gdy jest to istotne.

Kiedy słyszymy...

'Co jeśli nowa strona nie spełni naszych oczekiwań?'

My to robimy...

Zanim przystąpimy do projektowania stron internetowych, zapoznamy się z założeniami ich strategii marketingowej. Jest to bardzo ważne, ponieważ na tym etapie poznajemy klientów klienta, drogę kupującego oraz cele marketingowe firmy. Poinformuje nas to o wielu strategicznych decyzjach, jakie podejmujemy odnośnie serwisu, ustalając oczekiwania od samego początku.

Następnie przechodzimy do architektury marki. Tutaj przedstawiamy podstawy serwisu. Kolory, obrazy lub ilustracje, elementy UX/UI, czcionki - ogólna estetyka witryny. Jest to niezwykle wspólny proces. Nasi klienci są zaangażowani na każdym kroku , więc ich wkład i wymagania są wbudowane w produkt końcowy.

Przykład: HTG

Zbudowaliśmy wielokrotnie nagradzaną witrynę internetową dla HTG, więc użyjemy jej jako przykładu.

Wyrazili te obawy i przedstawili swoje wyzwania, kiedy po raz pierwszy z nimi rozmawialiśmy. Są to dość częste problemy wśród firm technologicznych B2B:

• Ambitne cele rozwoju biznesu
• Nieaktualna strona internetowa (i marka)
• Niewiele możliwości pozyskiwania leadów
• Niezdarna nawigacja
• Słabe wrażenia użytkownika
• Słaba wydajność witryny

Jeśli to brzmi jak Ty, przejdź tutaj, aby ocenić swoją witrynę.

Proces artykulacji

Oto nasz proces, w skrócie. Kliknij ten obraz, aby zobaczyć go bardziej szczegółowo:

Wróćmy do przykładu HTG. Wraz z nimi postępowaliśmy zgodnie z naszym zwykłym siedmioetapowym procesem:

1. Rozpoczęcie

Rozpoczęcie to pierwsza interakcja w ramach projektu strony internetowej. Podczas tej rozmowy staramy się ocenić preferencje projektowe naszych klientów i aspiracje związane z marką. Chcemy strategicznie dopasować te preferencje do ostatecznego celu każdej witryny internetowej stworzonej przez Articulate: zbudowania dobrze działającego silnika marketingowego.

2. Moodboardy i struktura strony internetowej

Tutaj uruchamiamy dwa procesy wewnętrzne. Jednym z nich jest zestawienie moodboardów, rekomendacji czcionek, rekomendacji kolorów, obrazów i tak dalej.

Po drugie, wraz z naszym zespołem copywriterów marketingowych, opracowujemy rekomendacje map witryn. To jest struktura nawigacji i stron, które będziemy musieli zbudować.

Następnie mamy rozmowę telefoniczną z klientem, która jest naszym pierwszym wielkim kamieniem milowym. Na koniec każdego z etapów mamy telefon weryfikacyjny. Jeśli wszystko zostanie zatwierdzone, przechodzimy do następnego etapu. Jeśli nie, wracamy i iterujemy.

3. Wstępne projekty i makiety

Tutaj projektujemy stronę główną jako sposób na pokazanie estetyki serwisu. Zazwyczaj tworzymy kilka różnych opcji do wyboru przez klienta. Ponieważ projektujemy w sposób modułowy , myślimy o tym jako o kroku, aby pokazać, jak będą wyglądać niektóre z najważniejszych „klocki Lego”.

Równolegle opracowujemy strategię dotyczącą struktury strony. To znaczy, jakie treści trafiają na daną stronę? Jakich klocków Lego potrzebujemy?

Nasz zespół następnie buduje szkielety, które są jak wstępne szkice stron internetowych bez elementów projektu.

4. Zaprojektuj wszystkie moduły i napisz wersję roboczą kopii internetowej

Na tym etapie nasz zespół copywriterów zaczyna szkicować tekst, podczas gdy zespół projektowy przechodzi do projektowania wszystkich modułów wymaganych dla strony internetowej. Nie zawsze jest tak, że piszemy całą kopię na stronach internetowych naszych klientów, ale kiedy to robimy, naliczamy przejrzyste opłaty za każdą stronę na podstawie wcześniej uzgodnionej mapy witryny.

5. Rozwijaj stronę internetową

Aby pokazać projekty modułów na miejscu, opracowujemy i budujemy wszystkie strony z kopią lorem ipsum i obrazami zastępczymi , aby nasi klienci mogli uzyskać właściwe wyobrażenie o efekcie końcowym.

Pracując z deweloperem, dowolnym deweloperem, warto zadać mu kilka istotnych pytań:

• Jakie są główne kroki, które podejmujesz, aby zakodować naszą stronę internetową?
• Jak upewnić się, że kod jest uporządkowany? (Poważny problem z szablonami witryn internetowych).
• Kiedy i jak często sprawdzasz szybkość i ogólną wydajność?
• Jak wygląda budowanie strony po opracowaniu strony internetowej? Czy jest to przyjazne środowisko użytkownika dla każdego, kto tworzy stronę?

Lub jeśli pracujesz z Articulate, „Jaki jest najszybszy czas, w którym ułożyłeś kostkę Rubika?” Takie pytania są mile widziane.

Nasz proces rozwoju zaczyna się w Notion, gdzie planujemy naszą pracę. Następnie ustawiamy kod bazowy dla nawigacji i niektórych modułów globalnych. Następnie przygotowujemy listę kontrolną zapewnienia jakości dla każdego elementu projektu i funkcjonalności, które musimy zbudować dla tej konkretnej witryny. Dzięki temu będziemy mieli rację przez cały czas trwania budowy.

Tworzymy szkielety wszystkich modułów w HTML, a następnie zaczynamy przyglądać się stylom. Pomyśl więc o cegłach, tynku, malowaniu i dekorowaniu.

Przez cały czas wszystko testujemy, sprawdzamy wydajność i wprowadzamy ulepszenia. Często nauczymy się, jak zrobić coś lepiej i przeniesiemy tę wiedzę na naszą następną witrynę internetową.

6. Wypełnij strony

Na tym etapie, po kilku iteracjach i opiniach klientów, wypełniamy strony zatwierdzoną kopią i zdjęciami. Na tym etapie strona jest prawie gotowa do uruchomienia. Przechodzimy przez kolejny etap oceny klienta, a następnie przeprowadzamy dokładną listę kontrolną przed uruchomieniem kontroli jakości.

7. Uruchom!

Uruchamiamy, a potem uruchamiamy kolejną listę kontrolną QA po uruchomieniu, ponieważ bardzo ważne jest, aby upewnić się, że strona jest funkcjonalna i że nic nie zepsuło się od inscenizacji do życia.

Wreszcie oczywiście świętujemy!

10 wskazówek dotyczących świetnego projektowania stron internetowych

Oto kilka zasad, których nauczyliśmy się przez lata i dziesiątki kompilacji stron internetowych:

1. Postaw swoje preferencje na drugim miejscu, a problemy swoich osobowości na pierwszym miejscu.
2. Skoncentruj się na tym, jak pomagasz swoim klientom, a nie tylko na liście swoich usług.
3. Nie próbuj wymyślać koła na nowo. Co działa, działa bez powodu. Na przykład skupianie się wyłącznie na obszarze powyżej części ekranu jest mitem. Każdy wie, jak przewijać. Jest nawet strona internetowa na ten temat: http://abovethefold.fyi/
4. Nawigacja powinna być krótka i prosta.
5. Spraw, aby przyciski były oparte na wartości. Jeśli to możliwe, unikaj ogólnych kopii.
6. Zawsze łącz do odpowiedniej strony, jeśli istnieje strona z szerszym kontekstem.
7. Na kluczowych stronach unikaj zbyt wielu linków zewnętrznych. (Twój blog to inna historia).
8. Zawsze kończ stronę jednym lub kilkoma wezwaniami do działania (wezwaniami do działania), przenosząc użytkownika do następnego kroku w procesie.
9. Nie lekceważ potęgi strony kontaktowej – zbyt często jest to punkt wyjścia, ale naprawdę, naprawdę chcesz, aby ludzie byli na tej stronie.
10. Mniej znaczy więcej!

Bonus: nie pozwól, aby logo dyktowało zły projekt

Kiedy projektowaliśmy stronę HTG, ich logo było nieaktualne i nie pasowało już do marki, do której dążyliśmy. Zmodernizowaliśmy go, wprowadzając kilka prostych zmian:

Oto trochę do myślenia. W naszej erze cyfrowej Twoją marką najprawdopodobniej będzie Twoja witryna, a nie logo. Pomyśl więc najpierw o stronie internetowej, a dopiero potem o logo.

Co dzieje się po premierze?

W porządku. Masz nową stronę internetową. Co teraz? Jak już powiedzieliśmy, w Articulate strony internetowe traktujemy jak silniki marketingowe, więc nasze zaangażowanie nie musi kończyć się wraz z uruchomieniem. W rzeczywistości to dopiero początek drogi dla większości naszych klientów.

Od tworzenia nowych treści, takich jak blogi, strony filarowe, oferty bramkowane i strony „wyciskania”, po śledzenie zachowań i testy wielowariantowe, Twoja witryna może zrobić o wiele więcej.

Zajawka: Nucleus

Jak więc zdobyć witrynę HubSpot? Istnieje kilka opcji, takich jak tworzenie strony internetowej na zamówienie, ale jednym ze sposobów jest użycie motywu HubSpot. Nucleus to własny temat Articulate.

Motyw jest jak znacznie bardziej wyrafinowany szablon strony internetowej. Nasza własna strona internetowa jest zbudowana na Nucleusie i używaliśmy jej dla kilku klientów z szeroką gamą stylów projektowania. Wprowadzamy go na HubSpot Marketplace w 2022 roku. Dzięki Nucleus możemy budować wysoce zoptymalizowane strony internetowe dla naszych klientów w ciągu tygodni, a nawet dni. To wszystko jest dość ekscytujące!

>> Kliknij tutaj, aby poznać Nucleus <<