Stopka powinna wspierać wiadomość, a nie z nią konkurować. Najlepiej zaprojektowane bloki kontaktowe znikają, dopóki czytelnik nie potrzebuje numeru telefonu lub strony.
Dobre praktyki projektowania stopki e-mail to zasady wizualne, które utrzymują profesjonalny wygląd bloku na każdym urządzeniu. Obejmują kolor, typografię, rozmiar obrazów i puste miejsce. Stosuj je po ustaleniu treści z rozdziału co umieścić w stopce e-mail i struktury z szablonu stopki e-mail.
Dlaczego projekt stopki e-mail ma znaczenie dla marek
Stopka pojawia się w każdej wiadomości wychodzącej. To mały, ale powtarzalny punkt styku z marką. Czysty projekt wzmacnia zaufanie. Zagracony sugeruje niedbałość, zanim czytelnik skończy pierwszy akapit.
Projekt wpływa też na użyteczność. Drobny tekst, niski kontrast i zbyt duże banery utrudniają znalezienie danych kontaktowych. Czytelnik, który nie zauważy numeru telefonu, może się nie odezwać. To tarcie działa przeciwko wiarygodności budowanej dzięki rozdziałowi dlaczego profesjonalny e-mail ma znaczenie dla marek.
Podstawowe zasady projektowania stopek e-mail
Te praktyki obowiązują zarówno w stopkach z czystego tekstu, jak i sformatowanych w HTML.
1. Dopasuj paletę do swojej strony
Użyj jednego lub dwóch kolorów z księgi marki. Zastosuj kolor akcentu dla imienia i nazwiska lub jednej poziomej linii. Unikaj tęczowego tekstu i wielu konkurujących odcieni.
2. Wybierz czytelne czcionki i rozmiary
Trzymaj się standardowych czcionek webowych w rozmiarze od 12 do 14 pikseli. Ozdobne czcionki pisane psują się na telefonie i wyglądają nieprofesjonalnie w poczcie firmowej. Jeśli chcesz wyróżnić imię i nazwisko, użyj pogrubienia zamiast ozdobnego kroju.
3. Szanuj puste miejsce
Zostaw oddech między pozdrowieniem a blokiem stopki. Grupuj powiązane linie i oddzielaj grupy pojedynczym podziałem linii. Zatłoczone bloki przypominają reklamy, a nie wizytówki.
4. Ogranicz elementy wizualne
Jedno logo, jeden opcjonalny baner i do trzech ikon społecznościowych to dla większości marek wystarczająco. Każdy dodatkowy obraz zwiększa wagę i rozprasza. Promocje zostaw na treść wiadomości, a nie na stopkę.
Testowanie projektu stopki
Wyślij wiadomości testowe do siebie i współpracownika. Otwórz je na telefonie, tablecie i komputerze. Sprawdź, czy linki działają, kolory wyświetlają się poprawnie, a blok mieści się na jednym ekranie telefonu.
Porównaj stopkę ze stopką swojej strony i wizytówkami. Niedopasowane logo lub stare kolory sygnalizują nieaktualną markę. Aktualizuj wszystkie trzy razem, gdy odświeżasz tożsamość wizualną, tak jak dbasz o spójność e-maili w całej marce.
Dobry projekt idzie w parze z mądrym zarządzaniem zespołem i unikaniem błędów w pozostałych rozdziałach tego modułu.
Najczęściej zadawane pytania
Ile kolorów powinna mieć stopka e-mail?
Dla większości marek wystarczy jeden kolor akcentu plus czarny lub ciemnoszary tekst. Weź ten akcent z palety swojej strony. WEMASY pozwala ustawić kolory marki raz w kreatorze stron i używać ich w każdym punkcie styku.
Czy używać obrazu banera w stopce e-mail?
Banery promocyjne należą do treści wiadomości, a nie do stopki. Stały baner sprawia, że każda odpowiedź wygląda jak poczta marketingowa. Zarezerwuj stopkę na stałe dane kontaktowe.
Jaki jest najlepszy rozmiar czcionki dla tekstu stopki e-mail?
Od dwunastu do czternastu pikseli utrzymuje czytelność tekstu bez dominowania nad wiadomością. Imię i nazwisko może być o rozmiar większe lub pogrubione. Unikaj schodzenia poniżej jedenastu pikseli w jakiejkolwiek linii.
Czy tryb ciemny wpływa na projekt stopki e-mail?
Niektóre programy odwracają kolory w trybie ciemnym, co może rozmywać jasne logo lub blady tekst. Przetestuj stopkę w widoku jasnym i ciemnym. Gdy to możliwe, użyj logo z przezroczystym tłem.
Czym zasady projektu różnią się dla stopek HTML?
Stopki HTML podlegają tym samym zasadom wizualnym z dodatkowymi ograniczeniami dotyczącymi obrazów i stylów inline. Rozdział stopki e-mail w HTML omawia limity techniczne wpływające na wybory projektowe.
Czy zasady projektu dotyczą też stopek w odpowiedziach?
Krótkie odpowiedzi nadal pokazują stopkę w wielu programach. Użyj kompaktowej wersji w wątkach, jeśli pełny blok jest długi. Rozdział jak profesjonalnie zakończyć e-mail omawia nawyki pożegnań pasujące do czystej stopki.