アジェンズ様（サービスサイト）｜Web制作実績 スマートフォン対応｜スマートフォンサイトWeb制作実績

医薬品/化粧品/健康食品の研究・製造・販売業務をされている、アジェンズ様のモバイル用サービスサイトをリニューアルいたしました。

こちらのサイトでは、日常生活にエイジングケアを取り入れたい方やお金をかけずにQOLの高い暮らしをされたい方など、30～40代の女性をメインターゲットに設定しているため、スマートフォンとPCの使用比率を8：2と想定し、モバイルファーストとして設計しております。

今回のリクエストの一つであるブランドイメージ向上のため、メインカラーのホワイトとワンポイントカラーに使用した淡めの配色で全体に統一感を出すことで洗練されたイメージを演出し、インフラメイジングページやスペースメディシンページを充実させ製品の裏付けとなる根拠を明らかにすることでユーザーが安心感を持っていただけるサイトにいたしました。

モバイル用サイトでは、SEO対策を兼ねた原稿の「テキスト量の多い」というデメリットを解消するため、製品詳細ページ専用アコーディオンメニューをフッターに固定しており、目的の情報をどこからでも閲覧できる使いやすいサイトに設計したことがポイントです。また、画面の小さなスマートフォンでもストレスなく閲覧できるよう横スライドを導入したり、ハンバーガーメニュー内のメインコンテンツに写真を付けることで自然と訴求度を高めるなど工夫し、ユーザビリティとわかりやすさ、さらに訴求効果を兼ね備えたWebサイトとして設計いたしました。

また、「お知らせ」にはお客様ご自身で簡単に管理いただけるCMS、「コラム」にはコンテンツマーケティングができるWordpressを取り入れております。リリース後も継続して各コンテンツを増やすことができ、CVをアップさせるための、ビジネスを後押しするツールとして活用いただけます。

デザイン面では、すっきりとした清潔感のあるホワイトをベースに、製品詳細ページではそれぞれの製品イメージに合ったコーラルピンク、くすみブルー、パステルオレンジをワンポイントに使用し全体的に淡めのカラーで統一しており、テキストカラーには黒に近いグレーを使用することで優しさを表現し、ターゲットを意識したトレンド感のある上品なサイトにいたしました。また、細胞や症例など少し刺激のある写真を使用しているため、色づかいや装飾で女性らしさや柔らかさを演出し、全体的なバランスのとれたデザインに仕上げております。ほかにも、トップページではブロークングリッドや写真を重ねて配置するレイアウトでスタイリッシュさを演出し、サイト内の写真を大きく配置することでデザイン性がありつつ実際の使用イメージも湧きやすいよう細部まで工夫を凝らしております。