「atelier Meets | アトリエミーツ | 美容室 | 大阪…」のホームページデザイン解説

画面上部と左サイドに余白を持たせてナビゲーションメニューを配置し、全体にムービーを配置した上に大きく店舗ロゴを重ねた、シンプルながらも迫力のあるファーストビューです。色使いはモノトーンのシンプルなものですが、マウスの動きに追従する円形のカー...

ざらざらとした質感の上を版画風のアニメーションが揺らめき、左上の「本と美容室」というタイトルロゴと相まって、どんなページなのだろうという興味を閲覧者にまず持たせます。小説の本文を思わせる縦書きの明朝体でメインのキャッチコピーを置き、コンテン...

トップページ最上部には店舗ロゴのほかに多くのユーザーが興味があると想定されるネット予約、翻訳、検索、メニューがピクトグラムを用いて黒の色味を用いはっきりとポップにわかりやすく案内されています。全体としては白を背景に黒の色味を用いることでコン...

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

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

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

サイトを開くと画面幅いっぱいの子供たちのムービーと、丸みを帯びたフォントのロゴにビタミンカラーのアイコンをあしらったロゴマーク、鮮やかなグリーンとオレンジのリンクボタンが目に入り、子供らしい明るく元気なイメージをまず与えてくれます。鮮やかな...

ファーストビューでは画面全体に表示された宇宙ステーションの写真のスライドショーと、その上に重ねられた太字のキャッチコピーが、力強いメッセージ性を感じさせます。各コンテンツの見出しは施設名は大きく写真に重ね、トピックスの見出しはやや小さくマー...

トップページに表示されたスライドショーは、引き出しを開ける両手のイラストが鉛筆書き風の素朴なタッチで描かれ、引き出しの中にスライドショーがはめ込まれています。引き出しの横にはクリップでつるされたカード風のサムネイルが表示され、サムネイルをク...

ブラウンのオーバーレイを重ねた写真が互い違いにスクロールする上に、太めのフォントでシンプルにキャッチコピーが乗ったファーストビューです。ベージュやブラウンをメインにした落ち着いた色使いに、角を取って丸くした写真やボタンと、画面スクロールとと...

サイトにアクセスすると、施設内の様子がスライドショーで紹介されており、クリニックへの信頼感をまず感じさせます。メインビジュアルの真下にナビゲーションメニューを配置したレイアウトで、各ページはアクセスするとまずビジュアルと病院ロゴ、電話番号と...

ハナビラタケというキノコの栽培風景やメニューが切り替わるスライドショーの上に、ブランドロゴの「ホホホ」の文字が現れて消える、不思議な感覚を閲覧者に与えるファーストビューです。ホワイトとベージュの背景にブラックのテキストのみというシンプルな色...