ゼブラ株式会社
STYLUS 2WAY

tag Web
ゼブラ株式会社様の2WAYスタイラスペン「STYLUS 2WAY」の新製品紹介ランディングページを制作しました。
製品の特長や訴求ポイントを整理するLPの構成設計からワイヤーフレーム作成、デザインまでを一貫して担当したほか、製品撮影への立ち会いと撮影ディレクションもおこないました。完成後のページで各カットがどう使われるかを想定しながら撮影現場でアングルや構図をディレクションすることで、ビジュアルとコンテンツに一貫性のある、製品の魅力がまっすぐ伝わるLPに仕上げています。

ユーザビリティ面では、会社内や学校など音を出しづらい環境からのアクセスを考慮し、商品紹介動画の再生前に「音あり/音なし」を選択できる工夫を取り入れました。また、iPad用のペンという製品特性から、閲覧デバイスもiPadやiPhoneが多くなることを想定し、これらの端末でのレスポンシブ表示には特に注意を払っています。対応iPadや推奨フィルムといった購入前に確認したい詳細情報は、ポップアップで参照できる構成とし、PCでは表組み、スマートフォンではカード型レイアウトに切り替わる設計で、どのデバイスからでもストレスなく情報にたどり着けるよう配慮しました。
撮影から構成・デザインまでをひと続きの流れとして進められたことで、細部までトーンの揃ったページを実現できました。
ゼブラ株式会社 STYLUS 2WAY
ゼブラ株式会社 STYLUS 2WAY
ゼブラ株式会社 STYLUS 2WAY