まず、薬局のご担当者様から電子処方せんサービスの話に加え「新しく服薬指導サービスを始めるためサイトで情報発信をしていきたい。また、いずれそこが薬剤師のコラム記事を届けられる場にもなれば」とお話をいただきました。

当初、ロゴや薬局としてのポリシー、キャラクターなど店舗の雰囲気を伝える材料となる素材が揃っていましたが、Webサイトがなく、それらを発信できず、場所も限られた人にしか知られていない状況でした。

そのことを踏まえ、Webページを通してねこねこ薬局を知っていただくことはもちろん、今後の採用や店舗の拡大も想定したページづくりを念頭に置き進行することに。

Webサイトに関わることが初めてのお客様でしたので、サイトを作る流れや使用するツールについてのご説明、SNSなどにも使用できる店舗の写真撮影もさせていただきました。

最初のミーティングでご希望をヒアリング後、ディーゼロ社内でSTUDIOを使ったモバイルファーストデザインが候補にあがりました。

ノーコードツールSTUDIOを使い、PC版でもスマホの見え方を反映したモバイルファーストデザインにすることで、制作の工数をおさえられ、また、お客様の側での情報の更新が容易というメリットがあるためです。

当初、お客様は一般的なWebサイトのワイドな見た目をイメージされていたため、提案する際に、STUDIOのメリット・デメリット、保守や管理のコスト面を抑えられる旨、Webサイトをスマホで見る利用者の割合などをお話しし、ご納得していただけました。

ねこねこ薬局は、以前からあった薬局を名称変更しており、名前が近隣の人にも知られていない状態だったため、冒頭で薬局の特徴をしっかり伝えていく必要がありました。また、「病気の時に薬をもらいに行くだけでなく、薬や体のことを相談しに気軽に来てもらえるような『新しい薬局のあり方』を伝えたい」というのも本プロジェクトの目的でした。そのため、メインビジュアルに「かかりつけ薬局」というキャッチコピーを入れ、思いやメッセージの部分を大きく配置。

その後、店舗一覧、取り組み、お知らせと続き、薬を必要としている人にとって重要な情報から伝えられるように設計しています。

デザイン面では、ターゲットを新規利用者、既存の利用者、求職者に設定。

ロゴから伝わる可愛らしい雰囲気、「あんしんして利用できるかかりつけ薬局」というメッセージを伝え浸透させていくために、元々紙媒体のパンフレットで使われていた柔らかい色合いを使い、できるだけ人の温かさを感じてもらえるような親しみやすさを大事にしました。

また、STUDIOを使うのはディーゼロでも初めての取り組み。

新しいツールに慣れるまで時間がかかる場面もありましたが、デザイナーとコーダーとで連携し「ねこねこ薬局らしさ」が伝わるデザインの再現に注力。

撮影素材やイラストレータ―書下ろしのオリジナルイラストも使用し、STUDIOの機能の制限を感じさせないオリジナリティの高い可愛らしいページに仕上がりました。

ディレクター、デザイナー、コーダーとそれぞれの役割に応じた作業がありましたが、お客様への対応は、チーム全員で行うことが多かったと思います。

今後もこのチームでねこねこ薬局の情報発信をサポートしていければ幸いです。

今回ホームページ作成にあたって、こちらの要望に対しとてもスムーズにご対応いただけました。

打ち合わせでは、オンラインミーティングやバックログのツールを用いることにより、進捗状況の把握や、データ共有をスムーズに行うことが出来たので、とても安心しました。

またホームページのデザインは、こちらで具体的なデザインが特に決まっていなかったのですが、ディーゼロ様の方で弊社のイメージする温かみのあるデザインを作っていただき、こちらでは気付かなかった必要とされるコンテンツの提案などもして頂きました。

ホームページリリース後も、不具合が起こった際はすぐにご連絡頂いたりと大変助かっております。

この度は、誠にありがとうございました。