「Kariomons Coffee Roaster」のホームページデザイン解説

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

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

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

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

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

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

ホワイトに淡いブルーのグラデーションを組み合わせた背景の色使いが、医療機関らしい清潔さをまず感じさせます。メインビジュアルはブラックのフォントに手書きのブルーの文字を組み合わせ、グラデーションのボタンを組み合わせたさわやかなイメージの上に、...

サイトを開くとまず表示されるスライドショーは、ビジュアルの上に予算別のコースを表示して、治療にかかる大まかな金額を最初に表示することでユーザーの選択を促しています。ホワイトに濃いネイビーのコントラストの強さが、堅実さを清潔感を感じさせる色使...

画面中央に大きくブランドロゴが表示され、画面が切り替わると水彩風のイラストとお菓子の切り抜き画像で構成されたビジュアルが表示されるファーストビューです。溶けた雪のような淡いブルーのグラデーションで雪のひんやり感を、濃いブルーに樹木のシルエッ...

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

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

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