トップページは本サイトのサービス内容である「コスチューム」を着た外国人女性の写真をメインに使用され、華やかさを感じる高級感の溢れるデザインです。
ホワイトの背景にベージュの文字を用い上品さを演出されています。
グローバルナビゲーションはイメージブックやルックブックなどがトップに来ており数々のコスチュームコレクションをユーザーに見てほしいといった思いが全面に感じられる設計です。
コスチュームコレクションは、WEBサイトではあるものの、右スクロールによって素敵なコスチューム写真を見ていくことができ雑誌のようにページをサクサクと進めていくことができユーザビリティが高いWEBサイトです。
執筆者
カテゴリ
基本情報
ウェディングに関連するデザイン
-
「ぐるなびウエディング」のホームページデザイン解説ホワイトをベースに、ピンクやグレーをアクセントにしたサイトです。ファーストビューには、結婚式の披露宴の様子が写っています。真ん中に検索窓が貼られています。2カラム構成のトップページで、左サイドにはおすすめのコンテンツを掲載しています。エリア...
-
「桜坂観山荘」のホームページデザイン解説ページトップに表示された写真が繊細な木や花のシルエットイラストで囲われていて、女性的な美しさや可憐な表現が展開されています。スクロールした先に現れるナビゲーションメニューのデザインも、白い帯に薄いピンクのアイコンが設置され、小さめの文字でメ...
-
「ゼクシィnet」のホームページデザイン解説サイトを開くとファーストビューの画像領域が大きく表示されてインパクトのある演出になっています。画像上には簡単な項目の入力で結婚式場を探す機能が設置されていて、ユーザの目的に応じた使いやすい設計がしっかりと考えられています。スクロールした先に...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
ホワイトを使ったデザイン
- 「buddies」のホームページデザイン解説
ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
高級感・リッチなホームページのデザイン
-
「BRANCHE CHOCOLAT」のホームページデザイン解説画面中央に設置された大きめの画像領域では、高級感が表現された美しい画像がスライドショーで切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出になっています。スクロールしていくと小さめのGIF画像が設置されており...
-
「SIMONE」のホームページデザイン解説次々と切り替わるムービーがファーストビュー上で展開されており、思わず見入ってしまうような演出になっています。ムービーは圧倒されるようなインパクトのある表現で、サイトの導入として効果的な役割となっています。スクロールした先では「PROJECT...
-
「QUOITWORKS Inc.」のホームページデザイン解説背景画像の中央にさらに画像領域が設置されており、背景画像上では「PREV」と「NEXT」のマウスストーカーが操作指示を表示しており、中央の画像上ではマウスストーカーの形状にカラー反転表示する効果が加えられています。独自性を感じる特徴的な演出...