【モーショングラフィックス】ECサイト「Craft & Life」新規会員登録ガイド(ポートフォリオ)
生活雑貨・ハンドメイド架空ECサイト「Craft & Life(クラフト&ライフ)」の新規会員登録手順を解説したチュートリアル動画です。
「会員登録の手間や手順がわかりにくい」というユーザーのハードルを下げ、スムーズにお買い物を始めていただくための操作案内をテーマに制作しました。
■ 動画のコンセプト・工夫した点
・ブランドイメージに合わせたテラコッタオレンジ(#F08D36)をメインカラーとし、温かみと信頼感のあるトーン&マナーで統一。
・画面右側に進行状況を示す「ステップバー(サイドバー)」を常時配置し、ユーザーが「今どの段階にいるか」を一目で把握できる直感的な画面設計。
・実際の画面を使用したアニメーションやテンポの良いカット切り替えにより、短時間で手軽に登録できる印象を与える演出。
■ 担当範囲
・企画・絵コンテ作成
・画面デザイン(HTML/CSS設計・素材制作)
・モーショングラフィックス / アニメーション制作
・カラーパレット・トーン&マナー設計
■ 使用ツール
・Adobe After Effects
・Adobe Illustrator
・HTML / CSS
■ タイムライン / 章付き
00:00 オープニング(簡単登録ガイド)
00:06 Step 1:メールアドレス入力・確認メール送信
00:16 Step 2:ログイン情報設定・利用規約同意
00:30 Step 3:お届け先情報入力(住所自動入力)
00:42 Step 4:お好みアンケート選択(任意)
00:56 エンディング(登録完了・500円OFFクーポンGET)
※本作品は動画制作スクールでの制作課題/ポートフォリオ用に作成した架空のサービスCM・チュートリアル動画です。