DAIICHI SELECT

淡いピンク色をベースに使用した優しい雰囲気のサイト

淡いピンクとオレンジをベースカラーに使用した、優しい雰囲気のサイトです。テキストにはピンクとオレンジのグラデーションが使われており、女性らしい印象を与えています。一方で、フッターの背景やテキストのメインカラーに黒を使用することで全体の印象が引き締まり、上品で可愛らしいデザインにまとまっています。

視線を惹きつけるホバーアニメーション

商品画像にマウスホバーすると、画像の表示枠は縮小されつつ、画像自体は拡大されます。拡大・縮小の相乗効果によって、商品がぐっとこちらに迫ってくるようなインパクトのある演出になっています。

段階的な表示で迷わない導線

ハンバーガーメニューを開くと、メニュー項目と2種類の商品の画像が表示されます。商品画像はグリーンとピンクの背景色で色分けされており、異なる商品が紹介されていることを直感的に理解できます。また、それぞれの項目が時間差で表示されるため、順序よく自然にすべてのコンテンツへ視線が誘導されるよう工夫されています。