Jak wspaniały projekt wspomaga podróż kupującego

Dlaczego projekt ma znaczenie? Wydaje się oczywiste, że tak. Spędzamy nad tym dużo czasu, starając się, aby wszystko, nad czym pracujemy, „wyglądało dobrze”.

Ale czy zdajesz sobie sprawę, jakie to ma znaczenie? Czy w projektowaniu jest coś więcej niż tylko „dobry wygląd”?

Funkcja projektowania marketingowego

Nie oddalając się od chwastów, gdzie kończymy rozmawiać o tym, dlaczego toster wygląda jak toster, odpowiedzmy na to pytanie po prostu w kategoriach marketingowych. Dlaczego design ma znaczenie w marketingu?

Powiedziałbym, że design spełnia trzy główne funkcje w świecie marketingu:

• Design jest przewodnikiem. Design prowadzi osoby, które są zainteresowane, a może po prostu potencjalnie zainteresowane Twoją firmą, w kierunku nawiązania z Tobą kontaktu. Świetny projekt wyjaśnia, jakie są ważne informacje, i prowadzi użytkownika do tego, co chcesz, aby zrobił. Projekt strony internetowej pomaga pokazać użytkownikowi, gdzie kliknąć i jak się poruszać. Projekt przycisku powinien mówić „Jestem przyciskiem, kliknij mnie”.
• Design jest ambasadorem. Twój projekt reprezentuje Twoją firmę. Twoje logo, Twoja strona internetowa, e-mail… to często pierwsze rzeczy, które potencjalny klient widzi, gdy po raz pierwszy dowiaduje się o Twojej firmie. Jako ambasador świetny design wyróżnia Cię na tle konkurencji. Definiuje Twój styl wizualny. Przekazuje rzeczy, które czynią Twoją firmę wyjątkową. Buduje również zaufanie. Ludzie instynktownie ufają dobrze zaprojektowanej, nowoczesnej witrynie bardziej niż tandetnej, która została ostatnio zaktualizowana w 2006 roku.
• Design to sprzedawca. Projekt może w rzeczywistości wykonać część pracy polegającej na poruszaniu ludzi przez podróż kupującego. Projekt pomaga posuwać perspektywę naprzód, od świadomości, przez rozważanie, po decyzję. Tworzy połączenie, które napędza sprzedaż. Świetny projekt marketingu przychodzącego przemawia bezpośrednio do osób kupujących. Rozpala zainteresowanie i prowadzi potencjalnych klientów przez podróż kupującego, utrzymując to zainteresowanie i podkreślając kluczowe wyróżniki.

Trzy „K” wspaniałego designu

Więc co sprawia, że ​​projekt jest wspaniały? Mówiliśmy wcześniej, że to coś więcej niż tylko dobry wygląd. Najprostsza odpowiedź, jaką przyszło mi do głowy, „co sprawia, że ​​projektowanie jest wspaniałe?” składa się z trzech słów, które przez magiczny zbieg okoliczności zaczynają się na literę C.

• Świetny projekt jest jasny . Wiemy, że jedną z funkcji projektowania jest kierowanie odbiorców tam, gdzie chcesz, aby poszli, nie tylko ze strony na stronę w witrynie, ale także poprzez naprowadzanie oczu na ważne informacje. Dobry projekt robi to skutecznie, będąc tak przejrzystym, jak to tylko możliwe. Nie chcesz, aby Twoi klienci lub potencjalni klienci zgadywali, gdzie kliknąć, lub przegapili ważny posiłek na wynos. Dlatego chcemy, aby projekt był przejrzysty.
• Świetny projekt jest czysty . Zredukuj swój przekaz do najważniejszych elementów. Oznacza to ograniczenie liczby słów w treści pisanej do minimum, ale oznacza to również ograniczenie do minimum zawartości projektu. Przytnij tłuszcz i zachowaj szczupłą sylwetkę.
• Świetny projekt jest spójny . Zdefiniuj swoją markę, konsekwentnie używając swojego logo, palety kolorów, czcionek i stylu swoich ilustracji, ikon lub fotografii. Konsekwencja może być silną siłą, która poprowadzi kupującego przez jego podróż.

Przyjrzyjmy się każdemu z nich głębiej i spójrzmy na przykłady tego, o czym mówimy dla każdego z tych trzech kluczy do wspaniałego projektu.

{{cta('020a0931-6bf3-4f13-ab71-d8ec980446a9')}}

Przykłady niejasnego projektu

Może najlepiej zdefiniować, czym jest przejrzysty design, patrząc na kilka przykładów niejasnego designu. Widzimy to w naszym codziennym życiu …

Który przycisk zejść? Możesz zgadywać i masz strzał 50/50, ale nie powinieneś zgadywać. Projektant tych przycisków nie myślał o interfejsie użytkownika. Upewnij się, że projekt sprawia, że ​​takie rzeczy są łatwiejsze do zrozumienia, a nie trudniejsze.

Oto strona internetowa dla … no cóż, firmy, która … coś robi. Nie wiem, patrząc na to. Sztuczka na tej stronie polega na tym, że aby przeczytać wiadomość, musisz najechać myszą na niebieski filtr w lewym górnym rogu. Następnie możesz zobaczyć, że mówi:

Oh. Hunh .

To jest urocze, prawda? Ale trochę się przechytrzyli, prawda? Zrobili to tak, że użytkownik musi spędzić kilka sekund patrząc na niego, próbując dowiedzieć się, czy powinien go przeczytać , czy też ma nadchodzącą migrenę oczną. Następnie muszą wymyślić, jak najechać kursorem myszy na określony obszar, aby odsłonić wiadomość.

Wszystko po to, by mogli powiedzieć: „Och. Hunh ”.

To wszystko, co powiedzą użytkownicy, prawda? "Oh. Hunh. Ale gwarantuję wam, że projektanci z Bolden przybijali sobie nawzajem piątki, kiedy to wymyślili.

Nie pozwól, aby twój projektant stron internetowych lub projektant w tobie stał się zbyt sprytny dla twojego własnego dobra. Bycie sprytnym jest w porządku, ale powinni byli wymyślić sposób na to, by być sprytnym, przekazując swoją wiadomość natychmiast i wyraźnie.

Spojrzałem na to zdjęcie i przeczytałem to wszystko i nadal go nie zrozumiałem. Jednogodzinne parkowanie w ciągu dnia, ale co się dzieje po 6? nie wiem .

Potem mamy konkretne wskazówki na poniedziałek i niedzielę, potem wracamy do piątku i soboty. A co z pozostałymi dniami? Myślę, że po to jest górny znak, ale nie jestem pewien.

Powinienem być pewien. I ktoś jest pewien. Gwarantuję wam, że kasjerzy na tej ulicy wiedzą, kiedy mogą wystawiać bilety na samochody, co do minuty. Ktoś, kto wie, jakie zasady obowiązują na tej ulicy, z pewnością mógł użyć jaśniejszego projektu, aby to zakomunikować.

Co może być lepsze? Wyobraź sobie stół z dniami tygodnia u góry i godzinami dnia z boku. Kolorowe klocki informują, kiedy możesz zaparkować. Jeśli jesteś na zielono, dobrze! Taki znak byłby czytelny, łatwy do zrozumienia i zajmowałby mniej niż połowę miejsca tego znaku, używając zaledwie ułamka słów.

Przejrzysty design prawie zawsze komunikuje się w możliwie najprostszy sposób.

A to prowadzi do naszego następnego C: Clean. Więc jeszcze raz spróbujmy to zdefiniować, patrząc na przykłady czegoś przeciwnego.

Wszyscy dostajemy takie rzeczy codziennie pocztą. Czy ktoś rzeczywiście na nie patrzy? Chyba ktoś to robi albo nie zrobi tego. Tak jak myślę, że ktoś tam kupuje rzeczy ze spamu i robocalls . Ktokolwiek to robi, rujnuje życie innych. Ale dygresja …

Więc tutaj tak naprawdę nie wiemy, na co patrzeć, prawda? Moje oczy nie potrafią skupić się na jednej rzeczy, więc po prostu się szklą. To skrajny przykład, ale potencjalna pułapka we wszystkim, co projektujemy. Sprowadź to do jednej wiadomości. Skutecznie komunikuj tę wiadomość. To czysty projekt.

Ta strona główna witryny jest znacznie mniej ekstremalnym przykładem, ale nadal jest to przypadek, w którym czystsze byłoby lepsze. Zajęty obraz tła, z całym jego kolorem i teksturą, sprawił, że główny nagłówek jest praktycznie nieczytelny. Może nawet gorzej, to, co powinno być głównym wezwaniem do działania, jest jeszcze bardziej ukryte! (Widzisz to małe „Kup teraz” obok strzałki?) Czystszy projekt zapewni, że te ważne wiadomości nie zginą.

Tutaj mamy całkowicie złe marmurowe tło, dziwne logo – jedno z nich 3 razy! – oraz każdą czcionkę i jasny kolor podstawowy, jaki był dostępny dla projektanta. Umieśćmy to w przerażających cytatach. "Projektant."

Więc nie muszę ci mówić, co tu jest nie tak. To po prostu wygląda okropnie. Potrzeba poważnego wysiłku, aby dowiedzieć się, do czego to służy . Częścią czystego projektu jest tworzenie hierarchii wiadomości.

Pomyśl o tym, co Twoi odbiorcy chcą wiedzieć. Najpierw będą chcieli wiedzieć, o czym mówimy? Wiadomość powinna brzmieć „Pierwszy doroczny Pennington Hamfest”. To powinno być znacznie bardziej widoczne niż wszystko inne.

Następnie publiczność pyta „OK, co to jest?” Więc to powinno być drugie w kolejności, ale zamiast tego myślę, że odpowiedź jest ukryta w rogu: „Ham Radio Swapmeet ”. Zanim ktokolwiek się podekscytuje, przepraszam, przegapiłeś to. To było kilka lat temu.

Taka informacja – czas i miejsce – powinna być na trzecim poziomie wyeksponowania. I tak dalej.

Możesz użyć projektu, aby poprowadzić publiczność przez to, co chcą wiedzieć: „Pennington Hamfest to wymiana krótkofalowców i odbędzie się 2 czerwca 2012 r.” Czysty projekt nie przeszkadza w tym, dzięki czemu jest to szybsze i łatwiejsze.

Nie jest to zaprojektowane czysto, ale zapewnia również ładne przejście do naszego następnego „C”, ponieważ w ogóle nie jest…

Spójny. To jest nasze ostatnie „C”, o którym będziemy rozmawiać, a następnie dowiemy się, jak zastosować te trzy „C” świetnego projektu w podróży kupującego.

Spójrzmy więc na powyższy obrazek pod kątem konsystencji.

Jak powiedziałem, jest tam dużo czcionek. Różne gramatury, różne kolory, niektóre kursywą, inne nie, niektóre zarysowane, inne z cieniem. Tutaj nie ma absolutnie żadnej spójności. To tak, jakby każdy fragment tekstu został „zaprojektowany” zupełnie niezależnie od wszystkiego innego, a następnie został zrzucony na stronę.

Powinien być ustalony spójny wygląd, a następnie cały projekt powinien wynikać z drobnych wariacji tego wyglądu.

Zasady Dobrego Projektowania

W każdym projekcie powinno być kilka poziomów spójności. Najwyższym, nadrzędnym poziomem jest spójność marki, która dotyczy wszystkiego, co robi firma. Tworzenie spójności polega zasadniczo na tworzeniu reguł. Twoja podstawowa spójność marki będzie składać się co najmniej z tych zestawów zasad:

• Logo. Każda firma, która ma logo, powinna mieć zasady korzystania z tego logo. Nie rozciągaj go, nie zostawiaj części, nie kładź za nim wielkiej brzydkiej gwiazdy, takich rzeczy.
• Czcionki. W druku zazwyczaj mówię, że powinieneś wybrać tylko dwie czcionki. W przypadku wielu aplikacji internetowych naprawdę najlepiej wybrać tylko jedną. Następnie możesz użyć różnych rozmiarów i grubości tej jednej czcionki. Wybór jednej rodziny czcionek to duży krok w kierunku stworzenia spójnego wyglądu i umożliwienia nieco większej kreatywności w innych miejscach.
• Paleta kolorów. Jeśli jeszcze tego nie zrobiłeś, powinieneś ustalić wytyczne dotyczące kolorów dla swojej marki – uczynić je częścią swojej marki. Istnieje wiele zasobów, które pomogą Ci wybrać paletę kolorów, które dobrze ze sobą współgrają, w zależności od uczucia, które chcesz przekazać, lub nastroju, który chcesz stworzyć.

Następnie dzięki konkretnym projektom, powiedzmy, ofercie marketingu przychodzącego, również w tym utworzysz spójność. Mając na uwadze spójność marki, przy każdym projekcie powinieneś…

• Zdecyduj się na temat.
• Stwórz wygląd oparty na tym motywie.
• I ustal styl obrazów i sposób ich używania. Może to oznaczać wybranie zestawu ikon, które mają spójny wygląd lub trzymanie się określonego stylu fotografii.

Przykłady świetnych projektów marketingowych

Teraz spójrzmy na przykład wszystkich rzeczy, o których mówiliśmy, w działaniu. Przyjrzymy się kampanii, którą stworzyliśmy dla komiksu inbound marketingu, który stworzyliśmy w madison/miles media, (agencja projektowania stron internetowych). Spędziliśmy lata pracując nad tą książką, więc naprawdę chcieliśmy stworzyć wokół niej kampanię, która zadziała.

W jaki sposób stworzyliśmy kampanię z ofertą przychodzącą, w której wykorzystano projekt, aby zachęcić kupującego do dalszej podróży?

Zacznijmy od naszego przycisku wezwania do działania:

Przejdźmy teraz i upewnijmy się, że spełnia nasze kryteria świetnego projektu. Po pierwsze, czy to jasne? Przekaz jest prosty i jasny: „Dowiedz się o marketingu przychodzącym w zabawny sposób. Zdobądź darmowy komiks.” A projekt nie przeszkadza w tym. W rzeczywistości stara się, aby przekaz był jeszcze wyraźniejszy, podkreślając nasz główny temat — marketing przychodzący — poprzez nadanie tego naszemu złotemu kolorowi. Ponadto mamy w pudełku „zdobądź swój darmowy komiks”, więc wygląda jak przycisk. Pamiętaj, że przejrzysty projekt staramy się poprowadzić potencjalnego klienta w naszym kierunku. Sprawienie, by cały obraz CTA wyglądał jak przycisk lub stworzenie elementu przypominającego przycisk w obrazie, pomaga poprowadzić potencjalnego klienta, mówiąc „kliknij tutaj”.

Czy to jest czyste? Ograniczyliśmy nasze elementy: mamy naszego głównego bohatera, prosty i bezpośredni tekst oraz obraz komiksu. Wszystko to na tle komiksu. Daje to trochę wizualnego zainteresowania, ale w ogóle nie koliduje z innymi elementami.

Czy to jest spójne? Cóż, to jest pierwszy kawałek, który większość ludzi zobaczy, więc ustalamy tutaj wygląd późniejszych kawałków, z którymi będzie spójny. Ale już ustalamy spójność z samym komiksem, nabierając złoty kolor z „DZIKIEGO!” w tytule czcionka, którą użyliśmy w części „Drive Your Customers” w tytule oraz bardziej tradycyjna czcionka z okładki, którą użyliśmy w podtytule. To Benton Sans, która jest naszą główną czcionką madison/miles media. Używamy tego do przycisku „Get Your Free Comic Book”.

Jesteśmy również agencją projektową czasopism drukowanych, więc zobaczysz czcionkę naszej marki reprezentowaną w różnych formach marketingu. To bardzo ważne dla naszego brandingu. Firma powinna być zawsze rozpoznawalna, więc pamiętaj o tym podczas całej podróży projektowej.

A więc tak, jesteśmy spójni z ustalonym wyglądem naszej firmy i samą ofertą, a także ustalamy inne wytyczne dotyczące tego, jak wykorzystamy elementy w innych elementach naszej kampanii.
Oto kolejny przycisk CTA.

Ten został zaprojektowany do użycia w e-mailach. Ponownie upewniliśmy się, że projekt był…

• Jasne. Prosty przekaz, dostarczony w sposób, który wyraźnie wskazuje potencjalnemu klientowi naszą drogę.
• Czysty. Ograniczona liczba elementów, wykorzystana w sposób wzmacniający i nie ingerujący w przekaz.
• Spójny. Te same czcionki, kolory i obrazy, co w naszym poprzednim artykule. Ustalamy wygląd i się go trzymamy.

Oto strona docelowa.

Oczywiście strona docelowa jest bardzo ważnym elementem, ponieważ tam buduje się zaufanie. Potencjalny klient udzieli Ci pewnych informacji i, szczególnie w dzisiejszych czasach, musi Ci w to zaufać. Przestrzeganie naszych „jasnych, czystych, spójnych” zasad projektowania to świetny sposób na zbudowanie tego zaufania. Dobrze zaprojektowana strona docelowa mówi „Tu masz do czynienia z profesjonalistami”.

To jest czyste. Tytuł naszego komiksu jest duży i wyśrodkowany pod grafiką bohatera. Jest bardzo jasne, czego oczekuje się od gościa. Wypełnij trzy pola formularza i kliknij duży, dobrze widoczny przycisk. Bułka z masłem.

Jest bardzo czysto. Początkowo mieliśmy na to jasnoniebieskie tło. Tylko czysta biel działała lepiej. Nie ma tu nic wymyślnego, ale nie jest to potrzebne. Mamy mnóstwo ciekawych wizualnie elementów właśnie z naszą grafiką komiksową.

I jest to zgodne z CTA. Obrazy z tych samych źródeł, jedyne, co teraz możemy im zajrzeć do komiksu. Możesz zauważyć, że wprowadziliśmy również inną czcionkę, ale jest to druga czcionka madison/miles z naszej strony internetowej Playfair Display. Więc teraz wprowadzamy trochę tego, ale zachowując wszystko zgodnie z ustalonym wyglądem. Mamy również zielony pasek na dole, który jest naszym madison/miles media green. Więc znowu, po prostu przedstawiamy niektóre z naszych brandingów w bardzo subtelny sposób.

A teraz dotarliśmy do strony z podziękowaniami.

Znowu jest jasne. Duży przycisk do pobrania oferty treści. Bardzo wyraźne drugorzędne wezwania do działania, które kierują odwiedzającego, aby dowiedzieć się teraz trochę więcej o tym, kim jesteśmy. To jest czyste. Na tej stronie zachowaliśmy niebieskie tło, aby nieco je odróżnić. Ale jest bardzo subtelny i dyskretny. I wreszcie jest spójny. Te same kolory, czcionki i obrazy.

Jedną z nadziei strony z podziękowaniami jest to, że odwiedzający skorzysta z jednego z tych linków. Chcemy, żeby to też było płynne przejście. Tak więc, jeśli klikną, aby przejść do strony Zasoby w naszej witrynie, wydaje się, że jest to kontynuacja ich podróży.

Ponieważ po drodze używaliśmy takich rzeczy, jak czcionki i kolory naszej marki, ustanowiliśmy spójność z naszą marką i zapewniliśmy płynne przejście z naszej oferty do naszej głównej witryny. Nic niepokojącego ani mylącego pod względem designu, ponieważ wprowadziliśmy spójność tej marki w subtelny sposób.

Używając jasnego, przejrzystego i spójnego projektu w naszym marketingu przychodzącym, wspieramy podróż kupującego. Użyj tych samych zasad w swoim projekcie , aby skłonić potencjalnych klientów do nawiązania z Tobą kontaktu.

Madison/miles media jest uznawana za najlepszą firmę zajmującą się marketingiem treści na DesignRush.{{cta('1395b35c-b222-49d6-8bdd-fb2e45b05459')}}