ラブポップ リニューアル

スクラッチ開発で自由度が高かったのでUI設計やデザイン面の縛りは少ないながらも、クライアントがリニューアルに従って変更したいUIとそうではない部分の要望がはっきりしていたため、柔軟な提案をしながらもそれらの仕分けに注力しました。
動画の種類や会員ランクによって表示が異なる仕様になっており、商品詳細ページを例に挙げると、そのバリエーションはなんと12種にも上りました。
上記のように様々な条件によって変化するUIや導線が多数存在したため、取りこぼしのないように、ディレクターと協力して要件定義から資料作成なども担当しました。自身の過去のモックアップ作成経験も活かし、それらの資料がエンジニアに渡った時も伝わりやすく活用できるように意識しました。

シンプルながらも分かりやすく・・ということで、色数はモノトーンと赤で抑えつつ、全体的にアイコンを使って視覚的に伝わりやすいサイトを制作しました。具体的には、サイドバーやジャンル選択ページなどに衣装アイコンを使い、コスチューム特化の商品売り出しを視覚的なアピールに繋げています。また、お気に入りタグ登録画面では、ハートアイコンを選定しました。ハートマークはリニューアル前のロゴマークにも使われており、サイトイメージとしての親和性を加味してさりげなくポイントとして取り入れました。
このように、見た目の分かりやすさと、ブランドイメージの双方からの視点でデザイン制作を進めていきました。

先方要望の中で個人的に心に残っているのは気に入ったコンテンツをリストに登録できる、お気に入り機能の導線設計です。コンテンツ詳細ページでも、デフォルトのリスト以外にユーザー自身もリストを作成できたり、登録だけではなくリストの作成やリネームもできる、そして複数リストに登録も可能・・・など、様々な機能を分かりやすく並列させることに手を焼きました。最終的にはモーダル表示で機能を網羅できるデザインを提案しました。