「お茶と酒　たすき」のホームページデザイン解説

サイトを開くと、スイーツのアップの写真を使ったスライドショーが画面幅いっぱいに広がり、閲覧者の食欲をそそります。スライドショーの上に配置されたクレヨンで描いたようなタッチのロゴが可愛らしく、親しみやすさを感じさせます。下層ページは帯状にトリ...

写真とロゴタイプ・イラストを組み合わせたポップで華やかなスライドショーが目を引くファーストビューです。コンテンツのサムネイルはグリッドレイアウトで規則正しく並べられ、区切りに店内写真を画面幅いっぱいに帯状に配置しています。モノトーンの色使い...

画面右から左に店舗と料理の写真が流れるスライドショーは力強い英語フォントのキャッチコピーが重ねられ、シンプルながらも料理と店舗の魅力を引き出しています。ホワイトと淡いベージュの背景にブラックのテキストを組み合わせたシンプルなデザインで、大き...

サイトを開くと同時にゆるいタッチのキャラクターと、迫力のある筆文字のキャッチコピーが次々に上から落ちてきた後に、ラーメンの切り抜き写真が配置される迫力のあるファーストビューです。メインビジュアルはスライドショーになっていて、矢印をクリックす...

金沢の料亭のWebサイトで、サイトを開くと自然の風景と店舗の料理を組み合わせたムービーが再生され、高級感とドラマチックな印象をまず感じさせます。コンテンツは横長の写真に縦書きのテキストを組み合わせており、縦方向がコンパクトにまとまっているた...

暗い背景の中から浮かび上がる小鉢の写真と、添えられた縦書きのキャッチコピーが高級感を感じさせるファーストビューです。和紙風の淡い灰色の背景と、筆で描いたようなラフなタッチのイラストが和のイメージを感じさせます。差し色にベージュを使ったナチュ...

メインビジュアルで使われている3枚の画像は、写真の左側にネイビーのグラデーションをかけて大きくホワイトのテキストを重ねることで、文字の視認性を上げるとともに重厚感を感じさせます。コンテンツもネイビーをメインに濃いオレンジをアクセントカラーに...

メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...

サイトを開くとまず美容院の内装がスライドショーで画面いっぱいに表示され、中央に重ねた店舗ロゴと半透明のブラックを敷いたナビゲーションメニューでお洒落な印象をまず与えます。ファーストビューで画面下部に表示されていたナビゲーションメニューは、画...

メインビジュアルは女性二人の会話を捉えた写真に、丸みのあるフォントで縦書きのキャッチコピーを重ねています。くすんだブルーを差し色にしたシンプルな1カラムのレイアウトで、画面スクロールとともにコンテンツがふわりと浮かび上がる効果をかけて穏やか...

メインビジュアルは3枚の画像で構成されたスライドショーで、下部を流線型にトリミングして手書き風の鳥のイラストを添え、優しい雰囲気をまず感じさせます。病院の内装と合わせたくすんだピンクと淡いベージュを中心にした色使いと、角丸長方形を使ったレイ...

メインビジュアルのスライドショーは、人物の肩から上をトリミングしたり、後ろ姿を採り入れるなどして商品にフォーカスした構図となっており、中央に重ねたブランドロゴと合わせてブランドイメージを形作っています。横に2枚並べた写真を中央からわずかにず...