セクションの区切りを半円をつないだような波線で区切り、手書き風の罫線や画面両端から覗く手書きのイラストなど、画一的になりすぎずショッピングの楽しさを表現しています。背景色も淡い色でまとめるだけでなく、強調したい情報の部分では鮮やかなブルーとドットのテクスチャを使って目をひく工夫が見られます。画面の両側からパンダのイラストがユニークで、親しみやすさを与えています。
執筆者
カテゴリ
基本情報
ショップに関連するデザイン
-
「紬かけつぎ店」のホームページデザイン解説全体に柔らかなタッチのイラストを配置して、温かみを感じるデザインにまとめられています。ファーストビューにも画面右側に大きくイラストを表示して、サイトを開いた際にゆっくりと浮かび上がってくるようなモーションが見られることでサイトの雰囲気を演出...
-
「FABRIC TOKYO」のホームページデザイン解説全画面の画像がファーストビューに使われていて、サイトを開くとまず画像が目に飛び込んで来ることでインパクトのある演出になっています。画像はスライドショーで切り替わることでユーザの興味を抱かせる工夫になっており、それぞれの画像の背景が色分けされ...
-
「graf」のホームページデザイン解説グレーをベースにブラックをアクセントにしたサイトです。ファーストビューでは、grafオリジナルのインテリアを紹介しています。グローバルナビにてプロダクト、グラフィックなどを案内しています。プロダクトのページでは、家具づくりに使っている道具や...
店舗サイトに関連するデザイン
-
「八百彦本店」のホームページデザイン解説ファーストビューに表示される水墨画のようなタッチで描かれた仕出し弁当のイラストが印象的で和の雰囲気が表現されています。食材のイラストは背景にも散りばめられていてデザインのアクセントになっています。商品一覧の表示には写真リンクを使っていて、ク...
-
「HODGE x PODGE」のホームページデザイン解説ブラック×ホワイトのカラー構成をメインにまとめられたデザインがスタイリッシュなイメージを作り上げています。ファーストビューの画像領域ではモノクロ写真が切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出となって...
-
「土屋印店」のホームページデザイン解説画像領域がファーストビューの中央に設置されており、目に止まりやすい構成がしっかりと考えられた設計になっています。画像はゆっくりとしたオーバーラップで切り替わる仕組みで、サイトの雰囲気を演出する要素になっています。スクロールしていくと「作品集...
オレンジを使ったデザイン
-
「なら国際映画祭2020」のホームページデザイン解説鮮やかなオレンジをメインカラーに使って、派手でインパクトのある演出が特徴的なサイトデザインに仕上げられています。ファーストビューの画像領域では画像が切り替わる際のモーションに面白い効果が加えられていて、目を引く演出となっています。ヘッダーに...
-
「新築HOME’S」のホームページデザイン解説グレーをベースにオレンジをアクセントにしたサイトです。ファーストビューでは、イラスト付きのアイコンから住まいを探せます。グローバルナビにて、不動産・住宅情報などを案内しています。トップページの中央に、不動産のカテゴリ一覧を掲載しています。不...
-
「ココログ」のホームページデザイン解説メインビジュアルは2枚の画像で構成されたスライドショーで、その下のブルーのストライプの帯には新着記事のタイトルが電光掲示板のようにスライドして表示されます。カテゴリーはラウンド状のボタンが右から左へと次々と流れてきて、様々なジャンルのブログ...
ポップなホームページのデザイン
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「MUSABI WEB OPEN CAMPUS 2020」のホームページデザイン解説ポップなイメージの図形や装飾がサイト全体に散りばめられていて、全体の雰囲気を作り上げる要素になっています。上部にはナビゲーションメニューが固定表示されていて見やすく、スムーズな閲覧が可能な設計です。メニューは色分けされていて、サイト内の要素...
-
「Overpass」のホームページデザイン解説ビビッドでカラフルなオブジェクトをメインに構成されたサイトデザインになっていて、鮮やかでポップな雰囲気が演出されています。ファーストビューでは右側に配置されたブルーの背景上に人物の写真が表示されており、スライドショーで切り替わる仕組みになっ...