14 najlepszych przykładów pięknego projektu wiadomości e-mail

Otwarcie e-maila marketingowego jest tak częstym zadaniem, że konsumenci często nie zastanawiają się nad tym. Jednak jako e-marketerzy znamy drugą stronę tej historii. Znalezienie inspiracji do nowych wiadomości e-mail w formacie HTML może być trudnym zadaniem.

Gdy zajmujesz się marketingiem e-mailowym, Twoja lista rzeczy do zrobienia często wygląda tak: generowanie potencjalnych klientów, segmentowanie list, konfigurowanie przepływów pracy związanych z pielęgnowaniem leadów, tworzenie jasnych i zwięzłych kopii e-maili, sprawdzanie e-maili pod kątem dostarczalności, optymalizacja pod kątem przejrzystości tekst i HTML i tak dalej. „Gdzie w tym zabawa? " możesz się zastanawiać.

Na szczęście jest wielu maniaków e-mail marketingu (w tym my), którzy uważają, że to wszystko jest zabawne. Te mniej efektowne aspekty e-mail marketingu — choć kluczowe dla sukcesu Twojej kampanii — nie dają pełnego obrazu tego, czym naprawdę jest niesamowity e-mail marketing.

Podczas gdy zwykłe wiadomości e-mail lub same wiadomości e-mail mogą być nadal niezwykle skuteczne, czasami chcesz zadziwić swoich subskrybentów kreatywnymi, urzekającymi lub uroczo dyskretnymi projektami wiadomości e-mail. Niektóre marki odkryły również, jak tworzyć e-maile, które są cholernie piękne. Jeśli chcesz spróbować czegoś bardziej odważnego w swojej następnej kampanii e-mail marketingowej, zapoznaj się z poniższymi przykładami, aby uzyskać inspirację.

Spis treści:

Przykłady projektów biuletynów e-mailowych

1. Fundusz Współpracy

W projektowaniu czerwony i żółty służą jako mocny wybór kolorów. Podczas gdy czerwień jest znana z wyrażania mocy lub pasji, żółty jest często uważany za jasny i energetyzujący. Chociaż wiele firm używa dużego bloku koloru na górze swoich biuletynów, aby przyciągnąć ludzi, ludzie z Collaborative Fund poszli o kilka kroków dalej, łącząc czerwone i żółte wybuchy kolorów w całym e-mailu. Całkiem mocne, prawda?

Oprócz koloru, wykorzystali wyraźne podziały, aby oddzielić te bloki, jednocześnie wprowadzając różne tekstury — takie jak zmięty papier — aby stworzyć naprawdę fascynujące wrażenia.

Źródło obrazu

Pro Tip: dobrze wykonane, włączenie szeregu tekstur, wysokiej jakości grafiki lub fotografii (jak pokruszony papier użyty powyżej), może sprawić, że oglądanie wiadomości e-mail w 2D będzie bardziej intuicyjne i wciągające.

2. Domino

Ten biuletyn od Domino zawiera wiele informacji: projekt z ograniczeniami dotyczącymi przechowywania, prezenty, profil z Chelsea Handler, wskazówki dotyczące projektowania łazienki i sypialni oraz wezwanie do działania.

Aby ułatwić skanowanie, Domino połączył te krótkie opisy z wysokiej jakości obrazami. Podobnie jak w przypadku Collaborative Fund, zastosowali również wyraźne, poziome podziały, aby oddzielić każdy temat.

Źródło obrazu

Pro Tip: Włączenie kontrastujących kolorów może pomóc w stworzeniu podziału między sekcjami i z łatwością przyciągnąć wzrok z każdej sekcji.

3. LABORATORIA InVision

To jest znacznie bardziej zwięzły e-mail od InVision, który zawiera przejrzysty projekt i przyciągający wzrok kolor. Niebieskie tło powoduje, że zarówno wezwanie do działania, jak i białe pole u dołu wiadomości e-mail przyciągają uwagę. Rozłożone obrazy produktów pomagają odbiorcy zrozumieć, co zawiera ogłoszenie, zanim przejdzie do objaśnienia.

Źródło obrazu

Kolorowe doświadczenie nie kończy się na e-mailu. Jasnoniebieski kolor jest przenoszony na odpowiednią stronę internetową, co czyni go mocnym przykładem bezproblemowego brandingu.

Czy zainspirował Cię przejrzysty projekt InVision i jesteś gotowy do stworzenia własnej kampanii? Skorzystaj z bezpłatnego oprogramowania do marketingu e-mailowego, takiego jak HubSpot, aby utworzyć i wysłać wiadomość na cały świat.

4. GrubHub

Ten e-mail od GrubHub jest doskonałym przykładem promocji produktu… ponieważ w ogóle nie brzmi jak promocja produktu. Zamiast mówić: „Hej, lubisz jeść. Powinieneś go zamówić, korzystając z naszego serwisu!”, e-mail opowiada historię za pomocą naprawdę fajnej interaktywnej treści: quizu, aby zobaczyć, co powinieneś podać na swoim przyjęciu (zobacz, co tam zrobili?).

Szczególnie podoba nam się nasycony GIF, którego użyli do promowania treści, ponieważ naprawdę przyciąga uwagę odbiorcy.

Źródło obrazu

Pro Tip: Ruch przyciąga wzrok. Widzimy to w mediach społecznościowych i innych formach mediów. Dodanie tej funkcji do e-maili może spodobać się widzom, których przyciąga czynnik ruchu w treściach publicznych. Dowiedz się, jak utworzyć plik GIF za pomocą programu Photoshop.

Pielęgnujące przykłady projektów e-maili

5. Poręczny

Uwielbiamy ten prosty e-mail powitalny od Handy'ego. Schemat kolorów jest spójny, opiera się na szarości dla podstawy i jasnoniebieskim, aby zwrócić uwagę na logo i wezwania do działania.

Jest tu niezła równowaga między tekstem a grafiką, a układ kafelków ułatwia przeglądanie. Wreszcie, uwielbiamy to, że wykorzystali nietandetne zdjęcia stockowe do reprezentowania swojej marki, co czyni je bardziej autentycznymi i sympatycznymi z punktu widzenia konsumenta.

Źródło obrazu

Wskazówka : obecnie większość widzów ma pewien poziom umiejętności wyczuwania, czy obraz jest zdjęciem stockowym, czy oryginalnie przechwyconą treścią. Jeśli musisz korzystać z fotografii stockowej, nie spiesz się, przeglądając bazy danych obrazów i filtrując obrazy, które reprezentują nie tylko ton wiadomości e-mail i wiadomości, ale także ogólną estetykę i charakter Twojej marki.

6. Papierek lakmusowy

Możesz spodziewać się pięknego e-maila od firmy, która ogłasza konferencję dotyczącą projektowania e-maili — i Litmus nie zawodzi. E-mail zaczyna się od odważnej eksplozji kolorów, która przyciąga uwagę czytelników. Poniżej znajdziesz przejrzysty projekt, który obejmuje zwięzłą kopię, kapryśne ilustracje i świetne wykorzystanie białej przestrzeni.

U dołu wiadomości e-mail zobaczysz transmisję na żywo z Twittera pokazującą tweety, które używają oficjalnego hashtagu konferencji. Czynnik związany z mediami społecznościowymi jest naprawdę fajnym akcentem i jesteśmy gotowi postawić na większe zaangażowanie, jednocześnie informując ludzi o tym, jak pozostać w kontakcie podczas wydarzenia.

Źródło obrazu

Wskazówka: bycie pomysłowym oraz używanie ikon i ilustracji może być satysfakcjonującym i prostym sposobem przekazywania wiadomości. Spójny wygląd i styl robi różnicę, pokazując intencje i strategię projektowania. Darmowe pakiety ikon zawierające najczęściej używane ikony można znaleźć na stronach internetowych, takich jak FlatIcon.com.

7. Ubera

Jako marketerzy wiemy, że wykresy i wykresy mogą służyć jako skuteczny sposób zilustrowania informacji. Ale co z dołączaniem wykresów do wiadomości e-mail?

Ten projekt e-maila od Ubera umiejętnie demonstruje moc wizualizacji danych za pomocą prostych wykresów. Zamiast polegać na słowach, aby wyjaśnić swoje obniżone stawki, Uber przygotował kilka porównawczych wizualizacji, aby wykonać zadanie. Dzięki jaskrawoniebieskiemu kolorowi odbiorcy mogą szybko zorientować się, jak zmieniły się stawki.

Źródło obrazu

Pro Tip: Podniecenie jest trudniejsze do wzbudzenia wśród odbiorców, niż mogłoby się wydawać. Powyższe służy jako przykład tego, jak Uber wykorzystuje swoje dane historyczne, aby wzbudzić zainteresowanie nowymi ofertami firmy. Potencjał tego, co ma nadejść, jest skorelowany z tym, co się wydarzyło. Pokaż, co zostało zrobione, zanim pokażesz, co ma nadejść, informując konsumentów, że ich podekscytowanie jest bezpieczne.

8. Kujana

Oto wiadomość e-mail dotycząca promocji produktu, którą Cuyana wysłała do osób, które zapisały się na listę „wczesnego dostępu” nowego produktu. E-mail koncentruje się wyłącznie na zaprezentowaniu nowego produktu, ale w tym przypadku dokładnie tego szukali ludzie, którzy zdecydowali się na listę „wczesnego dostępu”.

Projekt wiadomości e-mail jest czysty i wyrafinowany dzięki genialnemu wykorzystaniu negatywnej przestrzeni i atrakcyjnym czcionkom. Takie podejście jest bardzo zgodne z marką firmy produkującej odzież i akcesoria dla kobiet. Uwielbiamy spójną kolorystykę — zwłaszcza charakterystyczny pomarańczowy odcień, który wybrali dla przycisku wezwania do działania na dole.

Źródło obrazu

Pro Tip: To jest przykład e-maila wysłanego za pomocą HubSpot. Kliknij tutaj, aby zobaczyć więcej przykładów e-mail marketingu z naszej biblioteki .

Przykłady projektów e-maili e-commerce

9. Załoga J

Czasami słowa mogą być przereklamowane. Dlaczego nie pozwolić, aby zdjęcie opowiedziało historię za Ciebie? W każdym razie tak właśnie zrobił J.Crew w tym e-mailu. Wiadomość e-mail promuje wyprzedaż, ale nie można o tym wiedzieć od razu: wszystko, co widzisz, to kopia „To jest warte przewinięcia” wraz z bardzo długim (i bardzo godnym przewinięcia) zdjęciem w wysokiej rozdzielczości wafelek do lodów. Uwielbiamy subtelność. Mniam!

Źródło obrazu

Wskazówka: jeśli dotrzesz do samego końca, zauważysz, że czubek wafelka z lodami działa jak strzałka kierunkowa, kierując odbiorcę w stronę wezwania do działania. Fotografia może służyć nie tylko jako statyczny obraz, może być interaktywnym przewodnikiem, prowadzącym wzrok przez przekaz.

10. Jabłko

Ten świąteczny e-mail od Apple równoważy białą przestrzeń z wyświetlaczami produktów, aby zapewnić naprawdę interesujące wrażenia.

Chociaż wszystkie produkty mają podobną kolorystykę, to, co jest naprawdę atrakcyjne, to ich pozycjonowanie. Dzięki strategicznemu rozmieszczeniu produktów firma Apple była w stanie stworzyć wzorce wizualne, które zmieniają się w całym e-mailu. Takie podejście jest jednym z najlepszych, jeśli chodzi o pokazanie zaufania marki do jej produktów. Pozwala, aby same produkty były w centrum przekazu, a także środkami, za pomocą których przekaz jest przekazywany.

Źródło obrazu

Pro Tip: sporządzenie lub naszkicowanie projektu wiadomości e-mail na początku procesu może sprawić, że tworzenie przyciągających wzrok wiadomości stanie się łatwo osiągalnym celem i pozwoli zaoszczędzić czas.

11. Towary wyprodukowane w Unii

Konsumenci otrzymują wiele e-maili od firm zajmujących się e-commerce prezentujących pomysły na prezenty świąteczne z ich witryn internetowych, a to jest przykład jednego z tych e-maili, które zostały dobrze wykonane. Zdecydowali się tutaj na prosty projekt, który obejmuje naprawdę ładne wykorzystanie zarówno koloru, jak i białej przestrzeni, dzięki czemu kopia i obrazy, które tam są, są trochę bardziej wyskakujące.

Naprawdę podoba nam się, jak prostota pozwala umysłowi czytelnika mniej skupiać się na rozpraszających elementach w wiadomości. Zamiast tego mogą wypełnić negatywną przestrzeń wyobrażeniami o tym, jak wystawione produkty – lub inne sprzedawane przez firmę – mogą wywołać pożądaną reakcję matek w ich życiu. Można się zastanawiać: „Co ma mama?”, „Czego ona potrzebuje?” lub „Co by chciała?”

Źródło obrazu

Pro Tip: Oferowanie czegoś w rodzaju rabatu na zakup, bez przesady, skłania czytelników do przyjrzenia się własnemu czasowi ze świadomością, że otrzymają zachęty do dalszego zaangażowania.

12. Kacper

Ta powitalna wiadomość e-mail od Caspera świetnie sprawdza się w przeglądzie tego, co przyniesie ci dołączenie do społeczności liczącej ponad milion członków. Z liczby ich społeczności jasno wynika, że ​​poświęcili dużo czasu i pracy na stworzenie produktu i reputację, więc możesz być spokojny. ( Rozumiesz ? „Odpoczynek”, bo to firma produkująca materace? Ach, nieważne!)

Wymieniają kilka korzyści, które otrzymujesz z członkostwa, a następnie od razu przechodzą do ustalania wartości edukacyjnej, oferując wskazówki dotyczące spania. Samo to nie jest wystarczająco przekonujące, aby uczynić kogoś lojalnym, uważnym subskrybentem e-mail Casper, ale jeszcze bardziej łączy markę i produkt (y) z doświadczeniami konsumentów. Uwielbiamy sposób, w jaki używają prostych grafik i zwięzłych komunikatów, aby subtelnie skojarzyć się z rozwiązaniem problemów związanych ze snem.

Źródło obrazu

Porada od specjalistów: zachowaj prostotę, aby widzowie i konsumenci mogli sami dojść do wniosku, że potrzebują tego, co masz do zaoferowania.

13. Shwood x Stanley

W świecie e-commerce jakość grafiki w e-mailach może mieć ogromny wpływ na to, czy odbiorcy zostaną, aby przejrzeć cały e-mail, czy też szybko klikną przycisk „usuń”. Ten e-mail od Shwood x Stanley kładzie duży nacisk na te wysokiej jakości efekty wizualne. Szczególnie podobają nam się teksturowane tła, a także sposób, w jaki bawią się światłem i cieniem.

Źródło obrazu

Pro Tip: Używając wielu obrazów w e-mailu HTML, zastanów się, jakie kolory uzupełniają się i kontrastują ze sobą. Ta uwaga może sprawić, że przechodzenie z sekcji do sekcji będzie bezproblemowe dla widza, przyciągając zaangażowaną uwagę w całym przekazie.

14. Harry'ego

W przypadku sezonowych e-maili, takich jak ten od Harry'ego, możesz rozważyć użycie schematów kolorów pasujących do pory roku. Aby wypromować swój zimowy zestaw upominkowy, ludzie z Harry's schłodzili swoją kolorystykę tradycyjnymi zimowymi kolorami, takimi jak zielony, niebieski i brązowy. Udało im się również zachować dobrą równowagę między tekstem a grafiką i pomogli ułatwić przeglądanie wiadomości e-mail za pomocą prostego projektu kafelków.

Kolejną rzeczą, którą uwielbiamy, są te jaskrawoczerwone wezwania do działania; wyglądają na klikalne… nie zgodzisz się?

Źródło obrazu

Pro Tip: Mówiąc najprościej, nic nie zastąpi dobrej fotografii produktowej. Jeśli nurkujesz w oceanie oryginalnej fotografii produktowej, zapoznaj się z tym przewodnikiem po fotografii produktowej dla początkujących.

Jakie inne firmy, które zauważyłeś, tworzą piękny e-mail marketing? Co wyróżnia ich podejście? Jak możesz to wykorzystać i dodać własny, oryginalny styl, tworząc coś nowego w przekazie Twojej marki?

Uwaga edytora: Ten post został pierwotnie opublikowany w maju 2012 r. i został zaktualizowany pod kątem świeżości, dokładności i wszechstronności.