全体を通してシンプルな構成になっていて、ファーストビュー画像領域では新メニューやテイクアウト対応についての案内を掲載し、ユーザーの関心が高まる効果を狙っています。ナビゲーションメニューは目に留まりやすいトップページ上部に設置してあり、見たいページを探しやすい表示になっています。下層ページの「安全安心の取り組み」では写真を多用し取り組み内容をわかりやすく説明してあり、誠実な印象を受けます。また提供している商品メニューのラインナップは、カテゴリ分けして一覧表示されていて見やすく、気になるメニューが探しやすいです。さらに、ページ下部ではカテゴリのアイコン表示がされていて直感的に選ぶことができ、ページ間の移動がスムーズにできる仕様になっています。ユーザーが気持ちよくサイト閲覧できるよう配慮された素晴らしいサイトと言えます。
カテゴリ
基本情報
飲食店に関連するデザイン
- 「そば処 東家(あずまや)」のホームページデザイン解説
サイトにアクセスすると、画面の左右からスライドしてくる黒と朱色のお椀のシルエットと、その間に挟まった藍色の店舗ロゴが大きなインパクトを与えます。画面をスクロールすると店舗の外観や内装、食事風景などの様子がスライドショーで紹介され、縦書きのキ...
- 「お食事処 まんだら」のホームページデザイン解説
トップに配置された金色と墨色の2色で描かれたお城がまず目に入りますが、てっぺんのしゃちほこで一目で名古屋城とわかるだけでなく、よく見るとすべて野菜の型押しで描かれていて驚きを与えるとともに、食材へのこだわりとお店の歴史を感じさせるシンボルと...
- 「IPPUKU&MATCHA」のホームページデザイン解説
深みのあるグリーンの抹茶が注がれた切子のグラスからはわずかに湯気が立ち上るアニメーションをあしらい、背後にあしらった茶葉の山と深い藍色の背景色で和の落ち着いた雰囲気と宇治抹茶の高級感を演出しています。藍色の背景に明朝体の縦書きと横書きの英文...
サービスサイトに関連するデザイン
- 「TRIPPIN」のホームページデザイン解説
海外の旅行をメインにしたコミュニティプラットフォームサイトで、隙間なく並べられた角丸長方形のサムネイルにはヒートマップ風にドットが重ねられており、記事ページに移動すると同じ色のピンがマップに重ねられています。画面左2/3がマップ、残りのエリ...
- 「Gare Centrale de Montréal」のホームページデザイン解説
カナダにあるモントリオール中央駅のサイトです。メインビジュアルは3枚並んだフラットなテイストのイラストで、それぞれが駅の周辺情報・ショップガイド・運行情報への入り口となっており、マウスオーバーするとキャプションが下からせりあがってくる仕組み...
- 「stimmt」のホームページデザイン解説
オランダのデザイン会社のサイトです。ファーストビューではダークな画面に流線型のグラフィックが浮かび上がり、その上にホワイトのフォントでメッセージが重ねられた画面が目を引きます。モノトーン中心の配色に鮮やかなピンクが映え、スタイリッシュな中に...
ベージュを使ったデザイン
- 「Our Planet」のホームページデザイン解説
Netflixで公開されている、オリジナルのドキュメンタリーシリーズの公式サイトです。ファーストビューではこちらに向かってくるトラのムービーをはじめとした動画を全画面に配置し、強いメッセージ性を感じさせます。動画サムネイルは画像と同時にキャ...
- 「並木町の整骨院」のホームページデザイン解説
トップページ最上部にはお知らせ情報が定期的に切り替わるデザインです。またその隣にあるグローバルナビゲーションは拡大項目のタイトルの前には関連するイラストを用いておりポップでわかりやすい印象を与えます。 ページ上部には、どの地域で、どんなサー...
- 「福岡 薬院の美容室|&Loosen(アンドルーセン)」のホームページデザイン解説
トップページ最上部には電話番号が記載されています。お洒落なフォントを用い、背景画像も施術中の様子を撮影した爽やかでお洒落な印象のためページ全体が洗練された雰囲気が演出されています。コンセプトメッセージの下には「photo gallery」が...
ナチュラル・清潔感なホームページのデザイン
- 「EVE un BLUE」のホームページデザイン解説
鮮やかなブルーのアイラインが引かれた女性のビジュアルが印象的なファーストビューです。製品やシリーズのサムネイルはマウスオーバーでブルーのベタが重ねられ、特にシリーズのサムネイルはキャッチコピーが反転して浮かび上がる印象的な効果を施しています...
- 「元氣堂」のホームページデザイン解説
ファーストビューには縦書きでコンセプトメッセージを記載している点が特徴的です。またその下にはどんなサービスを提供しているのか大きく4つの項目に分け説明をしています。さらにその下にはお客様の声と題し 吹き出しで悩みを記載し、それぞれ詳細ページ...
- 「valetta」のホームページデザイン解説
ファーストビューはお洒落な画像が定期的に切り替わる視覚的に見ていて楽しいデザインです。トップページ内は大きく6つのグローバルナビゲーション項目を並べるのみで他の情報は掲載しない非常にシンプルなデザインです。各項目は英語表記ですが普段から馴染...