映画鑑賞アプリ

企画設計 / デザイン

作品の画像

オンラインスクールで制作した映画鑑賞アプリです。使いやすさを意識して制作しました。

工数|10人日
ツール|Figma
担当部分|ペルソナの詳細設定、ワイヤーフレーム、デザイン・モックアップの作成
ターゲット|20代男性、東京都のIT企業に勤めている、自分の気分にあった映画を観れれば良いと思っているライト層
サイトの目的|映画初心者でも使いやすいアプリを作る
機能要件|作品検索、後で見る機能、作品再生、評価(※初期段階のリリースのため簡易的なものに限る)

スタイリングの方向性を決定

ターゲットの情報から、スタイリングの方向性を以下に決定しました。

- 余白を多めにとる

映画について知識のない人向けのため、意思決定がしやすいようスッキリとした印象にする

- サムネイルを目立たせる

作品が映えるように使う色や文字数は極力少なくする

- メインカラーは赤

休日=ワクワクするイメージなのでエンターテイメント感のある、はっきりとした色に指定

フローとワイヤーフレームの作成

フローを作成し、操作の流れと共に必要な機能表示を書き出して機能に漏れがないようにしました。これをもとに元に、配置を決めていきます。

作品の画像 作品の画像

デザインの作成

「○さんへのおすすめ」や「20代男性に人気」、「今の気分で映画を選択できる」など、映画に詳しくなくても選びやすい工夫を施しました。

作品の画像
expand_less