Drobny szary tekst na zatłoczonym tle. Oczy męczą się, zanim skończysz pierwsze zdanie. Właśnie dlatego temat „projektowanie e-maili” ma znaczenie dla Twojej marki. Gdy układ i kolor walczą z przekazem, ludzie odchodzą i nie mówią, dlaczego.
Dobre praktyki projektowania e-maili to układ jednokolumnowy, duże obszary dotyku i tekst alternatywny dla obrazów. W tym rozdziale wyjaśniamy prostym językiem, co to oznacza, dlaczego wpływa na Twoją stronę i marketing oraz jak to zastosować bez gubienia się w żargonie. Zobaczysz też, jak z tym wiąże się temat „projektowanie newsletterów”. Przejdźmy przez to krok po kroku.
Projektowanie e-maili w praktyce
Dobre praktyki projektowania e-maili to układ jednokolumnowy, duże obszary dotyku i tekst alternatywny dla obrazów.
Wiele osób czyta pocztę na telefonie w trybie ciemnym.
Projekt newslettera powinien odzwierciedlać wygląd strony bez ciężkiego kodu.
Projektowanie e-maili: jak zastosować to na swojej stronie
Najważniejszy tekst trzymaj poza obrazami, na wypadek gdyby obrazy zostały zablokowane.
Zacznij od jednej strony, na przykład strony głównej lub głównej strony docelowej (landing page). Najpierw popraw największy problem, a potem przenieś ten sam wzorzec na inne szablony.
Połącz ten rozdział z dwoma kolejnymi: projektowanie newsletterów (podstawy) oraz projektowanie broszur (kolejny krok w tym module).
Praktyczna lista kontrolna na dziś
Najważniejszy tekst trzymaj poza obrazami, na wypadek gdyby obrazy zostały zablokowane.
Przeglądając dowolną stronę, zapytaj, czy temat „projektowanie e-maili” jest widoczny na pierwszym ekranie na telefonie. Jeśli nie, zmień kolejność sekcji, zanim zaczniesz dopracowywać szczegóły.
Zapisuj zrzuty ekranu przed zmianami i po nich, aby przekonać się, co przyniosło efekt w obszarze „projektowanie e-maili” na Twojej stronie.
Udostępnij tę listę każdej osobie, która aktualizuje Twoją stronę, aby temat „projektowanie newsletterów” pozostał spójny na nowych podstronach.
Wybierz w tym miesiącu jedną metrykę do obserwowania, na przykład czas na stronie lub rozpoczęte formularze, aby zmiany w projekcie wiązały się z wynikami biznesowymi, a nie tylko z gustem.
Jak ten temat łączy się z całą Twoją marką
Wybory wizualne rzadko dotyczą tylko jednej strony. Projekt newslettera powinien odzwierciedlać wygląd strony bez ciężkiego kodu.
Twoje posty w social mediach, e-maile i materiały drukowane powinny powtarzać tę samą hierarchię, kolory i zasady typografii, których używasz w sieci.
Gdy wizualna spójność marki się rozjeżdża, ludzie wyczuwają subtelną niespójność, nawet jeśli nie potrafią jej wyjaśnić.
Aby porównać wnioski z pokrewnym rozdziałem tego modułu, zajrzyj tu: projektowanie broszur.
Wiele osób czyta pocztę na telefonie w trybie ciemnym.
Częste pytania, które łatwo pominąć
Pokrewne hasła, takie jak projektowanie newsletterów czy projektowanie marketingowe, pomogą Ci znaleźć głębsze przykłady i porównać swoją pracę z powszechnymi standardami.
Projekt newslettera powinien odzwierciedlać wygląd strony bez ciężkiego kodu.
Zapisz jedną zmianę w układzie przed i po, którą przetestujesz w tym tygodniu na działającej stronie. Małe, zmierzone poprawki wygrywają z mglistymi planami.
Nauczenie zespołu wspólnego słownictwa na temat „projektowanie e-maili” skraca rundy poprawek z osobami projektującymi i agencjami.
Narzędzia, które ułatwiają zmiany wizualne
Nie potrzebujesz własnego kodu, by poprawić wiele problemów z układem i stylem. Wizualny edytor pozwala dostosować odstępy, kolory i typografię, gdy podglądasz widok mobilny i komputerowy.
WEMASY zawiera kreator stron z edycją wizualną, więc zmiany opublikujesz bez angażowania zespołu programistów przy każdej poprawce. Otwórz kreator stron i zastosuj to, czego dotyczył ten rozdział.
Po opublikowaniu zmian sprawdź ponownie: projektowanie newsletterów oraz projektowanie banerów internetowych, aby cały moduł układał się w spójną całość.
Masz już praktyczne spojrzenie na temat „projektowanie e-maili”. Korzystaj z niego, gdy oceniasz stronę, zatwierdzasz materiały marketingowe albo przekazujesz wytyczne zespołowi projektowemu. Przejdź dalej: projektowanie banerów internetowych oraz projektowanie broszur, aby utrzymać tempo w tym module.
Nauka tematu „projektowanie e-maili” to proces stopniowy. Wróć do tego rozdziału po wdrożeniu jednej poprawki, aby wiedza z lektury zamieniła się w nawyk. Małe, powtarzane przeglądy działają lepiej niż wkuwanie wszystkich zasad naraz. Zapisuj, co sprawdziło się w Twojej grupie odbiorczej, aby kolejna aktualizacja poszła szybciej.
Najczęstsze pytania
Ile czasu zajmuje poprawa w obszarze „projektowanie e-maili”?
Większość małych firm widzi czytelniejsze strony już po kilku skupionych sesjach pracy, gdy zastosuje podstawy z tego rozdziału. Zacznij od strony głównej, a potem przenieś te same zasady na strony usług i kontaktu.
Czy potrzebujesz wsparcia projektowego, aby zająć się tematem „projektowanie e-maili”?
Przy złożonym rebrandingu pomoże wsparcie projektowe, ale wiele poprawek w obszarze „projektowanie e-maili” da się zrobić samodzielnie, gdy wiesz, na co zwracać uwagę. Jako uzupełnienie tego rozdziału zajrzyj tu: projektowanie newsletterów.
Czy WEMASY pomoże Ci w pracy nad tematem „projektowanie e-maili” na Twojej stronie?
WEMASY ma wizualny edytor w kreatorze stron, więc układ, kolory i typografię zmienisz bez kodu. Otwórz kreator stron, aby zaktualizować szablony i sprawdzić zmiany na telefonie.
Jaki błąd zdarza się najczęściej w temacie „projektowanie e-maili”?
Ludzie próbują naprawić wszystko naraz zamiast jednej strony po drugiej. Wybierz jeden priorytet, na przykład czytelność lub kontrast, a potem zajrzyj tu: projektowanie banerów internetowych, by znaleźć kolejną poprawkę.
Jaki związek z SEO ma temat „projektowanie e-maili”?
Czytelna hierarchia wizualna i wygodna typografia sprawiają, że osoby odwiedzające zostają na stronie dłużej, co wspiera sygnały zaangażowania, które śledzą wyszukiwarki. Połącz poprawki projektowe z dobrą strukturą treści, a efekty będą najlepsze.
Czego uczyć się dalej po temacie „projektowanie e-maili”?
Zobacz w tym przewodniku: projektowanie newsletterów oraz projektowanie banerów internetowych, aby zbudować kompletny system wizualny marki w sieci.