矢内安紀のロゴ

映画『Cape Town』 仮想サイト

概要
映画『Cape Town』 仮想サイト
制作の目的
映画の情報紹介・集客
ターゲット
20代女性
(最近仕事に疲れていて、自然を見て癒されたい。ゆっくり映画館で映画を見たい。)
キーワード
清涼感のある、情感のある
カラー
写真鮮やかなため、サイト自体はシンプルでコンテンツを邪魔しない配色
意図
映画を宣伝し、劇場に足を運んでもらうことが目的であるため、サイトでは来場のきっかけになるストーリー・メインキャスト・制作スタッフを紹介することに注力している。また、映画は映像コンテンツであるので、サイト内に自動再生される短い動画で興味を引いたり、Youtubeにあるトレーラーへ直接アクセスできるようにした。
担当範囲
デザイン コーディング
使用ツール
XD
作成日
2021年4月
URL
https://akidsgn.com/capetown/
PCのデザインカンプ

PCとタブレットやスマートフォンでは縦横比が変わるため、メインビジュアルを端末に合わせたものへと変更した。また、PCとタブレット版ではインターネット環境が整っていると仮定してSTORYのセクションの中にトレーラー動画を入れているが、スマートフォン版では動画は重くなってしまう可能性があるのでスライダーで劇中の写真を見せるに留めた。

スマートフォンtのデザインカンプ