制作事例

C’ensil(センシル)PC
C’ensil(センシル)SP

C’ensil(センシル)2020.09.10 Released.

肌に有効と言われているピュアビタミンCを配合したプレミアム美容液「C'ensil(センシル)」のサービスサイトです。 センシルはビタミンCの皮膚浸透性を高め、効果を最大限に引き出す世界特許技術「ATDS(両親媒性浸透システム)」を用いて製造されています。

CLIENT
シンクワン株式会社
PLAN
シンプルプラン
URL
http://censil.biz/

期待する効果

  • イメージアップ
  • コンバージョンアップ
  • SEOによる集客
  • サイトの整理

制作前の課題・問題点

シンク・ワン様が展開する商品ブランド「C’ensil(センシル)」サービスサイト制作にあたりヒアリングを行ったところ、課題が何点か挙がりました。1つはデザイン面で、エンドユーザーのペルソナをもとに品質の高さや繊細さを表現して訴求する必要がありました。2つ目は構成面で、製品の概要を端的に伝えつつも特許であるATDS(両親媒性浸透システム)についてぱっと見て何がすごいのか、どうエンドユーザーの役に立つのかを文章や図で表現する必要がありました。権威性や安全性を伝え、製品の説得力を高める目的があります。3つ目はスマートフォンからの閲覧に対応していないということです。Webサイトを閲覧するメインデバイスがパソコンからスマートフォンに移り変わっている中で、スマートフォン対応を行うことは必須でした。

ドコドアからの制作アプローチ

C’ensil(センシル)サービスサイト制作にあたり、事前のヒアリングで挙げられた課題点について、デザイン面での課題を解決するためにお客様からの情報や競合分析を念入りに行い、具体的なペルソナ・エンドユーザー像を設定。どのようなデザインを好む傾向にあるのか言語化しながらデザイン制作を進めることで、上品でゆとりのあるエンドユーザーに好まれるデザインにしました。
構成面ではメインビジュアル、概要、製品紹介、特許技術の紹介という順にして見た目や概要で欲しいと思った方はすぐに製品ページへ飛べるように、本当に効くのか気になる人には特許技術の紹介セクションで納得感を得てもらえるように工夫しています。最後のスマートフォンからの閲覧対応については、レスポンシブWebデザインを用いて調整。スマートフォンからはもちろん、パソコンやタブレットから見ても、それぞれに最適な画面で表示されるように構築して解決を図っています。

制作内容

  • WordPress
  • スマホ対応

C'ensilについて

C'ensilについて

C’ensil様の提供する製品の特徴についてまとめたページです。多くの特徴をテキストだけでなくアイコンも合わせて掲載することで視覚的にもわかりやすくなるようにデザインしています。

C'ensil C-30(商品詳細ページ)

C'ensil C-30(商品詳細ページ)

C’ensil様の製品詳細ページでは、製品写真と特徴や仕様が伝わりやすいようデザイン・掲載しています。

C'ensil A+E(商品詳細ページ)

C'ensil A+E(商品詳細ページ)

製品詳細ページを見た後、使用方法や販売場所を探すといったエンドユーザーの行動を予測し、動線を整理して構築しています。

ご使用方法

ご使用方法

製品ごとに1日のどのタイミングで、どの順番で使用することがおすすめかを掲載しています。アイコンを使いながら視覚的にも伝わりやすいように気をつけています。

今すぐ無料でお問合わせ&お見積り

今なら3つの特典をプレゼント!今なら3つの特典をプレゼント!

ご相談・
お問い合わせ