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

画面いっぱいに表示されたムービーの上に植物のシルエットとロゴを重ねたファーストビューで、ダークブルーの色使いにホワイトのロゴを重ねることでコントラストを生み出しています。ポリゴンモザイクのバックでデジタル感を出し、手書き風のロゴとイラストで...

ファーストビューは画面を左右に2分割して中央に美術館のロゴを配置したレイアウトで、画面左に建物外観の切り抜き写真が常に固定されており、右側はランダムに並べた写真が下から上にスクロールしていく構成になっています。画面幅をいっぱいに使った自由な...

画面いっぱいに広がるスライドショーの上にデータネットワーク風のアニメーションが重ねられたアナログ感とデジタルのイメージをうまく融合させたファーストビューです。フルスクリーンのレイアウトはコンテンツのサムネイルがカルーセルですべてまとめられて...

地域密着型の医療系求人検索サイトで、タイトルの両側には介護の風景を描いたイラストを配置し、親しみやすさを感じさせます。濃淡2色のオレンジをメインに、グリーンをアクセントカラーにした明るく目を引く色使いが特徴的です。新着求人情報の一覧はカルー...

メインビジュアルは3枚の画像がカルーセルで次々切り替わります。ブルー系でまとめられたさわやかな色使いにイエローをアクセントに使い、導入部分は背後に鮮やかなグラデーションを敷き、プランの紹介は太いラインで囲んで月額料金を大きく表示した上に、使...

メインビジュアルはサロンの外装・内装・施術のシーンの3枚の画像で構成されたスライドショーで、重ねて配置したキャッチコピーは下に帯を敷いて目立たせています。下層ページも同様のレイアウトで、背後は横長にトリミングした1枚の写真をページの内容に合...

メインビジュアルは落ち着いたパープルのグラデーションを背景に、左に施設名とキャッチコピーを重ねたコンテンツの背景は導入部分をパープルとホワイトで色分けし、ホール内を映した縦アングルの写真をずらして重ねています。アクセス方法の案内は交通手段別...

メインビジュアルは高校の外観写真を使ったスライドショーで、左下に配置した高校名はシャドウを薄く敷いて読みやすくなっています。パープルをメインにした色使いで背景に淡いベタを敷き、お問い合わせのリンクボタンのみやや色を濃くした落ち着きのある色使...

サイトにアクセスするとまず、大胆に分割された画面に大学の全景写真とピックアップコンテンツのスライドショーが配置され、画面全体から迫力を生み出しています。大学のロゴに使われているパープルをメインカラーとしたフラットなデザインで、学部紹介などの...

メインビジュアルは写真とキャッチコピーを食い合わせたビジュアルのスライドショーで、キャッチコピーの一部をイエローとレッドに色を変え、レッドの部分のフォントサイズを上げることで迫力のある画面に仕上げています。コンテンツタイトルは鮮やかなレッド...

ファーストビューではまず、正方形にトリミングされたバナーが次々と表示されるカルーセルが配置されており、キャッチーでインパクトのある画像を立て続けに見せることで製品への興味を惹きつけています。ブラック・レッド・ライトグレーの3色を使ったフラッ...

イエローのベタの上にスカイブルーで手書き風のロゴが表示され、画面が切り替わるとシンプルなラインで描かれたイラストが表示されるファーストビューです。イラストにはパーツごとにアニメーションが加えられ、「見て」「泊まって」「食べて」「遊んで」と重...