■概要
立命館大学ダブルダッチサークル「Fusion of Gambit」の新入生宣伝用のホームページの作成
■リンク
https://routine-drama.amahisa-tomoki.com
■ターゲット
10代後半～30代前半の男女
■使用ツール
| 項目 | ツール |
|---|---|
| 企画、ワイヤーフレーム、デザインカンプ | figma |
| 写真加工、動画編集 | Illustrator / Photoshop / After Effects |
| コーディング | HTML / CSS / JavaScript |
■サイト目的
- 商品の認知とプロモーション
- 商品の購入
■デザイン
デザインテーマ
- 時間経過
- ユニセックス
- シンプル
「日常は香りでドラマになる」をコンセプトにした、時間ごとにコンセプト分けした3種類のフレグランスを販売する香水の架空ブランド。おしゃれ志向の強い若者をターゲットにした、都会的でユニセックスな印象を与えたかった。
アウトプット
- 余白を広く設定し、余計なデザインを加えないことで、ギャラリーチックな洗練された印象付けをする
- 基本カラーを白と黒。アクセントをビビットカラー＋グラデーションにすることでユニセックスでドラマチックな時間経過を表現
- 時間経過のコンセプトを影の変化により表現（hero部分）
ユーザビリティ配慮
- CTAボタンを商品欄、サービス欄の二つに設置
- ホバーアニメーションにより、ページ遷移をわかりやすく
- レスポンシブルの導入
■制作期間
| 項目 | 期間 |
|---|---|
| 企画、ワイヤーフレーム、デザインカンプ | 3日 |
| 写真加工、動画編集 | 2日 |
| コーディングレスポンシブル、微修正 | 2日 |
