達生堂薬局様(コーポレートサイト)|Web制作実績 スマートフォン対応|スマートフォンサイトWeb制作実績

達生堂薬局様
コーポレートサイト

https://tasseido.co.jp/

東京都千代田区

PC

SP

お客様アンケート

5段階評価平均値

4.6

  • 担当者の評価

    5/5

  • 担当者の知識

    5/5

  • リクエスト対応

    5/5

  • デザイン

    4/5

  • フルオーダーメイド設計

    5/5

  • CMS更新システム

    4/5

  • 制作料金

    4/5

ホームページリニューアルの目的は?

集客(新規)を増やしたい

HPデザインを良くしたい

ネオインデックスを選んだ理由は?

運用サポート

フルオーダーメイド設計

高品質なWebデザイン

制作実績が良かった

納期が早かった

Web制作のポイント

零売薬局をされている、達生堂薬局様のモバイル用コーポレートサイトを新規に制作いたしました。

 

こちらのサイトでは、仕事終わりに薬局ですぐ処方してもらいたい方やメイク用品や市販薬、漢方をネットでまとめ買いしたい方など、30代~60代のOLやサラリーマンをメインターゲットに設定しているため、スマートフォンとPCの使用比率を8:2と想定し、モバイルファーストとして設計しております。

 

今回のリクエストの1つである「医療品のネット販売」を行うため、カートサービスとの連携機能を導入し気軽にお買い物をしていただけるよう工夫しました。また、製品登録CMSでは多数の製品からユーザーの目的に合った製品を見つけやすいようカテゴリーごとに表示ができ、さらに「商品名」「症状」どちらからでも製品をピックアップできる検索機能を設けており、ユーザービリティをさらに高めるコンテンツとなっております。

設計・デザインのポイント

モバイル用サイトでは、情報量が充実しているためポイント部分をマークアップしたりサイト内の余白を広めにとることで、画面の小さなスマホユーザーでもストレスなく閲覧していただけるよう工夫したことがポイントです。また、「商品検索」「アクセスページ」「お問い合わせページ」それぞれの動線をヘッダーに固定することで、初めてサイトに訪問されるユーザーと常連のユーザーの両者が直感的な操作でより早く目的のページを訴求できるよう設計いたしました。ハンバーガーメニューにはさわやかな水彩風の背景を配置しており、ユーザーが分かりやすいようメニュー内にコンテンツの内容を連想させるアイコンを使用することで視認性を高めるなど工夫しております。

 

独自コンテンツ「零売薬局の特徴」では、零売に関する説明やメリット、ご利用の流れを詳細に説明しており、太字や色付きの下線でポイントとなる部分のマークアップを行い、さらに画像やイラストを多く使用し情報を直感的に認識できるよう表現することで、零売を認知していただくほか、ユーザーの疑問点や不安を解消し安心して零売制度をご利用いただくための後押しとなるページに仕上げました。

 

デザイン面では、清潔感のあるホワイトと淡いブルーをベースに、アクセントカラーにはロゴと調和させたイエローとグリーンを用いております。「零売」「薬のネット販売」に対してユーザーに安心感を持っていただけるよう、爽やかなイメージの人物写真を大きく配置したり、丸みあるパーツを使用するなど細部まで工夫を施しました。ほかにも、メインビジュアルの左側に余白をとることで、トレンドを捉えつつデバイスの多様性にも対応した、ゆとりのあるデザインにいたしました。

Web制作・運用サポート一覧

PC・タブレット用フルオーダーメイド設計、オリジナルWebデザイン、PC用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、ヒアリング取材、原稿作成、アフターサポート

劇的ビフォーアフターはこちら