ファーストビューではカラフルな手書き風のイラストや文字が次々に現れる演出が展開されて、思わず見入ってしまうようなサイトの導入として効果的な演出となっています。イラストや文字にはビビッドなカラーを用いることで目に止まりやすく、インパクトのあるデザインが表現されています。スクロールしていくと、ファーストビュー同様にマーカーで書いたようなカラフルな手書き風のラインが現れる演出でサイトの内容が展開されていき、アイキャッチの効果がしっかりと考えられています。下部ではサムネイル写真を用いた見やすい構成も展開されていて全体を通して統一感のあるサイトに仕上がっています。
執筆者
カテゴリ
基本情報
サービスに関連するデザイン
-
「公益社団法人 日本てんかん協会」のホームページデザイン解説サイトを開くと4枚の画像で構成されたスライドショーが表示され、可愛らしいイラストやポップな文字使いで親しみやすさをまず感じさせます。青みがかったピンクと淡いグレーの2色をメインカラーにした、ナビゲーションメニューやコンテンツの入り口にイラス...
-
「新潟土地建物販売センター株式会社」のホームページデザイン解説サイトを開くと、鮮やかな青空をバックに手のひらの上に乗せた家の模型の写真がぱっと目に入り、余白に配置されたキャッチコピーと合わせて目を引きます。1カラムのシンプルなレイアウトで、鮮やかなグリーンをアクセントカラーにしたさわやかな色使いです。...
-
「フォトスタジオKOWA」のホームページデザイン解説メインビジュアルは結婚式・七五三・出産などの家族の記念写真の撮影風景をまとめたスライドショーで、それぞれに帯を敷いたキャッチコピー、右上がりに書かれた2種類の英語の店舗ロゴ、ガーランドのパーツがあしらわれています。ナビゲーションメニューには...
サービスサイトに関連するデザイン
-
「西武学園文理中学･高等学校」のホームページデザイン解説サイトを開くと画面中央に埋め込んだYoutubeの動画が再生され、その上に重なるように斜めにカットしたベタを配置してキャチコピーが重ねられています。シンプルな1カラムのレイアウトでかっちり感を出しつつ、鮮やかなイエローとグリーンを背景に、リ...
-
「小松美羽 Official Site」のホームページデザイン解説サイトを開くとライブペインティングの様子を捉えた写真が画面いっぱいに表示され、その上に明朝体で大きくキャッチコピーが配置された、重厚感と力強さを感じさせるファーストビューです。ブラックをベースにホワイトのテキストとオレンジの見出しで高背され...
-
「hana鍼灸治療院」のホームページデザイン解説サイトを開くと画面いっぱいに広がる鮮やかな蘭の花がまず目に入り、スライドショーが切り替わると院内の内装や施術の様子が写真で紹介されています。落ち着いたゴールドをアクセントカラーにしており、ダイヤ型のテクスチャと合わせて高級感を感じさせるデザ...
カラフルを使ったデザイン
-
「株式会社ウイング」のホームページデザイン解説メインビジュアルはTシャツプリントの作業工程をまとめたスライドショーで、キャッチコピーの横にインクが飛び散ったような図柄を配置しています。ページ上部に固定したナビゲーションメニューや、テキストボックスにもインクが垂れたような流線型をあしらっ...
-
「オオサカマニア」のホームページデザイン解説メインビジュアルは画面下部に吹き出し状のサムネイルがスクロールするスライドショーとなっており、画面中央に大きく表示されたタイトルロゴが迫力を感じさせ、背景のイラストに合わせてロゴと背景の色が変化する様子が大阪の多彩な楽しみ方を感じさせます。...
-
「妖怪ピーク」のホームページデザイン解説淡い水彩風のテクスチャで描かれた幾何学模様を散りばめたイラストがキャッチコピーの背後にゆっくりとした速度で流れ、ユーザーに寄り添うような優しい雰囲気を感じさせるファーストビューです。メインビジュアルの下ではワークショップの様子がカルーセルで...
奇抜・派手なホームページのデザイン
- 「小松美羽 Official Site」のホームページデザイン解説
サイトを開くとライブペインティングの様子を捉えた写真が画面いっぱいに表示され、その上に明朝体で大きくキャッチコピーが配置された、重厚感と力強さを感じさせるファーストビューです。ブラックをベースにホワイトのテキストとオレンジの見出しで高背され...
-
「角中株式会社」のホームページデザイン解説メインビジュアルは写真とキャッチコピーを食い合わせたビジュアルのスライドショーで、キャッチコピーの一部をイエローとレッドに色を変え、レッドの部分のフォントサイズを上げることで迫力のある画面に仕上げています。コンテンツタイトルは鮮やかなレッド...
-
「日清食品グループ オンラインストア」のホームページデザイン解説ファーストビューではまず、正方形にトリミングされたバナーが次々と表示されるカルーセルが配置されており、キャッチーでインパクトのある画像を立て続けに見せることで製品への興味を惹きつけています。ブラック・レッド・ライトグレーの3色を使ったフラッ...
