「赤酒」という製品紹介のページとしてワインレッドを基調とした高級感のあるホームページです。トップページはシンプルですぐにページ下部まで到達します。各ページへ誘導する案内手法を用いています。 ページ上部には各ページへ飛ぶことができるように各項目が全て表示されている設計になっており興味のある項目を見つけやすい案内になっています。ユーザー製品理解度や興味関心に合わせて項目も作られています。 オンラインショップでの購入に向けて、まずは本ページで丁寧に製品を紹介していると予測できるオンライン版製品パンフレットのような仕様のホームページです。
執筆者
カテゴリ
基本情報
製造業に関連するデザイン
-
「新川電機株式会社」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
-
「メイテック」のホームページデザイン解説サイズ違いの画像領域が横に並んだファーストビューがオリジナリティのあるデザインになっています。画像領域では2面同時に画像が切り替わる仕様になっていて、それぞれに別の画像が表示されることで目に止まりやすい構成になっています。上部に設置されたナ...
-
「株式会社ASM」のホームページデザイン解説ファーストビューの画面全体に鮮やかなブルーを用いており、印象的な構成になっています。中央にはゆっくりと回転すしている地球のグラフィックが表示されており、常に動きがあることでユーザの目に止まりやすい演出がしっかりと考えられています。右側にはナ...
サービスサイトに関連するデザイン
-
「buddies」のホームページデザイン解説ホワイト×ブラックをメインカラーに、スタイリッシュなイメージで構成されたサイトになっていて、その中にキーカラーとして鮮やかなパステルグリーンが用いられていることで、目に止まりやすく統一感のあるデザインにまとめられています。「About bu...
-
「Viens-là」のホームページデザイン解説ファーストビューでは円形のオブジェクトが画面上を浮遊しているような表現が展開されていて、ポップで可愛らしい演出になっています。円形のオブジェクトはカーソルの動きに反応した様々なモーションが加えられていて、スクロールした先では画像領域に変化し...
-
「TWKS」のホームページデザイン解説素早いテンポで切り替わるムービーがファーストビュー上に大きな領域で展開されており、インパクトのある演出になっています。スクロールしていくと大きくテキストが表示されて背景色も徐々に切り替わり、ファーストビューから大きな変化があって面白い表現が...
レッドを使ったデザイン
-
「名古屋グランパス」のホームページデザイン解説ページ全体としては白と本サイトで紹介されているサッカーチームのロゴに用いられている赤とオレンジを用いた明るく楽しい印象のホームページです。ファーストビュー画像の下には最新の試合情報が掲載されています。いつ、何時にどこのチームとどの場所で戦う...
-
「NBA.com (Japan)」のホームページデザイン解説グレーをベースに、レッドやブルーをアクセントにしたサイトです。ファーストビューでは、スポーツニュースを紹介しています。グローバルナビにて試合の日程やスコア、個人の成績や順位表などを案内しています。試合スケジュールのカレンダーを表示しています...
-
「ロッテオンラインショップ」のホームページデザイン解説ベージュをベースにレッドをアクセントにしたサイトです。ファーストビューの右から左へ、ロッテの新商品やキャンペーン情報をスライドさせています。グローバルナビにてロッテのブランド商品、キャンペーン・特集などを案内しています。キャンペーン・特集の...
高級感・リッチなホームページのデザイン
-
「BRANCHE CHOCOLAT」のホームページデザイン解説画面中央に設置された大きめの画像領域では、高級感が表現された美しい画像がスライドショーで切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出になっています。スクロールしていくと小さめのGIF画像が設置されており...
-
「SIMONE」のホームページデザイン解説次々と切り替わるムービーがファーストビュー上で展開されており、思わず見入ってしまうような演出になっています。ムービーは圧倒されるようなインパクトのある表現で、サイトの導入として効果的な役割となっています。スクロールした先では「PROJECT...
-
「QUOITWORKS Inc.」のホームページデザイン解説背景画像の中央にさらに画像領域が設置されており、背景画像上では「PREV」と「NEXT」のマウスストーカーが操作指示を表示しており、中央の画像上ではマウスストーカーの形状にカラー反転表示する効果が加えられています。独自性を感じる特徴的な演出...