Works
- lp
【架空案件】オーダーメイド家具のLPを作成しました
SAIGETSU furniture[PCでの閲覧を想定しています]
製作範囲
- デザイン
- 動画編集
- コーディング
使用ツール
- Figma
- Photoshop
- PremierePro
- VSCode
制作期間
- ワイヤーフレーム 3日
- デザイン 6日
- コーディング 3日
使用したフォント
- Optima
- Noto Serif JP
使用したカラー
- #F6F5F1ベースカラー
- #553600 本文テキスト
概要
【架空案件】オーダーメイド家具のLPを作成しました。
目的
① 新商品の「初回限定割引キャンペーン」の告知
② 商品の購入に繋げること
③ ブランドの「やさしさ」「上質感」を伝えること
ターゲット
① 暮らしに合う家具を求めるファミリー層
② 40〜60代の素材・品質・職人技を重視するユーザー
③ デザイン感度の高いこだわり派ユーザー
デザイン
「オーダーメイド家具」のサイトであることから、高級感と価格以上の品質価値が伝わるよう、全体のデザインは余白を活かし、動画・写真・文字のみで構成したシンプルな設計としました。
単に「上質な木材」を訴求するのではなく、木材になるまでの樹としての長い歳月や背景をファーストビューの動画で表現することで、ブランドの世界観を伝え、付加価値を高めています。
動画では「北海道の大自然」を感じられるよう、エゾシカを想起させる動物の映像を取り入れました。冒頭は森を俯瞰する映像から始まり、徐々にズームして森の中へと移行させることで、視聴者が世界観に没入できる構成としています。また、四季の移ろいを表現した映像を織り交ぜることで、時間の経過や木が育つ過程を感じられるようにしました。暗い印象を残さないよう、厳しい冬から始まり、最後は色鮮やかな秋で締めくくる流れとしています。動画容量を5MBまで抑えたことで画質が劣化したため、ドットフィルターを重ねることで粗さが目立たないよう工夫しました。
デザイン全体には細いラインを取り入れ、緻密さや繊細さを表現しています。また、オーク材の美しい木目を随所に取り入れ、素材の魅力が視覚的に伝わるようにしました。
さらに、JavaScriptによる動きを加えることで、静的になりすぎない、心地よいリズムのあるサイトに仕上げています。


