Facebook 【HerTech架空案件 新作フラッペ LP制作】
Logo

【HerTech架空案件 新作フラッペ LP制作】

クレジット
Avatar
WEBデザイナー
【HerTech架空案件 新作フラッペ LP制作】-1
シェア
制作ノート
【制作について】

●制作の流れ

与件シートを基に情報を整理し、ターゲットの心に響くキャッチコピーを考案しました。競合LPのリサーチを行い、ブランドイメージに沿ったトンマナシートを作成。手書きのラフで情報の優先順位を整理した後、Photoshopで詳細なワイヤーフレームを制作し、視覚的なバランスを追求しました。

「STUDIO」を用いて実装。1st Viewのインパクトを重視しつつ、スマホでの操作性を意識した構築を行いました。

CVボタンの配置やページ情報の設定まで一貫して担当し、公開に至りました。

●カラー

ターゲットと新作フラッペに合わせたメインカラー・アクセントカラーを設定しました。

●タイポグラフィ

Noto Sans jpを使用することで、情報量の多い商品説明でもストレスなく読めるよう工夫しました。また、2ndviewの商品説明部分のサブタイトル(berry)などはフラッペの混ざり合った層と、かわいらしさを表現しました。

●情報設計

メインビジュアルはPhotoshopにて、キャッチコピーとの連動性を持たせる画像制作や、ベリーの鮮やかさを引き立てせて、思わず手に取りたくなるような『シズル感』のあるデザインを目指しました。

2nd Viewでは「どの部分の素材説明か」を直感的に理解できるよう画像を配置。

また、3rdviewのキャンペーン参加方法の説明をフローデザインにすることで、読みやすさや、参加ハードルを低く感じさせる工夫を施しました。

思わず押したくなる箇所に、CVボタンを配置しました。  

シェア
aiko hiramotoの他の作品