配置やアニメーションで見せ方を考えた BOHEME GROUP 様サイト
東京・神奈川に11店舗を構える美容院グループ、BOHEME GROUP様のグループサイトです。
お客様よりは、採用に興味のある美容専門学校生を対象としたサイトをご希望でした。求職している学生が見た時に、クリーンでおしゃれなイメージを持って欲しいとご要望をいただきましたので、青をベースにすっきりとしたデザインを心がけました。
リクルートのページでは、いただいたパンフレットのデータを元に、見やすい配置や動きを実装しました。
配置やアニメーション
TOPページに関しては、情報量が少なかったので、その分左右に情報を配置したり、写真を併せて使用することにより、読むよりも見るという方に重きを置いたデザインにしました。
また、英語でタイトル等を大きく載せることにより、インパクトを出したり文字量の少なさをカバーするようにしました。
背景の画像などに動きがある分、文字が読みづらくならないように、全体に透過した白背景をつけ、背景よりもコンテンツに目がいくようにと考えました。
stickyなどで通常とは違う動きを作る
店舗一覧の箇所で、stickyを使いBOHEME groupの文字がそのセクションの間は上部にとどまるようにしました。
この配置はお客様に大変気に入っていただけました。
リクルートのページも、動きにバリエーションをつけることにより、スクロールする際に飽きさせないで最後まで読んでもらえるように意識しました。