「DaB」のホームページデザイン解説【デザコレ】

Design Review

デザイン解説

画面上部と左サイドに余白を持たせてナビゲーションメニューを配置し、全体にムービーを配置した上に大きく店舗ロゴを重ねた、シンプルながらも迫力のあるファーストビューです。色使いはモノトーンのシンプルなものですが、マウスの動きに追従する円形のカーソルや、画面スクロールに合わせてふわっと浮かび上がるコンテンツなど、フラットなデザインに動きをつけることでスタイリッシュな印象に仕上げています。画面のレイアウトもニュースのサムネイルを画面右に寄せたり、背景と写真をずらして重ねるなどして、かっちりとしすぎず遊び心を感じさせます。

こんなホームページを作りたい方へ

執筆者

Okamoto Miyu

岡本美憂

独学でWebデザイン、HTML・CSSを学習。⇒出版社のWeb事業部でアルバイト⇒Web制作会社で、デザイナー兼コーダーとして勤務⇒2019年からフリーランスに。休日もカフェでコーディングをしているちょっと変人です。趣味はカフェ巡り、自然巡り、旅行など。

Twitter

基本情報

会社名: 株式会社ダブ

サイト名: DaB

URL: https://dab.co.jp/

「DaB」のホームページデザイン解説

執筆者

カテゴリ

基本情報

美容室・美容院に関連するデザイン

サービスサイトに関連するデザイン

ホワイトを使ったデザイン

かっこいいなホームページのデザイン

テイスト

タイプ

カラー

業界・業種で絞り込む

テイストで絞り込む

タイプで絞り込む

カラーで絞り込む