キャンバス地の背景を緩やかな曲線でカットし小麦の写真の背景と組み合わせることで、麻袋製造からスタートした企業イメージを表現しています。パンの材料や原料の小麦粉をスライドショーに織り込むことでメイン事業の食原材料の事業内容を紹介しています。下層ページの見出しも鉛筆で書かれたようなかすれた線を使って背景に馴染ませ、カットされた背景の境界に乗せて変化を持たせています。全体をベージュ、差し色に淡いピンクと鮮やかなイエローを使い、小麦をイメージさせる色使いです。
執筆者
カテゴリ
基本情報
飲食店に関連するデザイン
-
「八百彦本店」のホームページデザイン解説ファーストビューに表示される水墨画のようなタッチで描かれた仕出し弁当のイラストが印象的で和の雰囲気が表現されています。食材のイラストは背景にも散りばめられていてデザインのアクセントになっています。商品一覧の表示には写真リンクを使っていて、ク...
-
「TAKAKI BAKERY」のホームページデザイン解説ダークブラウンのベタにスライドショーの写真とキャッチコピーを重ね、ファーストビューで素材の良さを引き出したパン作りを行うメーカーのイメージを存分にアピールしています。ホワイトの背景の余白を生かしたシンプルで清潔感を感じる画面に、鮮やかなパン...
-
「ドミノ・ピザ」のホームページデザイン解説メインビジュアルの上に大きくスペースを取り、レッドとブルーの2種類の注文ボタンをファーストビューに配置することで、サイトにアクセスしたユーザーにまず注文方法を選ばせることで自然な注文の流れへと導く構成です。メインビジュアルやコンテンツの背景...
コーポレートサイトに関連するデザイン
-
「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
-
「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
-
「新川電機株式会社」のホームページデザイン解説グレーをベースにブルーをアクセントにしたサイトです。ファーストビューでは、新川電機の社員が働く製造の現場を写しています。グローバルナビにて新川電機の企業情報、事業内容などを案内しています。トップページの中央に、新川電機の得意分野を掲載してい...
ベージュを使ったデザイン
-
「BRANCHE CHOCOLAT」のホームページデザイン解説画面中央に設置された大きめの画像領域では、高級感が表現された美しい画像がスライドショーで切り替わる仕組みになっていて、画像が切り替わる際のモーションが特徴的で目を引く演出になっています。スクロールしていくと小さめのGIF画像が設置されており...
-
「SIMONE」のホームページデザイン解説次々と切り替わるムービーがファーストビュー上で展開されており、思わず見入ってしまうような演出になっています。ムービーは圧倒されるようなインパクトのある表現で、サイトの導入として効果的な役割となっています。スクロールした先では「PROJECT...
-
「Loeven Morcel」のホームページデザイン解説背景にはベージュ系の落ち着いたカラーを用いて、テキストには繊細なラインで構成されたセリフ体のフォントをメインに用いることで気品を感じるデザインにまとめられています。上部にはナビゲーションメニューが固定表示されていることでサイトの内容が分かり...
シンプルなホームページのデザイン
- 「東京有明医療大学 OPEN CAMPUS」のホームページデザイン解説
ホワイトをベースにネイビーをアクセントにしたサイトです。ファーストビューでは、東京有明医療大学に通う学生達の実習の様子が写っています。3本ラインのメニューボタンにて学習・研究、キャンパスライフなどを案内しています。トップページの中央に、東京...
- 「北海道大学 人間知×脳×AI研究教育センター」のホームページデザイン解説
グレーをベースにグリーンをアクセントにしたサイトです。ファーストビューでは、北海道大学 人間知×脳×AI研究教育センターのロゴマークが表示されています。トップページの左サイドに、ニュースやイベントなどのメニューが出ています。トップページの中...
-
「Tokyo Ueno Wonderer」のホームページデザイン解説ファーストビュー画像領域ではスライドショーで画像が切り替わる表示が展開されていて、印象的な構成になっています。さらに画像はゆっくりとズームアウトしていくモーションが加えられていて、動きがあることで目に止まりやすい効果となっています。また、画...