Tag Archives: デザイン
LINE@・メールマガジン・メディアの統一感が大切！地域の魅力を伝える「LOCAL LETTER」のコミュニケーション
こんにちは。遠藤です。Benchmark Emailを利用しているユーザーの方に、お話を伺うインタビューシリーズです。今回お話を伺ったのは、地域創生・移住促進の取り組みを紹介するローカルコミュニティメディア「LOCAL LETTER」を運営する株式会社WHERE 高山様です。 LOCAL LETTERのメール施策概要 メール配信を行っているサービス名： ふるさとがもっと好きになるメディア「LOCAL LETTER」 対象： ・Webサイトからのメルマガ購読希望者 ・20～30代 ・地域の取り組みに関心がある人 主な配信コンテンツと頻度： LOCAL LETTERの注目記事紹介およびイベント告知（4回/月） 担当組織： メルマガ担当者 1名（メルマガ・メディア・SNS兼任） 地域のファン作りとして、個人や企業に地域を紹介する「LOCAL...
April 20, 2020
メルマガデザインの作り方「Benchmark Email編」
(この記事は2017年8月の記事をUI変更に伴いリライトしたものです。) こんにちは、デザイン担当のBEDです。 本当に突然且つ手前味噌ですが、Benchmark Emailが配信している毎月のメールマガジンのレイアウトが見やすいとよくお褒めのお言葉をいただくことがあります。それと同時にどのようにデザインを作っているのか聞かれることもあるんです。どちらもとても嬉しいお言葉をいただけてると思っています。 そこで、今回はBenchmark Emailが配信しているメルマガデザインの作り方（設定）をご紹介します。 （クリックするとメルマガ全体の画像を見ることができます。） 今回は2017年6月に実際に配信したこのメルマガを作成していきます。 レイアウトを選ぶ まずはどのようなレイアウトのデザインにしたいのか考えます。 Benchmark Emailでは、メルマガの上から、同じ大きさの要素を掲載する記事の本数に合わせて配置しているので、1カラムのレイアウトを使用しています。（テンプレートは使わずレイアウトから雛形を選んで基礎を作ります。） なので、こちらを選びます。 トップにロゴを配置 レイアウトが決まったら、次にトップにロゴを入れていきます。 このような感じでトップに画像ブロックを追加し、ロゴを入れ込みます。 記事のサムネイル画像を入れる ロゴを入れ込んだら次に各記事のサムネイルを入れていきます。先程、ロゴ画像を入れ込んだ要領で画像を入れ込みます。...
August 7, 2017
HTMLメールマガジンの参考になるイケてるデザイン13選
こんにちは。WEBマスターの手帳の遠藤です。HTMLメールを作るにあたり「どんなデザインが良いのか」と考える時にデザインで参考になるメールマガジンはありますか？ 海外のニュースレターを集めている「Email-Gallery」というWEBサイトも参考になりますが、やはり日本国内のメールマガジンのデザインも参考にしたいですよね。 という訳で、今回は自分が「HTMLメールのデザインの参考にしてるメールマガジン」をご紹介します。 ウォールストリートジャーナル ウォール・ストリート・ジャーナル日本版 -ニュース-ビジネス-海外-経済-金融 – WSJ日本版-jp.wsj.com – Wsj.com 米国紙のウォールストリートジャーナルの日本版のメールマガジンです。 ２カラムで左にリンク付きの画像、右に本文というレイアウトで、載せているコンテンツも１つだけと非常にシンプルです。 NewsPicks NewsPicks 経済ニュースのニュースアプリのメールマガジンです。１カラムで縦長なレイアウト。モバイル読者を意識しているのがわかります。 デザインもシンプルで、ほとんど装飾はされておらず、画像を使ってコンテンツを分けていますね。 VISUALTHINKING ビジュアルシンキング | ビジュアルの力で世界を丸くする。...
July 17, 2015
