〜UIデザイン改善第2弾、計4商品のページデザインリニューアルによって、ページ単体の購入率が最大2.4倍を達成!成功事例UIデザイン改善第2弾、計4商品のページデザインリニューアルによって、ページ単体の購入率が最大2.4倍を達成!改善前は、自社のこだわりや製品の良さがターゲットに届きづらい内容だったが、改めてターゲットの設定を行い、より製品の魅力が伝わる形でコンテンツを再構成。素材と健康にこだわった健康食品・サプリメントを展開している通信販売サイトです。熟成やずやの香醋やにんにく卵黄など長期に渡って愛される商品を数多く取り扱っています。大きく2つあって、まずはぱっとサイトをみたときに「わあ、素敵」と思ってもらえるビジュアルにできたことです。これだけ似たような商品があるなか効果効能はいえないし、どうしたらやずやの商品を買ってくれるかを考えたときに、直感的に「素敵」と思ってもらえると惹きつけられて、それをきっかけに興味をもってもらえるお客さまが増えるのではないかと考えて、今回は商品のビジュアル写真にこだわりました。倉橋タイミング的にもよかったですよね。今、時流も「好き」を大事にしようというように変わっていますし、以前トライをしたときよりも成功に繋がりやすい消費者の変化もあったと思います。今は、雰囲気が好き、心地よいと感じるから、お客さまが惹かれるということを感じます。「プルーンぷるーんコラーゲン」がリニューアルのなかで初めて女性向けだったので、「まあ素敵!」といってもらえるものは何なのかを考えましたね。「ぷるん」という感触の表現など、女性が好みそうな表現方法を使って印象づけるところは意識しました。平川ありがとうございます。「プルーンぷるーんコラーゲン」のスマホページは一番成果が出たのでよかったです。宇野様2つ目はスマホのデザインをガラッと変えたことです。今はスマホでニュースや記事ページを読む傾向があるじゃないですか。雰囲気のいい写真とテキストという構成に慣れているので、スマホでストレスなく読めるようにしたことがスマホの成果につながっていると思います。取り組みを進めていくなかで、大変だったこと、嬉しかったことがあれば聞かせてください。大変だったのは、最初にリニューアルした商品「にんにくしじみ」ページ作成の際の方向性を決めるところでした。3パターンつくってもらって、さらにもう一回お願いして4パターン目で方向性が固まりましたね。「にんにくしじみ」には一番時間がかかりました。途中でアートディレクターも投入して進めました。宇野様あそこに行きつくまでにみせたい雰囲気とは何なのかを考えるのが大変でした。正解がないし、参考にするものもなかったので。商品として伝えたいことと購入するお客さまの知りたいこととのバランスやサイトに訪れるユーザーも文章を読まないので、厳選して何を伝えていくのかには悩みました。薬機法への考慮もあり、効果効能ではなく、「元気」とか「守る」とか「3つの力」といった商品に紐づくキーワードはきちんと伝えていきたいというのは社内でも議論しました。あとは写真選定のときに、お互い「やずやらしさ」というのをしっかり考えたことを覚えています。私たちは昔のCMのイメージもあるし、購入するお客さま世代だとさらにその気持が強いのではないかと。商品そのものにこだわっている、という魅力を伝えることがホームページ全体のリニューアルコンセプトでもあって、あとはそれをどうビジュアルや言語で伝えていくのかを考えました。「やずやらしさ」の言語化というのもそうだし、ただ伝えたいことを全部盛り込むとたくさんありすぎて、それをひとつのビジュアルで全部伝えるにはどうしたらいいのか、ということですよね。宇野様たとえば、にんにくにも土づくりのこだわりがたくさんあるわけで、それを全部書いても長くなるだけで、伝わりづらい。読みたい人も少しはいるかもしれないけど、ほとんどの人は読まないと思ったので、こだわりやよさを伝えつつも読者が読みたい内容にするというバランスですね。上段では、要素を絞って写真を中心としたシンプルな設計にし、もっと詳しく知りたい人は下段で別のコンテンツへ誘導をする、というふうに分けたのは、ひとつの決断でしたね。嬉しかったことは思っていたとおりのリニューアルできたこと。いうのをつくりたいと考えていたものを実現できてすごく嬉しかったです。買って買ってだけじゃお客さまが買いたくないのはよくわかっていることなのに、両立は難しいと思ってしまい、どうしても販促にメッセージが寄っていきがちでした。今回のリニューアルでは両立を目指して、ブランドイメージとか雰囲気訴求だけではなく、ちゃんとレスポンスがついてきたことで、「やずやらしさ」を訴求することが間違っていないと証明できたことがすごくよかったです。最近のブランドのあり方って変化していると思っていて。ロゴはこの形でないとダメとかそういう厳格性・権威性でブランドを語ることが多かったけれど、最近いわれるのはみんなが思うものがブランドだというように変化してきています。お客様のイメージや社員の方が思っている「やずやらしさ」というのがブランドだと思いますし、私たちが普段から接していて感じるところがブランドだと。それが今回うまくはまったかなと思っています。個人としての考えですが、ホームページのリニューアルがいいきっかけになったと思っています。ブランディングとレスポンスはよく分けて話されますが、私の中ではイコールにできると思っていて分けて考えたくないんです。Instagramなどの普及によって、昔よりそのものがもつ世界感や「好き」という気持ちでものを購入するというのが増えてきています。東北の誰も知らないような店がInstagramで雰囲気がよくて、ものがよいから売れているなんていうのをみると、みんな欲しいものが欲しいのだなと。売れているものだけじゃなくて欲しいものを買いたい人も増えている。買って買ってはよくないなと思うようになりました。買って買ってをなるべくいわないようにしましたね。このタイミングでホームページの役割も見直すことになりました。宇野様フッターの会社概要が結構クリックされているので、ホームページには、企業としての信頼などの役割もあるのだなと気づかされました。テレビでみたりするけれど、気になって検索などで調べる人はホームページをみていい会社だと確認して購入する。平川ダイレクトはテレビやLPにある程度任せて、ホームページではブランディングや安心感など上手な使い分けと融合ができるといいですよね。次の取り組みとしてECリニューアルがスタートしていますが、ペンシルを選んでもらった理由、期待していること、リニューアル後の展望などをお聞かせください。宇野様ペンシルさんにECリニューアルをお願いしたいと思った一番の理由は、開発だけでなく分析結果から提案してくれることです。システム会社ではそれは難しくて、コンテンツをつくりコンサルをしているペンシルならでは。システムも完成したらおしまいではなくて、どんどん改善して使いやすくしていかなければならないと考えるとペンシルさんとなら一緒に改善していける、自分たちが考えるよりよいものを提案してもらえると思ったからです。平川ありがとうございます!1年半くらいかけてリニューアルをしているところですが、リニューアル後の展望はありますか?宇野様ユーザーはもちろん私たちも使いやすくという点ですね。平川スピードも使いやすさの面で重要ですね。宇野様たとえば、サイトの表示スピードが遅く、その課題を検討しても、その領域はサーバーだ、システムだとバラバラの管轄になっていたのを統合できるので、そこも大きなポイントでした。今までどこに聞けばいいの?となっていたので。サイトが重い理由の分析から改善提案まで、全部やってもらえるのがすごくいい。これからは改善が早く進みそうです。倉橋どんどん複雑になってきているので、関わる人も増える一方ですしね。自分の理解を超えているので、全部お任せできるのがすごくありがたい。進行中にもたくさんご提案いただくし、打ち合わせ中に提案が思いつかなくても持ち帰って検討して改めて提案をお持ちしますといわれて、しかもきっちり期限までに提案いただけるので助かります。今までは自分たちで考えることもあったので結構大変でした。していただけて、これがプロジェクトなのかって感心しています。それぞれに専門家がいつもいっぱいいるので、すごく安心です。平川やずや様側でもシステム担当のみなさんに打ち合わせに出ていただいていますね。基幹の方も運用の方も。ユーザーはもちろんですが、社内のみなさんが使いやすくなれば、結局それが改善のスピードをあげることになるので、今後ともご協力よろしくお願いいたします。2015年からお付き合いが始まって4年ですが、当時期待していたことにお応えできていますか?宇野様ホームページのコンテンツをお願いする会社を変更したいと思った理由が、当時は分析、制作など機能ごとに会社が分かれていたからです。分析から対策までが一気に進まず、対策もあまり出てこなかったのでほとんど改善ができない。それどころか間に入る社員の手間がすごくかかっていたので、分析と制作を一緒にお願いできるところを探していました。あと、以前からペンシルさんがコンサルしている通販サイトをベンチーマークしていて、それがすごく使いやすかったので、うちもこんなふうにできたらいいなというのが最初のきっかけです。一気通貫でできるところを探していたときに、たまたまうちがマッチしたのですね。宇野様その頃、ホームページの運用にすごく手間がかかっていました。働き方改革もあり、同じ成果を出し続けるにはやり方を変えて一気通貫にできる体制に変えないといけないと思っていた時期でした。平川タイミングもよかったですね。馬力だけでは何ともならない。我々も感じているところですね。私が期待していたことに応えてもらえていますよ。分析して、その結果から対策を提案してもらえるじゃないですか。分析結果はこうでした、「で、対策は?」というのが普通にあるんですよ。倉橋そうなると立ち止まっちゃいますね。今だとすごく精度の高い提案を持ってきていただけるし、もっとこうした方がいいという意見が出たとしても、さらにきちんとした形にしていただけるのでペンシルさんにしてよかったなと思っています。平川ありがとうございます!倉橋そこは自分たちもとても大事にしているところです。自分たちの考えだけではたぶん足りないと思っていて、お互いに意見を出し合ってさらに高めあう。宇野さんや担当者がこうしたいと思うこと、そういう思いがなくては同じようなものを提供することになってしまうので。その会社の思いを受けてクライアントにしかわからないこと、その先の具体的なユーザー像を見据えて一緒にアイデアを出し合う。することで私たちだけでは気づけないことにも気づけます。いう意味でも一緒にやるということを大事にしています。宇野様ロング会議の合宿も今まではやったことがなかったです。合宿のときっていっぱいアイデアが出るじゃないですか、やった方がいいこととか、やらなきゃいけないこととか。毎月のレポーティングでは目先のことを重視してしまうので、大きな方向性を考えるタイミングにはならないですね。大きなことはついあと回しにしちゃうから。リニューアルの話も合宿でしたよね?平川そうでした。合宿のときに出たことも決めたタイミングで忘れずに提案持ってきてくれる。