習慣化Webアプリ「100 Shots」の30秒紹介動画

100 Shotsは、苦手なことの練習を100回の試行として数え下げていくWebアプリです。練習ごとにhabitを追加し、良くても悪くても試行のたびにチェックを押して、悪い試行も計画の1回として扱います。夕方のリマインダーはすでに記録した日を飛ばし、記録は端末に保存されてサインインすれば端末間で同期できます。

0〜2秒　ロゴの背景で大きな数字が100から数え下がり、「Count your practice backwards from 100.」と添えます。

2〜4.5秒　ギターの上達を目指す利用者のカードの横で、6本の弦がゆれます。

4.5〜7.75秒　1回目から9回目まで×の付いたタイルが増え、下手な一回ごとに失敗を感じる様子を示します。

7.75〜11秒　1週間の丸のうち月曜と火曜だけにチェックが付き、今日の印が進んでも空いたままです。

11〜13秒　弦が止まって灰色になり、タイルが落ちて練習が途切れます。

13〜15秒　ロゴとともに「Expect 100 bad attempts.」の一言で製品が登場します。

15〜20秒　アプリの画面でチェックを6回押すと数字が100から95へ減り、タイルがチェック付きのshotに変わります。

20〜25秒　夕方の通知が届き、同じ1週間の丸が水曜から日曜までチェックで埋まります。

25〜27.5秒　Undo、履歴からの修正、端末への保存、サインインでの同期が並びます。

27.5〜30秒　ロゴと「Practice in peace.」の文字、100shots.finereli.comのURLで締めます。

サイトのヘッダーのレンガ色を画面一面に敷き、カードはクリーム、チェックはセージ緑にして、書体はロゴの丸い太字に寄せました。背景の右に大きな数字を置いて100から数え下げ続け、製品の考え方そのものを常に画面に出しています。habitのカードはサイトの説明にある数字・チェック・Undo・メニューをもとにした見た目にしています。

製品サイトで公開されている情報だけをもとに、製品の見た目に合わせて制作しています。ナレーションは入れず、画面の動きと音楽で伝える構成です。