サイトを開くとまず、オレンジとピンクのグラデーションの帯に置かれたオンラインショップへのリンクと、右上に大きくブランドロゴを配置したスライドショーがインパクトを与えます。画面をスクロースさせると画像とテキストを組み合わせたボックスがタイル状に配置されますが、こちらはモノクロですっきりとまとめられ、コンテンツの区切りでグレーの背景にサムネイルを並べたスライドショーが挿入されています。カラフルなショップロゴとモノクロのクールなサイトのギャップが若者の心を惹きつける構成です。
執筆者
カテゴリ
基本情報
ブランドに関連するデザイン
-
「IKKON」のホームページデザイン解説メインビジュアルは横長のスライドショーで、右下にはボックスを重ねてキャッチコピーを配置し奥行きを出しています。商品写真の陶器のホワイトや淡いグレーと、化粧箱の淡いベージュを中心にしたすっきりとした色使いで、コンテンツエリアやサムネイルの角を...
-
「BEAMS CREATIVE」のホームページデザイン解説画面幅をいっぱいに使ったスライドショーの上に配置されたヘッダーは企業ロゴとハンバーガーメニューのみのシンプルなもので、スタイリッシュな印象を与えます。ベタを使わずコンテンツをシンプルなラインで区切った、一見モノトーンのフラットなデザインです...
-
「TOGA」のホームページデザイン解説ファッションブランドのデザインアーカイブのページで、サイトにアクセスするとタイトルロゴがドット絵風のアニメーションで表示され、画面をスクロールさせるとアーカイブのサムネイル写真が次々表示されますが、最後までたどり着くとまた最初に戻るループし...
サービスサイトに関連するデザイン
-
「西武学園文理中学･高等学校」のホームページデザイン解説サイトを開くと画面中央に埋め込んだYoutubeの動画が再生され、その上に重なるように斜めにカットしたベタを配置してキャチコピーが重ねられています。シンプルな1カラムのレイアウトでかっちり感を出しつつ、鮮やかなイエローとグリーンを背景に、リ...
-
「小松美羽 Official Site」のホームページデザイン解説サイトを開くとライブペインティングの様子を捉えた写真が画面いっぱいに表示され、その上に明朝体で大きくキャッチコピーが配置された、重厚感と力強さを感じさせるファーストビューです。ブラックをベースにホワイトのテキストとオレンジの見出しで高背され...
-
「hana鍼灸治療院」のホームページデザイン解説サイトを開くと画面いっぱいに広がる鮮やかな蘭の花がまず目に入り、スライドショーが切り替わると院内の内装や施術の様子が写真で紹介されています。落ち着いたゴールドをアクセントカラーにしており、ダイヤ型のテクスチャと合わせて高級感を感じさせるデザ...
カラフルを使ったデザイン
-
「株式会社ウイング」のホームページデザイン解説メインビジュアルはTシャツプリントの作業工程をまとめたスライドショーで、キャッチコピーの横にインクが飛び散ったような図柄を配置しています。ページ上部に固定したナビゲーションメニューや、テキストボックスにもインクが垂れたような流線型をあしらっ...
-
「オオサカマニア」のホームページデザイン解説メインビジュアルは画面下部に吹き出し状のサムネイルがスクロールするスライドショーとなっており、画面中央に大きく表示されたタイトルロゴが迫力を感じさせ、背景のイラストに合わせてロゴと背景の色が変化する様子が大阪の多彩な楽しみ方を感じさせます。...
-
「妖怪ピーク」のホームページデザイン解説淡い水彩風のテクスチャで描かれた幾何学模様を散りばめたイラストがキャッチコピーの背後にゆっくりとした速度で流れ、ユーザーに寄り添うような優しい雰囲気を感じさせるファーストビューです。メインビジュアルの下ではワークショップの様子がカルーセルで...
かっこいいなホームページのデザイン
-
「コネクテックジャパン株式会社」のホームページデザイン解説鮮やかなレッドを背景にした、葛飾北斎風のメインビジュアルが大きなインパクトを与えるファーストビューです。やや暗めのレッドをメインカラーに、半導体の拡大写真を多く取り入れつつ、コンテンツタイトルに明朝体を使い、和紙や籠目模様のテクスチャを背景...
-
「イイヅカカズキ建築事務所」のホームページデザイン解説サイトを開くと画面いっぱいに建物外観と親子の暮らしの様子がムービーで紹介され、中央からやや左に寄せて太字の英語フォントでキャッチコピーが重ねられた、スタイリッシュな印象のファーストビューです。レイアウトはグリッドを意識しないフリーなレイアウ...
-
「マクドナルドフランチャイジー 株式会社豊昇」のホームページデザイン解説サイトを開くと角を丸くトリミングしたスライドショーが表示され、中央に力強いブロック体と、手書き風のフォントでそれぞれキャチコピーが重ねられています。スライドショーの下には鮮やかなイエローの帯が重ねられ、新着情報が表示されています。鮮やかなイ...
