Wakana Kikuchi

学校の授業「UI・UX演習」の課題で制作したLPデザインです。
inゼリーという商品の架空キャンペーン企画を考え、その企画に沿ったLPデザインを制作するという課題でした。

制作時間

約20時間

使用アプリ

Photoshop・Illustrator・Xd

ターゲット

12~22歳　学生

企画について

テーマ

参加型キャンペーンで若い世代に盛り上がってもらう

内容

1.キャンペーン対象商品(inゼリー)を購入し、商品に付いているメッセージカードに手書きでメッセージを記入
2.商品購入レシートとメッセージカードを撮影しサイトの応募フォームに撮影した写真を添付し送信
3.送信した段階で応募完了
4.キャンペーンに当選した場合のみ当選メールが届く
メッセージカードはキャンペーンサイトのメッセージ閲覧サイトに載せられ、サイトでは他の応募者のメッセージを見ることが可能

ペルソナ

ストーリーボード

ペルソナとストーリーボードを設定し、ターゲットの行動パターンに沿った企画を考えられ説得力がより増した企画にすることができました。

デザインについて

学生という若者をターゲットにした企画のサイトなので、全体的に青色ベースで配色していき爽やかな爽快感溢れる若々しいデザインに仕上げました。
また、細かな装飾を施すことで単調になりすぎない少し賑やかなイメーシを与えるよう意識してサイトデザインをしました。

カラースチーム

FV

ひと目見て、どういうキャンペーンなのかがわかるよう、キャンペーンの情報をバランスよく取り入れました。 　

コンセプト

動画は作ってはいませんが、受験勉強や部活など何かに打ち込んでいる学生のストーリー動画を入れ込み、キャンペーンのコンセプトを伝えることを狙いにしたコンテンツです。

概要

キャンペーンについての詳しい説明と、リアルタイムの応募者数を確認できるバロメーターを設置しました。
単調すぎないデザインにするため、背景は前コンテンツの流れと変えページ全体のバランスを崩さないよう配色に気をつけ、少し賑やかな雰囲気に仕上げました。

応募プレゼント

デザインの反復を意識し、このコンテンツはコンセプトコンテンツと同じ無地の背景にしページ全体のバランスを維持しました。
また、その中でもシンプルになりすぎないよう装飾なども取り入れました。

応募方法

このコンテンツもデザインの反復を意識し、概要コンテンツと同じような柄を取り入れた背景にしました。
ページ全体の統一感を崩さないよう、背景の模様の配色も気をつけながら制作しました。
応募方法をより分かりやすく伝えるため、イラストを用いながらキャンペーンの説明を載せました。また、このページから応募フォームに飛べるよう「応募する」ボタンを配置しました。

閲覧リンク

他の応募者のメッセージを閲覧できるサイトも用意し、このコンテンツに用意されている「みんなのメッセージを見てみよう!」ボタンから、そのサイトに飛べるよう設定しました。
ボタンと直感的にわかるよう、装飾や枠線などを取り入れました。