事例から探せる!UIUXデザイン会社図鑑 » UIUXデザイン・コンサル会社図鑑 » FOURDIGIT(フォーデジット) » 「モンダミン」の
UIUXを意識したWEBデザイン事例

「モンダミン」の
UIUXを意識したWEBデザイン事例

  • プライム上場
  • 化学
  • toC
  • アース製薬株式会社
「モンダミン」

引用元:株式会社フォーデジット公式HP(https://www.4digit.com/projects/earth-01/)

製品ラインナップをより見やすく探しやすいサイトに改修

衛生薬品や日用品などの製造・販売を手掛けるアース製薬株式会社が、さまざまな世代のお口の悩みに合わせて製品開発を行ってきた洗口剤ブランド「モンダミン」。
UIUXデザイン会社のFOURDIGIT(フォーデジット)が、バリエーション豊富な製品ラインナップをより見やすく、探しやすくするために、ブランドサイトの設計を行いました。

お客様の声
PICK UP!
こんなお悩み・希望をお持ちの方に…

★WEBサイトの情報を整理したい
★よりUIUXを意識したブランドサイトを実現したい
★サイトの利用率を上げ、売上につなげたい

目次
何をUIUXデザイン・コンサルしたのか?

幅広い世代のお口の悩みに
対応できる洗口剤ブランド

日本人の好みに合わせて毎日使いたくなる洗口剤を目指しているオーラルケア製品ブランド、モンダミン。歯垢や口臭の原因となる汚れの洗浄に着目し、スッキリ洗浄してお口の健康を守ります。
レギュラータイプ・プレミアムタイプ・キッズタイプなど、製品ラインナップが豊富。子どもから高齢の方まで、どの年代の悩みにも対応できるのが強みです。スーパーやドラッグストアで気軽に手に入る、身近なブランドです。

ここがUIUXデザイン・コンサルポイント

ブランドらしさを際立たせる
デザインに注力

モンダミンサイト商品ページ

引用元:株式会社フォーデジット公式HP(https://www.4digit.com/projects/earth-01/)

レギュラー・プレミアム・専用ケア・子ども用など、豊富なラインナップが揃うモンダミン。
これらの製品群を見やすく、ユーザーが求める情報により出会いやすくするよう、UIUXデザイン会社のFOURDIGIT(フォーデジット)がブランドサイトの設計を行いました。

求める商品に出会いやすいUIを設計

画面遷移しやすい設計

引用元:株式会社フォーデジット公式HP(https://www.4digit.com/projects/earth-01/)

数ある商品ラインナップの中からユーザーが求める製品を見つけられるよう、絞り込み機能を導入。 目に入る情報を制限し、一覧性を向上させました。
また、「効果・目的で探す」というインターフェースを導入し、探している商品を見つけやすいよう改善。商品の詳細も、個別のページで読める構造に変えています。

モンダミンというブランドの訴求力をアップ

ブランドの訴求力を高めるため、これまでのアクセスログを解析。 コンテンツの重要度と導線を整理して悩みごとのカテゴリに分類、高まるメディカルニーズに対応できるようコンテンツ強化を行いました。
また、テーマごとに需要のある関連キーワードをリサーチし、コンテンツに盛り込むことで訴求力をさらに高めています。

ブランドらしさを追求したキービジュアル

サイトのキービジュアルについては、商品だけでなく、周辺の景色も随所に切り取ることで「モンダミンのある生活」を想起させています。引き算のデザインで、モンダミンという商品の存在感・清涼感を引き立たせ、印象的な風合いにアップデートしました。
また、ブランドカラーであるグリーンをベースにしたクリアなデザインで、これまでのブランドイメージを守りつつ、スタイリッシュさを高めています

このUIUX事例を手掛けた会社は…?
FOURDIGIT(フォーデジット)
フォーデジットの会社イメージ

引用元:株式会社フォーデジット(https://www.4digit.com/about/studios/tokyo)

FOURDIGIT(フォーデジット)は、2001年の創業から現在に至るまで、ビジネスとユーザーを結び付けるデジタルデザインを提供。日本国内はもちろん、世界各国のさまざまな企業にとってのプロフェッショナルパートナーとして、デジタル施策・DX・サービス創出に伴走し続けています。幅広い年齢・国籍のメンバーが揃っているのも特徴です。

フォーデジットの会社イメージ

引用元:株式会社フォーデジット(https://www.4digit.com/about/studios/tokyo)

当ページは下記ページの事例を参照しております。
参照元:株式会社フォーデジット公式HP (https://www.4digit.com/projects/earth-01/)

3-SERECTIONS
特集
目的で選ぶUIUXデザイン会社3選

UIUXデザイン会社といっても、それぞれ得意とすることに違いがあります。
まずはUIUXデザイン会社に依頼して何をしてもらいたいのかを考えた上で、企業を選定すると良いでしょう。
ここではUI/UXデザイン会社に依頼する目的別に、それぞれおすすめの会社を紹介します。

業務システムなら ARアドバンストテクノロジ
ARアドバンストテクノロジ公式HPのキャプチャ画像
引用元URL:ARアドバンストテクノロジ公式HP
(https://ari-jp.com/)
現場が納得するまでモックを改修し
高いユーザー満足度を実現
開発の要件定義からデザイナーが並走し、完成がわかるモックを早期に共有。社内サーベイとヒアリングを活かしつつアウトプットを繰り返し、現場が本当に使いやすい設計を追求。
複雑が要件定義が必要となる金融・製造・製薬業界の業務システムにも多数の実績を持つ。
主な業務システム改善事例
  • 銀行・証券 SFAアプリケーション
  • 製薬業 製薬統合システム
ユーザーアプリなら
Proximo
Proximo公式HPのキャプチャ画像
引用元URL:Proximo公式HP
(https://www.proximo.co.jp/)
ユーザー行動分析を設計に
落とし込み購買・成約率向上
ユーザーインタビューなどのUXリサーチから、ユーザー行動を含めたデータの分析を行い、それを基に「使いやすい」だけでなく購買行動を促す設計を実現。
非会員の無料体験導線事例では、CTR+23%、CVR+22%、課金開始+9%を実現。デザインの力で、成約率を底上げできる。
主なUIUX改善事例
  • 日本経済新聞社 日本経済新聞電子版
  • レンティオ株式会社 Rentio
企業サイトなら Goodpatch
Goodpatch公式HPのキャプチャ画像
引用元URL:Goodpatch公式HP
(https://goodpatch.com/)
社内外からの印象をリサーチし
ブランドイメージを確立
経営・マーケティング・採用など多部門に及ぶリサーチで、社内のブランド認識を定量的に分析。「企業としてどう見られたいか」を明確化。
自社開発のデザインシステムにより、複数サイト間でも統一感を保持。関連メディアや新事業でも継続的にズレのないブランディング施策を打てる。
主なUIUX改善事例
  • 双日テックイノベーション
  • 東京ガス