Web site01
コーポレートサイト（架空）
OND OUTDOOR
design
direction
アウトドア用品サブスクリプション事業を行う会社のコーポレートサイト（架空）
PC
SP
- 制作時間
- 2週間（企画:3日/デザイン:5日/コーディング:1週間）
- 使用ツール
- Photoshop・illustrator
- 使用言語
- HTML/CSS/jQuery
- 対応機種
- SP/PC
- URL
- https://misaki-shoji.com/corporate_website/index.html
- サイトの目的
- 近年のコロナ禍において、アウトドアをする人口が増加。それに伴い、様々な価格帯のアウトドア用品が生み出されました。 新たにキャンプを始めたいと思う初心者にとって、数多い道具の中から、自身の道具を選定する事はあまりにも困難に思います。 そこで、アウトドアの入口として、様々な道具を試せるサブスクリプション事業を開始しました。それに伴う新規サイトの開設です。
- ターゲット
- アウトドアに興味を持ち始めた初心者
20~40代の男女 - コンセプト
- 「Open New Door」の頭文字をとって「OND OUTDOOR」と名づけました。 その名の通りアウトドアの「新しい扉を開く」という意味です。 初心者にアウトドア体験の楽しさを知ってもらうきっかけになることを目指しております。 また、熟練キャンパーによるキャンプ講座も開催予定です。
意識したこと
メインビジュアルで大きくキャンプ風景を映し出し、ユーザーを惹き込む。 また、写真を多く使用しているため、サイトカラーは比較的シンプルな配色にしました。
更に、マウスホバー等で動きを付け、ユーザーを飽きさせないよう意識し、コーディングいたしました。
ユーザーを最後まで飽きさせないよう、スクロール時に要素をフェードインするなどして動きを付けました。
また、アウトドア用品を取り扱うためナチュラルな配色を意識しました。