「菱岩」のホームページデザイン解説

毛筆で描かれた店舗ロゴと魚の絵がまず目に入り、和風のイメージをまず印象付けるファーストビューです。和紙のテクスチャの上に太目の明朝体のフォントを縦書きにすることで日本らしさを演出するとともに、フォントサイズを大きめに表示することでどっしりと...

グレーをベースにブラックをアクセントにしたサイトです。ファーストビューには、IDÉAL TOKYOの店内が写っています。2本ラインのメニューボタンにて、オーディオ＆ホームシアターやスペースデザインなどを案内しています。スペースデザインのペー...

グレーをベースに、レッドやブラックをアクセントにしたサイトです。ファーストビューでは、丸亀製麺の人気メニューを紹介しています。グローバルナビにてお持ち帰り商品、丸亀製麺のこだわりなどを案内しています。はじめての方へセルフスタイルの注文方法を...

サイトを開くと画面中央に鮮やかな料理の写真がスライドショーで表示され、背後に敷いたスミ色のベタと、サイドメニューの毛筆風のロゴ周辺に大きくとった余白で、凛としたイメージと高級感を演出しています。背景はホワイトと淡いベージュのみ、テキストもス...

画面中央にぽつんと表示された手書きのパンのイラストと、力強い店舗ロゴがシンプルながらもインパクトを与えるファーストビューです。ベージュの背景にブラウンのテキストの、アクセントカラーを一切使わないシンプルな色使いですが、画面スクロールとともに...

画面の左右に固定されたビジュアルを大きく取り、中央の細いエリアのみがスクロールするレイアウトで、フィルムで撮ったような色使いの写真と、ざらざらとした質感のイラスト、縦書きの電話番号がレトロな雰囲気をまず感じさせます。イエローとネイビーをアク...

画面左にタイトルと導入文、右側にスライドショーを配置したシンプルな構成ですが、自然光を感じる明るい色彩の写真を大きく使い、フォントの大小でコントラストをつけたコピーはマージンを大きく取ることで、フレッシュですっきりとした印象を感じさせます。...

角を丸くトリミングしたスライドショーの写真と、画面左のナビゲーション濃いグリーンがマッチして、一目でナチュラルで自然豊かなイメージを与えてくれるファーストビューです。シンプルにグリーンのラインを引いただけの見出しとマージンを大きく取ってすっ...

画面右にナビゲーションメニューを配置し、中央に大きくスライドショーを配置したレイアウトで、次々に台湾料理の写真のアップが入れ替わる様子が食欲をそそります。コンテンツは濃いグリーンの明朝体のテキストを中心にした落ち着いた雰囲気で、料理紹介では...

画面に大きく表示された林業の様子のスライドショーと、ヘッダーの左にぽつんと表示されたシンプルなサイトロゴが、森林の物静かな雰囲気を感じさせるファーストビューです。淡いベージュをベースに、カーキとブラウンをアクセントにした柔らかい色使いもサー...

ファーストビューは窓辺に置かれた日本酒の瓶とワイングラスが画面いっぱいに表示され、同じ構図で光の加減が変化する様子が穏やかな空気感を生み出しています。画面のスクロールとともに写真をわずかにフェードアウトさせることで、閲覧者の視線を自然に引き...

画面いっぱいに表示されたスライドショーでは店舗周辺の地域の風景と、一面に塗られたクリームやまぶされる砂糖のアップで、豊かな自然の中で育てられた製品の魅力をたっぷりと引き出しています。縦書きの明朝体のタイトルやナビゲーションメニューで和のイメ...