「下関春帆楼採用サイト」のホームページデザイン解説

サイトにアクセスするとまず、数枚の写真がズームインしながら入れ替わるスライドショーが表示され、スライドの再生速度と合わせて店内の穏やかな雰囲気を伝えています。画面左上に配置された店舗ロゴは画面をスクロールするとホワイトからイエロー変化し、モ...

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

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

メインビジュアルは3枚の写真で構成されたスライドショーで、写真はやや青みがかった色味に補正してクールな印象を与えます。その下に配置された導入部分のコピーは鮮やかなブルーのグラデーションを背景に敷き、細いラインで囲んだキャッチコピーを配置して...

ファーストビューはデイサービススタッフの笑顔の写真で構成されたスライドショーで、その下には事業展開の概要がシンプルなラインのイラストで表現されていて、サービスへの信頼感をまず感じさせます。太目の英語フォントを使ったタイトルや、斜めにカットし...

画面中央に警視庁の仕事の様子がムービーで紹介されており、重ねられた「警視庁」の文字が厳格さを感じさせるファーストビューです。淡いブルーのグラデーションと濃いネイビーを交互に敷いてコントラストをつけた背景と、ベージュのアクセントカラーを敷いた...

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

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

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

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

画面右に帯状に配置されたメニューはサイト名とメニューが縦書きの明朝体で書かれており、次々に表示される陶器の高品質な画像と合わせて和のイメージと高級感をまず与えます。画面をスクロールするとメニューの幅が広がってコンテンツが表示される演出がされ...

メインビジュアルは横長の写真を使い、サービスの内容を縦書きで重ねています。その下に配置されたキャッチコピーまでが1画面に入るため、サービス内容が一目でわかるように配慮されています。1カラムのレイアウトですが写真と背景をずらして重ねた自由なレ...