MENU
 参考デザインをジャンル別に見る場合はこちら


スクロールできます
Canva公式クリエイターページ
SWELLサイト型トップページTemplate販売ページ
You Tubeチャンネルはこちらから


SWELLサイト型トップページデザイン例|mofu-designを参考にしたサイトをご紹介

当ページは広告が含まれているリンクがあります。当サイトでは、実際に使用しおすすめできる商品・サービスのみを紹介しております。
SWELLサイト型トップページ参考デザイン集アイキャッチ
  • URLをコピーしました!

当サイトでは、SWELL×Canvaで作るサイト型トップページのデザインアイディアカスタマイズ方法を発信しています。


この記事では当サイト「mofu-design」を参考に作っていただいたブロガーさんのサイト型トップページデザイン集をご紹介します。

このサイトと運営者について
  • もふこ|2年目ブロガー
  • Canva公式クリエイターとしてテンプレートを製作
  • SWELL×Canvaで作るトップページのデザインアイディアカスタマイズ方法を発信中
もふこです


目次

当サイトを参考に作られたSWELLサイト型トップページを紹介

参考デザインやトップページのカスタマイズ方法を見て作っていただいたブロガーさんのサイトをご紹介します。


もふこ

オリジナル画像にておしゃれにご紹介していきます!

ダイスケさんのブログ「だって料理が好きだから」

SWELLサイト型トップページデザイン参考例 BLOG (14)

ダイスケさんのブログでは、料理についてのお役立ち情報を発信されています。

もふこ

メインビジュアルが動画になっていて目を引くデザインがとても素敵です!ぜひ覗いてみてくださいね。

\ダイスケさんのブログを覗いてみよう/


参考にした記事

ダイスケさんのブログ「FP2SE」

SWELLサイト型トップページデザイン参考例 BLOG (9)

こちらも同じダイスケさんのブログ「FP2SE」。情報セキュリティや教育ICTについて発信されています。


先程と打って変わってデザインがスタイリッシュですよね。


もふこ

トップページを作る際は、このようにどんなブログかパッと見てわかりやすいデザインがいいですね。


\ダイスケさんのブログを覗いてみよう/


参考にした記事

nicoさんのブログ「nicotto」

SWELLサイト型トップページデザインnico's BLOG

nicoさんのブログ「nicotto」では、みんながニコっとできる場所としてAppleデバイス、キャンプ、トイプードル、写真などの情報を発信されています。

もふこ

トップページに透明感があってさわやかで素敵です。見出しのアニメーションも可愛いのでぜひ覗いてみてくださいね!

\nicoさんのブログを覗いてみよう/

かぴ母さんのブログ「kapihahaノート」

SWELLサイト型トップページデザイン参考例 BLOG (7)

かぴ母さんのブログ「kapihahaノート」では、日常の役立つ情報やお出かけ情報を、実際の体験や経験を元に発信されています。


メインビジュアルの桜が印象的ですね!かぴ母さんの優しいイメージが伝わってきます。

もふこ

女性らしい可愛い色使いのブログです。ぜひ覗いてみてくださいね♪

\かぴ母さんのブログを覗いてみよう/

ロミジュリさんのブログ「部屋time」

SWELLサイト型トップページデザイン参考例 BLOG (3)

ロミジュリさんのブログでは、おすすめアイテムや素敵なおうち時間を過ごす情報をご夫婦で発信されています。


全体的に青で統一されていておしゃれです。


このようにブログのメインカラーを決めておくとデザインがバラバラな印象にならないのでおすすめです。

もふこ

家族のキャラクターを生かしたアニメーションを使用したメインビジュアルがとても面白いです!ぜひ覗いてみてくださいね!


\ロミジュリさんのブログを覗いてみよう/


まあやさんのブログ「こどもといぬとのんびりライフ」

SWELLサイト型トップページデザイン参考例 BLOG (16)

まあやさんのブログでは、おすすめの子育てグッズや豆柴と過ごす生活など、家族に役立つ情報を発信されています。

メインビジュアルは当サイトの育児系ブログデザインの記事を参考に作っていただいたのですが、落ち着いた色合いにセンス良くアレンジされていてとっても素敵です!

もふこ

トップページの見出しも可愛いですよ!ぜひ覗いてみてくださいね。


\まあやさんのブログを覗いてみよう/


参考にした記事


つきユカさんのブログ「つきライフin the USA」

SWELLサイト型トップページデザイン参考例 BLOG (12)

つきユカさんはアメリカ在住のブロガーさんで、アメリカ生活に役立つ情報をブログで発信されています。

アメリカに行くための事前準備やライフハック、お得なクレジットカード情報やキャッシュバックサイトなど様々な情報が得られるので海外生活に興味がある方は必見です!


もふこ

アイキャッチもおしゃれで素敵ですよ。ぜひ覗いてみてくださいね。


\つきユカさんのブログを覗いてみよう/


参考にした記事


EMIさんのブログ「ドラマちっく天国」

SWELLサイト型トップページデザイン参考例 BLOG (13)

EMIさんのブログでは、国内の人気ドラマの気になる情報を発信されています。

おすすめドラマの他にも、お得なVOD情報も紹介してくれているのでドラマ好きさんは必見です!アイキャッチもとても素敵で参考になりますよ。

もふこ

メインビジュアルのアニメーションや、フルワイドブロックの見出しデザインが凝っていておしゃれです!


\EMIさんのブログを覗いてみよう/


Madoriさんの「el BLANCO | 暮らすような旅の魅力を発信するブログ」

SWELLサイト型トップページデザイン参考例 BLOG

Madoriさんのブログでは、ご自身で撮影された旅先の素敵な写真を使い、旅の魅力を臨場感たっぷりに発信されています。

写真もブログデザインも本当に素敵でため息が出てしまうほど美しいMadoriさんのブログは、ぜひ皆さんに覗いていただきたいです!

もふこ

洗練されたヨーロッパのイメージで統一されたトップページが本当にオシャレでびっくりしました…!


\Madoriさんのブログを覗いてみよう/

くま子さんのブログ「ハナワッカ(HANAWAKKA)」

SWELLサイト型トップページデザイン参考例 BLOG (17)

くま子さんのブログでは、お花のサブスクリプション・定期便サービスに関する情報を発信されています。

実際にくま子さんが利用したお花のサブスクサービスを中心に、申し込み方法や梱包、花の様子などを詳しくレビューされているので、日々の生活に彩りが欲しい方はぜひ覗いてみてくださいね。

もふこ

さすがお花の特化ブログ!透明感のあるメインビジュアルがとっても素敵です。

お花のサブスク、申し込んでみたくなりますね。


\くま子さんのブログを覗いてみよう/

ブログの掲載希望はこちらから

当サイトを参考にサイト型トップページを作られた方でしたらどなたでも掲載させていただきます。

もふこ

みなさんのブログをオリジナル画像でご紹介します!掲載希望の方はお気軽にご連絡ください。

掲載依頼方法

以下の5点をもふこ宛に掲載依頼フォームまたは TwitterのDMまでご連絡ください。

  1. お名前(ブログで使用しているニックネームでOK)
  2. ブログタイトル
  3. ブログURL
  4. 当サイトで参考にしたデザインの記事URL または 記事タイトル
  5. Twitterでの紹介はOKですか?
  6. ご感想(あれば自由に)


掲載完了後、X(Twitter)にて記事とともにご紹介(可能な方のみ)させていただきます。

おすすめコンテンツ

ブログ運営に関するデザイン情報を発信しています。

SWELLに関する記事はこちら

有料テーマに悩む方へ!SWELLをまるっと解説してます


サイト型カスタマイズの方法はこちらから

Canvaに関する記事はこちら

Canvaで使えるアイキャッチ無料テンプレート配布中

YouTubeはこちら

YouTubeにて、Canvaがもっと楽しくなる情報を配信中です。暇つぶしにぜひどうぞ♪


\チャンネル登録とっても励みになります/




SWELLサイト型トップページ参考デザイン集アイキャッチ

この記事が気に入ったら
フォローしてね!

SNSでご紹介いただけると嬉しいです
  • URLをコピーしました!

コメントや質問はこちらから

コメントする

CAPTCHA


目次