Works
BALIUSⅡ
https://fu-ki.net/website/balius2/index.html
(Webサイトへリンクします。)
■ サイト概要
250ccバイク BALIUSⅡの商品紹介サイト(架空サイト)。「軽快かつ力強い走りと車体自体の美しさ、かっこよさが伝わる商品紹介サイトを制作したい」という想いから制作。
■ 使用ツール
Photoshop/Illustrator/Lightroom/HTML/CSS/jQuery/Photo
■ 制作期間
1週間
■ 制作ポイント
- 全画面に写真を展開し、1スクロールでエリアを移動して掲載内容を伝えるようにしました。
- 写真を全画面に展開することでバイクのかっこよさを全面に打ち出すデザインを目指しました。
- スクロールの時に画面をフェードインアウトさせたり、CSSアニメーションでスクロールダウンを設置するなど動きをつけて飽きないサイトを意識しました。
- フォントサイズを大きく、太字にすることで力強さ、男らしさを表現しました。