Skip to content

Tag Archives: デザイン

HTMLメールデザイン

オシャレなメルマガデザイン20選 :eコマース編

こんにちはBEDです。 今回のオシャレメルマガ紹介は、eコマース編です。 こんなメルマガだったら購入してもいいかなぁ〜という感じで探してみたり、ぱっと見ここおしゃれかもといった感じで見つけました!参考になればなと思います。 フラっと見ていってください! 今回もReally Good Emailsから見つけてきたメルマガのデザインになります。 厳選したオシャレなメルマガデザイン 1.Lego 子どものころにお世話になった方も多いであろうLegoのeコマースです。 プロダクトに対して、ちゃんとそのシーンを意識したビジュアルがとても作り込まれていて素敵です!動画もあるので、遊んでいるところの想像もできてとても良いページだと思います。 目次に戻る 2.Perigold 家具やインテリア雑貨などを取り扱うブランドです。 全体的にシンプルな構成とデザインなので、プロダクトがちゃんと際立って見えるのが素敵です!とにかくどれもデザインがかっこいいです!欲しくなりました。 目次に戻る 3.Columbia Sportswear アウトドアブランドとして有名なColumbiaです。 紹介している商品とページのカラーが統一されていてとても素敵です!機能とデザインが優れている商品ってなかなか無いと思うので、そういった点でもやはりすごいなと思います。...

September 13, 2023

HTMLメールデザイン

オシャレなメルマガデザイン20選 :旅行編

こんにちはBEDです。 オシャレメルマガ紹介シリーズ今回は、旅行編です。 旅行関連の方々にぜひ見ていただき参考になればなと思います。 フラっと見ていってください! 今回もReally Good Emailsから見つけてきたメルマガのデザインになります。 厳選したオシャレなメルマガデザイン 1.Fort Myers アメリカ合衆国フロリダ州にあるフォートマイヤーズの情報を届けているサイトのメルマガです。フォートマイヤーズでの楽しい過ごし方などを提案し情報を発信しているみたいで、tikitokをやっていたり、こういった情報を発信してくれるのはとても良いですよね!デザインも色んなカテゴリーがあったりと分かりやすく旅行に行く前の下調べができて便利ですね! 目次に戻る 2.TripAdvisor トリップアドバイザーは、ホテルの宿泊施設、レストラン、観光名所などの旅行に関係する体験談や価格比較ができる世界最大の口コミサイトです。 口コミってけっこう重要視してる人も多いと思います。このメルマガのように色んなプランの情報を届けてくれるのはとてもありがたいですね! 目次に戻る 3.Turo Turoは、アメリカ合衆国サンフランシスコに本拠を置くカーシェアリング会社です。個人間で車の貸し借りができるオンラインサービスで56か国以上で利用できるそうです。 レンタルしたときってメールでお知らせとかあると思いますが、ちゃんと車種や場所などがインタラクティブなデザインになっているので素敵ですね! 目次に戻る...

August 4, 2023

HTMLメールデザイン

メルマガ読者を引き込む!見出しのデザイン9パターン

こんにちは、メールマーケティングアドバイザーの山本です。みなさんはメルマガを読むとき、1文字目から順番に読みはじめますか?まずはパッと全体を見て、どんなことが書いてあるか予想して、そのメールを読むかどうかを決めるのではないでしょうか。 メルマガでは「見出し」を使って、内容をわかりやすく示すと効果的です。 [caption id=\"attachment_37804\" align=\"aligncenter\" width=\"400\"] 見出しを置いて、内容をわかりやすくしているメルマガの例[/caption] 見出しとして目立たせるには、本文(地の文章)とはどのようにデザインを変えればいいのでしょうか?本記事では、見出しのデザイン9パターンをご紹介します。特別なツールを使わなくてもBenchmark Emailのエディタ上で設定できるものがほとんどですので、ぜひ試してみてください。 1.太字(ボールド体)にする フォントを太字(ボールド体)にするだけで、そこが目立って見えます。Benchmark Emailのエディタでは、文字をドラッグして「B」ボタンを押すと太字にできますよ。 2.フォントサイズを大きくする 文字の太さを変えずに、フォントサイズを大きくするという方法もあります。 太字(ボールド体)と組み合わせると、さらに見出しを目立たせることができます。どの程度目立つのがちょうどよいかは、メルマガを見ながら調整しましょう。 エディタでは+ーのボタンでフォントサイズを変更できます。 3. フォントの色を変える フォントの色を変えることでも、見出しを目立たせることができます。 太字(ボールド体)、大きなサイズ、色といった3つの要素をすべて組み合わせると、かなり目立つ見出しにすることも可能です。ただしやりすぎにならないように注意しましょう。...

July 12, 2023

HTMLメールデザイン

オシャレなメルマガデザイン15選 :ビジネスイベント編

こんにちはBEDです。 オシャレメルマガ紹介シリーズ、今回は、ビジネスイベント編です。 メルマガではよく、イベント情報を発信したりすることが多いと思います。 カチっとしたものから、かわいいものまで様々なデザインがあります。 今度イベント情報を出す予定という方に見ていただきたいメルマガを集めました! フラっと見ていってください! 今回もReally Good Emailsから見つけてきたメルマガのデザインになります。 厳選したオシャレなメルマガデザイン 1.Dovetail データ分析などができるサービスを提供する会社です。製品説明や使い方などを教えるセミナーの案内メルマガです。コーポレートのカラーや雰囲気が出ていてとても素敵です! 目次に戻る 2.Triple Whale Shopifyで出店したお店の分析、属性、クリエイティブなどのデータをプラットフォームで管理できるサービスを提供する会社です。こちらも製品説明案内のメルマガです。 切手のようなアイコンが、お手紙を送るという意味合いがあったりと遊び心があって素敵です! 目次に戻る 3.Salesforce 顧客管理をスムーズに行えるサービスを提供する会社です。ワークショップや講演などの案内をするメルマガです。実際のイベントの雰囲気が伝わるような写真とレイアウトが素敵です!...

June 26, 2023

HTMLメールデザイン

無料でもここまでできる!Canvaでおしゃれなメルマガ用画像を作ろう

こんにちは!メールマーケティングアドバイザーの山本です。 メルマガではイメージ画像がとても重要な役割を果たしますが、当記事では日頃から「オシャレな画像を自分で作れたらいいのに」とお考えのメルマガ担当者の方へ、私たちも利用していて無料版もあるグラフィックデザインツール「Canva」をご紹介します! 左:画像のないメルマガ 右:ロゴやアイキャッチの入ったメルマガ 有料版ではとても豊富な機能が使えるのですが、今回は無料版のCanvaで、実際にBenchmark Emailが配信するメルマガに載せる画像を作りながら使い方をご説明していきます! 本記事でご紹介する画像の例 Canvaとは Canvaとはどのようなツールかご存知でしょうか? オンラインで使えるグラフィックデザインツール 豊富なテンプレートと素材(写真、イラスト、動画など)がある ドラッグ&ドロップの簡単操作で誰でも簡単に操作できる ガイドラインや色彩サジェスト機能があるので、バランスを崩さず編集できる データは画像、Gifアニメーション、動画、PDFといった形式で書き出しができる テンプレートや素材が豊富にある(有料版では61万点のテンプレートと1億点の素材)ので、デザイン経験がなくてもきれいで見やすい画像を作ることができます。   Canvaでメルマガ用の画像を作ろう まずはメルマガに入れてみたい画像は、こちらの3種類ではないでしょうか。 (A)メルマガ最上部のヘッダー画像 →ブランドロゴを入れることで、認知度アップが期待できる (B)商品や記事のアイキャッチ画像...

May 15, 2023

HTMLメールデザイン

オシャレなメルマガデザイン25選 :海外のホテル編

こんにちはBEDです。 4月のオシャレメルマガ紹介です!今回は、海外のホテル編です。 最近はようやく海外に行けるようになってきましたが、しばらくご無沙汰という方も多いと思います。もし行く機会があったら、素敵なメルマガを発行しているホテルに泊まってほしいなと思い、勝手にホテルのメルマガをご紹介します(笑)。 素敵なホテルに泊まっていることをイメージしながら気軽に楽しんでいただければと思います! 今回もReally Good Emailsから見つけてきたメルマガのデザインになります。 厳選したオシャレなメルマガデザイン 1.Sensei ハワイのラナイ島にあるリゾート。自然の中でリゾート気分を味わいたい、そんな気持ちにさせてくれます。一度は行ってみたい! 目次に戻る 2.HotelTonight 各国に点在しているホテル。ホテルから望むメインビジュアルも素敵だが、現地の天気や気温を教えてくれるのはとても嬉しい! 目次に戻る 3.Ace Hotel とにかくコンセプトがおもしろいホテル。アートだったり、アパレルなどもホテル内で販売しているところもあるそうで、とてもわくわくするホテル。そのような雰囲気が伝わるメルマガがまた素敵!京都にもあるそうなので、ぜひ行ってみたいものです! 目次に戻る 4.Sonder 高級ホテルと民泊を組み合わせた次世代ホテル企業として運営している。民泊なんだけどどこか高級。そんなお宿を世界中で探して泊まってみるのも素敵!メルマガはナツのリゾートをターゲットにしたものだが、夏と素敵な民泊。そういった休日を過ごしたい欲に駆られます。...

April 26, 2023

HTMLメールデザイン

オシャレなメルマガデザイン25選 :アプリ・ソフトウェア編

こんにちはBEDです。 2月のオシャレメルマガ紹介です!今回は、アプリ・ソフトウェア編です。 様々なサービスがありますが、リアルなプロダクトを持っているところからインターネット上で完結してしまうものなど。そんな中からこれはイケてるなと思うものを厳選しました。 また、コーヒーを飲みながら気軽に楽しんでいただければと思います! Really Good Emailsから見つけてきたメルマガのデザインになります。 厳選したオシャレなメルマガデザイン 1.Fitbit ウェアラブルウォッチの製品を扱うメーカー。シンプルで、プロダクトの見せ方など素敵です! 目次に戻る 2.Vimeo 動画を掲載しているメディア。様々な動画を載せていてLPとしての機能もしています! 目次に戻る 3.Procreate イラスト制作ができるアプリ。こういったイラストを作成できるというようなイメージを想起させるビジュアルが素敵です! 目次に戻る 4.Google みんなご存知Google。そのGoogleが出したイヤホンの紹介です。Appleっぽい感じがしておしゃれですね! 目次に戻る...

March 27, 2023

HTMLメールデザイン

オシャレなメルマガデザイン25選 :ファッションブランド編

こんにちはBEDです。 デザインには様々なセオリーやルールがあります。もちろんそれらを学ぶ事はとても大切です。ですが、僕がこの記事で伝えたいのはお勉強的な事ではなく、自身の直感でデザインを見て楽しんだり、いいもの、かっこいいものというのを探してほしいのです。 小さい頃から、いいものを見たり食べたりしたほうが良いと言われるのと同じで、良いものってなんだろうと常に意識して見ることが大切(感性が育つ)だと思ってます。この記事をみて、自分もこういうの作りたい!ってテンション上げてもらえることを願ってます。 そんな観点で選んだおしゃれで素敵なメルマガを毎月様々な業種やジャンルでご紹介していきます!気軽にコーヒーを飲みながらゆるく見てもらえればと思います! Really Good Emailsから見つけてきたメルマガのデザインになります。 厳選したオシャレなメルマガデザイン 1.On 黒で統一されていてかっこいい!シューズブランドなのでシューズの存在感もちゃんと出せている。 目次に戻る 2.Crocs みなさんもご存知のCrocs!色んなカラーがあるから楽しげなデザインで素敵! 目次に戻る 3.Danner 革靴の老舗ブランド!こちらも知らない人はいないかと思います。Dannerのワイルドさやエレガントさが表現されていてかっこいい! 目次に戻る 4.Teepublic Tシャツなど様々なアイテムを販売しているアパレルブランド。かわいらしいポップな感じや色使いがとても素敵! 目次に戻る...

February 20, 2023

HTMLメールデザイン

簡単!Benchmarkの画像編集ツールを使ってデザインのクオリティをアップさせよう!

こんにちは!Benchmark Emailでデザインを担当している、BEDです。 HTMLメールで重要なメインビジュアルやその他の画像ですが、Benchmark Emailに標準実装されている画像編集ツールを使ってデザインのクオリティを上げることができます。この記事を参考に、ぜひHTMLメールに入れる画像を編集してみてください。 画像編集で行う事とは? どんな画像をどんなところに使いたいのかで画像編集でやることは変わってきますが、主に以下のような事があるかと思います。 トリミング・リサイズ 余計なものを切り取ったり、掲載する媒体のサイズへと調整したりなどする時に行います。 色の変更、調整 暗い写真や、色が黄色みかかっていたり青みが強かったりなどした時に調整が必要になります。 テキストの挿入(フォント、文字組など) 画像の上にテキストを置くことで、バナーなどのような制作物を作ることができます。また、フォント(字体)を決めたり、文字のバランスなども調整することによって何を一番伝えたいのかなどを調整することができます。 ✉️ メールに入れる画像もサクサク編集! ✉️ Benchmark Emailの画像編集ツールだとこんなことができる デザインに自信がない担当者さまでも簡単に使える、シンプルで便利な機能をご紹介します。今回はこの画像を参考にしてツールのご説明をしていきます! まずはメールエディタ上で、編集したい画像を選択して、「コンテンツ」→「編集」をクリックすると画像編集ツールの画面に変わります。 トリミングの例...

January 25, 2023

1 2 3 4 5