ワンクリックに命がけのWEB・ホームページ制作会社「エムハンド」

インバウンドサイトを作るときに知っておきたいこと

【事例紹介】本来の目的を見据え「お客様の要望プラスアルファの提案」で顧客信頼を得たサイトデザイン

  • WEBデザイン
  • エムハンド

今回当社のサイト制作事例として取り上げさせていただくクライアントは、会計事務所専門のコンサルティングサービスを提供されている「株式会社アックスコンサルティング」様です。こちらのアックスコンサルティング様が提供される各種webサービスのうち、会計事務所向けのメルマガ配信サービス「メールインパクトグランデ」に関するサイトの制作に携わらせていただきました。

アックスコンサルティング様の案件には、サイト制作の各行程を通して「クライアントの意図をカタチにするデザイン力」、そして顧客満足を超えた「ビジネスパートナーとしての価値の創出」を意識して取り組まさせていただきました。

サイト制作の背景と目的

多忙な日々を送られるクライアントにとって、web制作を発注する際「仕上がりのクオリティは高く、でもそのために費やす(指示出しやチェックなどの)時間や手間は限りなく少なく」という要望は大きいのではないでしょうか?つまりこうしたクライアントにとって「一を言えば十理解してくれる」制作会社こそ最良のパートナーとなりそうです。

アックスコンサルティング様はまさにこういった“忙しい”クライアントのおひとりです。会計事務所のコンサルティング業務の一環として、さまざまな営業支援ツールやシステム開発をされていますが、ご依頼を受注する時に気をつけているのは「忙しいご担当者の手をなるべく煩わせず、お望みになったものにプラスアルファを添えてご提案する」ということです。

今回の会計事務所向けメルマガ配信サービス「メールインパクトグランデ」に関するサイト制作ではデザインとコーディングをお手伝いさせていただきました。ですが自社の売込み中の案件ということもあり、「制作サイトの目的やターゲットの特徴を汲みとり、しっかりとデザインに落とし込んでほしい」というご要望をいただきました。

コンセプトポイント

この「メールインパクトグランデ」のサービス概要は、システムに申し込んだ会計事務所の顧客に向け、アックスコンサルティングが制作したメールマガジンを自動的に配信するというものです。名刺を交わした後のご挨拶や時節ごとのお便りの代わりに、業界ニュースなどを会計事務所の先生に代わって営業フォローをしてくれるというのがセールスポイントです。

依頼時にアックスコンサルティング様から手書きの構成(ワイヤーフレーム)と作業内容の指示書をいただきましたが、すぐにデザインに取りかかるのではなく、まずはこれらを元に「システムの特徴」と「ターゲット」についてヒアリングを行い、サイトコンセプトをよりクリアにしていきました。

そしてヒアリングを通して今回の「メールインパクトグランデ」というメルマガサービスから浮かび上がってきたコンセプトのポイントとなりそうなのはサービスの特徴とそのターゲットでした。

【メールインパクトグランデの特徴】

  1. プロのライターがメルマガの記事を書くので、記事のクオリティが高い
  2. メルマガの記事は、全てアックスコンサルティング側で作成するので手間がかからない
  3. 多くの士業事務所が利用し、またたくさんの経営者が購読しているメルマガシステム

【メールインパクトグランデのターゲット】

  • 集客に興味があり、集客方法を模索している50歳前後の会計事務所の所長
  • WEBにあまり馴染みがないため、自身でなんらかのWEBサービスを提供するのが難しい

これらのポイントを集約して、できあがったサイトコンセプトは「会計事務所所長のための革新的なWEBサービス」というものでした。このコンセプトをもとにいよいよデザインへと入っていきます。

デザインポイント

デザインではコンセプトを落とし込むために、クライアントの指示書に記載されたキーワードや参考サイトなどを参照していきます。こうすることでイメージを煮詰め、コンセプトを踏まえた「デザインキーワード」を抽出していくのです。

まずアックスコンサルティング様はさまざまなwebサービスを生み出している会社です。そんな会社が提供する革新的なサービスなので、「新しさ」がデザインキーワードになりそうです。さらにこうしたBtoB取引には「信頼感」「大手感」というキーワードが大きなインパクトをもたらしますので、ぜひ取り入れたいとも考えました。

一方でクライアントサイドから「フラットデザインにしてほしい」という要望をいただいていたのですが、フラットデザインのwebサイトはしばしば無機質な印象になりがちです。そのため今回のコアターゲットである40~50代の会計事務所の先生に問い合わせをいただけるような「親しみやすさ」というキーワードも重視したいと感じたのです。

となると、「フラットデザインの無機質な印象と、人の温度が感じられそうな親しみやすさという相反するふたつの要素をどのように共存させるか?」というデザイン上の課題が見えてきたのです。

主にコンピュータシステムのユーザーインターフェース(UI)において、装飾性をできるだけ抑えたシンプルで平面的なデザインの総称。 IT用語辞典バイナリより抜粋 ※windows 8のインターフェースが代表的

インターフェース画面

この二つの要素を共存させるために、弊社デザイナーが考えたのは、 「オーソドックスなデザインの中にフラットデザインの要素をパーツとして取り入れる」 という解決策でした。

これはある意味、デザインのトーンを「フラットデザインで」と指定されたクライアントの希望に完全に沿うものではありませんでした。しかしこのwebサイトには「ターゲットである40~50代のWEBにあまり馴染みのない先生に納得や安心をいただいた上で、問い合わせボタンを押していただく」という最終目的があります。それゆえ「新しさ」をスパイスのように効かせながら「フラットデザイン」と「親しみやすさ」という相反する要素のバランスを取っていくほうが目的に適うと判断したのです。

サイト制作から完成へ

プリント

ここまでの内容を加味しワイヤーフレームを起こしてクライアントにお見せしたところ、プラスアルファのご提案ができていたようですぐにOKをいただけました。またその後の制作工程でも大きな問題もなく順調にサイトが完成しました。

クライアントの最終目的は何かを見据えつつ、プラスアルファの提案を行い、また矛盾や対立が生じたときも、クライアントに指示をあおぐ前にその解決策をデザインとして提示することでスムーズに運んだのではないかと思います。

時にクライアントの要望を汲み取り間違えたり、希望に沿えない仕上がりになってしまったりといった失敗を繰り返しながらではありますが、そうして身に着けてきた提案力やデザイン力をアックスコンサルティング様にもご満足いただけました。

「一を言えば十の理解をデザインとして示すこと」 「制作したサイトに満足していただくだけでなく、ビジネスパートナーとしての価値を見出してもらうこと」 そんなクライアントとの信頼関係ゆえにスムーズに進められた案件の一つでした。

メールインパクトトップ2 http://www.m-impact.com/

oku

ディレクター・コメント 今回はディレクションはアックスコンサルティング様がされており、弊社はデザインとコーディングだけの担当だったため、じつは私はあまり出る幕はありませんでした。でもそのぶん進め方に工夫をしました。 クライアントのご担当者は連絡を取るのも難しいほどお忙しい方でした。なのでこちらの判断で進められるだけ進め、相手にお見せするときは「YESかNOか」を選択できる形でご提示するようにしました。もちろんNOの場合は別案をご提案するのですが、今回はほぼ問題なく進みましたし、手間をおかけすることが少なかった点をクライアント様からもご評価いただけました。 (担当ディレクター:奥村勝利)

<参考> アックスコンサルティング メールインパクトグランデ http://www.m-impact.com/

<関連記事> 【お客様インタビュー】開業医の院長先生必見!「web集患」と「ブランディング」の成功事例 【事例紹介】ブランディングの力で“個性”を“強み”に変換した歯科WEBサイト制作 【事例紹介】戦略的な価格訴求で激戦区に挑戦!「確定申告サービス」のランディングページ 【お客様インタビュー】ECサイトなど10サイトを運営。実店舗との連携でビジネスを加速 【事例紹介】広告費20%Down、コンバージョン率200%Up!のランディングページ

この記事に関連する記事

カテゴリー

アクセスランキング

月間

  1. 1

    いまさら聞けない!フリック、スワイプ…スマホ操作の基本用語まとめ

  2. 2

    今どきの幼稚園・保育園ホームページ研究。32サイトに見る傾向と課題とは?

  3. 3

    【WEBデザイン10選】これぞ進化系!今どきのレスポンシブWEBデザインサイトまとめ

  4. 4

    「プッシュ通知はアプリのもの」は過去の話。簡単にできるブラウザでプッシュ通知する方法

  5. 5

    【保存版】アツイ視線が集まる激戦区!女性向けWEBメディア50選

  6. 6

    【WEBデザイン10選】シンプルでわかりやすい「1カラム」サイトまとめ

  7. 7

    【WEBデザイン10選】雑誌風デザインを上手く取り入れたWEBサイトまとめ

  8. 8

    【WEBデザイン10選】背景に動画を大胆に使った日本のサイトまとめ

  9. 9

    【WEBデザイン10選】コンバージョンUPにも!パララックスを効果的に使ったLPまとめ

  10. 10

    結果につなげるLINE@活用。最新集客事例に学ぶ成功の6つのポイントとは?

総合

  1. 1

    いまさら聞けない!フリック、スワイプ…スマホ操作の基本用語まとめ

  2. 2

    【保存版】アツイ視線が集まる激戦区!女性向けWEBメディア50選

  3. 3

    【WEBデザイン10選】これぞ進化系!今どきのレスポンシブWEBデザインサイトまとめ

  4. 4

    初めてでもできる!iPhone動画編集アプリ【厳選4つ】

  5. 5

    【WEBデザイン10選】コンバージョンUPにも!パララックスを効果的に使ったLPまとめ

  6. 6

    【事例に学ぶ】話題の新興SNS、Instagramを集客に使うコツ

  7. 7

    【WEBデザイン10選】シンプルでわかりやすい「1カラム」サイトまとめ

  8. 8

    今どきの幼稚園・保育園ホームページ研究。32サイトに見る傾向と課題とは?

  9. 9

    【WEBデザイン10選】背景に動画を大胆に使った日本のサイトまとめ

  10. 10

    【WEBデザイン10選】雑誌風デザインを上手く取り入れたWEBサイトまとめ

エムハンドブログ編集部

  • 編集長みつむね

    得意分野はWEBマーケティング/コンテンツ編集。「インバウンドブログ」立ち上げから編集に参加。

  • 伊藤 高啓

    SNS運営からWEB広告/マーケティング業界を経て、鳴り物入りでエムハンドブログ編集長に就任。

  • 新棚幹太

    雑誌出版社を経てフリー編集者に。東京生まれ、京都暮らし4年目のオールラウンドライター。

  • 島田

    某グルメ雑誌の編集長を経て、業界違いのWEBへ転身。独自の視点で個性的な記事を手がける。

  • ヨネクラ

    WEBメディアの立ち上げに参加したくエムハンドライティングチームに参加。早稲田大学出身。

  • キクチ

    京都大学卒業後、京都大学院工学研究科に進学。研究を続けながらライター業に従事。

  • 池田仮名

    週末Webプランナー。情報システムの発展によって変化していく人の心や共同体のありかたに興味。

最新記事

  • M-HAND 士業
  • M-HAND 歯科
  • Logonic
  • M-HAND TechnicalBlog

ワンクリックに命がけのホームページ制作会社「エムハンド」