PLUS DESIGN XPromotional Site
Plus Design X プロモーションサイト
コンセプトブックを
Webで丸ごと再現する
2020年版製品カタログに合わせ、プラス株式会社より公開されたのがコンセプトブック「Plus Design X(PDX)」。ページをめくっても一部が残る、紙ならではの演出が施されている特徴的な冊子でした。

Webであえて
取り組んだ挑戦
当初、担当者の方からは、PDXの特殊な演出をWeb上で再現する必要はないとのご意向でした。しかし、特徴的なデザインだからこそ実現するべきだと提案し、ご理解いただいた上で制作に取り掛かりました。


「紙ならではの感覚」を
動きで表現
PDXで最も特徴的なページめくりを演出するために採用したのがスプリットレイアウトです。画面スクロールをしても片方のページを固定表示させることで、「紙ならでは」のデザインを再現しています。さらに、画面を最後までスクロールすると文字が現れる動きや、プロダクトを重ねる演出を施し、ページを読み進める感覚や紙面の持つ「広がり」や「読みごたえ」も表現いたしました。

主役をプロダクト写真と
タイポグラフィに
各プロダクト写真を主役にするPDXは、添えられた文字<タイポグラフィ>も欠かせない要素でした。写真に対する文字サイズはブックの比率を極力再現し、視認性を担保する工夫を施しています。

「Webならではの表現」で
ブランド力を引き立てる
プラスのビジュアルアイデンティティ(VI)制作に携わる外部アートディレクターが手掛けたコンセプトブックは、プロダクトを写真で大胆に見せつつも静謐(せいひつ)さ、格式高さを感じさせる世界観となっています。今回のプロジェクトでは、紙ならではの表現をあえてWebで再現し、ブランドの統一感を図る挑戦に取り組ませていただきました。

Webプロモーションの
制作実績をご紹介
UIUXと美しさを両立させた、クーシーが誇る成功事例一覧。
課題解決のアイデア満載です。
私たちクーシーの知見と
最新ノウハウを発信中
UIUX設計やDX、Web制作、システム開発、AI導入・活用など。最新テクノロジーナレッジ更新中。
Webプロモーションの成功事例まとめ!成功するためのポイントも解説
プロモーションサイトとは? 制作ポイントや企業事例を丁寧に解説
BtoBのLP(ランディングページ)14の構成要素と作成時のポイント!
【事例あり】ブランドサイトとは?目的と成功のポイントを解説!