求める商品に出会いやすいように、ブランド戦略に沿ったデザインアップデート｜Projects｜FOURDIGIT Inc.

アース製薬モンダミンブランドサイト

求める商品に出会いやすいように、ブランド戦略に沿ったデザインアップデート

「あらゆる人の、お口の悩みのために」をコンセプトに、様々な年代のお口の悩みに合わせた製品開発を行ってきたモンダミン。豊富なラインナップを見やすく、ユーザーが求めている商品に出会いやすいブランドサイトを設計しました。また需要の高い潜在キーワードを洗い出し、コンテンツマーケティングを最適化。既存のブランドイメージを大切にしながらアップデートしたデザインで、ブランドの強みを訴求できるサイトになりました。

Solution / Output

Information ArchitectureUX ConsultingContents DesignUI DesignArt DirectionVisual DesignFrontend DevelopmentProject Management

Visit Website

豊富なラインナップから求める商品に「出会える」UI改善

商品ラインナップでは絞り込み機能を導入し、見える情報を制限することで一覧性を向上。各商品ページを新設し、詳細な特徴はそれぞれのページで読める構造にしました。その上で「効果・目的で探す」インターフェースを導入することで、ユーザーが求める商品に出会いやすく改善。ブランドの魅力である多彩なラインナップを、トップページから体験できる設計になっています。

1 2

需要データをもとに、コンテンツマーケティングを最適化

これまでのアクセスログデータを解析し、既存コンテンツの重要度と導線を整理。「お口の悩み」をカテゴリーに分け、メディカルニーズに応えるようコンテンツを強化しました。テーマごとに需要の高い関連キーワードを調査し、コンテンツに盛り込むことで強く訴求。すべての世代の「お口の悩みを解決する」モンダミンの強みを、深く理解してもらえるコンテンツになりました。

モンダミンらしさを追求したデザインアップデート

キービジュアルは製品そのものだけでなく、周辺の風景も一緒に切り取ることで「モンダミンのある暮らし」の想起を目指しました。画角の中で「引き算」をすることで、モンダミンの存在感、清涼感をより際立たせ、写真の持つ質感によって印象的な風合いを表現しました。ブランドカラーを基調としたクリアなデザインで、既存のブランドイメージを大切にしながらスタイリッシュにアップデートしています。