アジェンズ様（サービスサイト）｜Web制作実績 レスポンシブ対応｜制作実績

トップページ、ブランドページ、製品詳細ページと訴求したいページのファーストビュー画面いっぱいに写真を配置したことが最大のポイントです。街中の広告のようなお洒落なビジュアルに仕上げ、QOLが高そうなブランドイメージをファーストビューで表現いたしました。また、特にCVに繋がる製品詳細ページではページ上部のほか、ページ下部にもオンラインショップとお問い合わせページへの動線を固定しており、ユーザーが思い立った時にすぐ購入やお問い合わせすることができるよう綿密な設計を行っております。

リニューアルにあたってサイト内コンテンツの大幅な見直しを行い、企業のポリシーをさらに拡充する「インフラメイジング」「スペースメディシン」ページを新設いたしました。製品の裏付けとなる哲学を図や写真付きで丁寧に解説することで、ユーザーが信頼感や安心感を持っていただけるコンテンツとなっております。また、原稿にボリュームをもたせることで検索されやすく、SEOにも強いサイトにいたしました。

デザイン面では「某アパレルブランドをイメージしたサイトにしたい」というリクエストをいただいたため、メインビジュアルは全画面に配置したオリジナルの写真を明朝体のすっきりとしたキャッチコピーで引き締め、雑誌の1ページのような都会的なデザインにいたしました。シンプルなテイストの中で、セクションやテキストの余白を大きくとったり、コンテンツ背景にはシャドウを入れ浮き出るような立体感を演出し、さらに製品詳細ページでは各製品のイメージカラーを使用した柔らかなテクスチャを背景に使用することで、ゆとりのある優しいブランドイメージをサイト全体で表現しております。リニューアル後は「素敵なサイトだとほめられた」「ネオインデックスを利用して本当に良かった」とお喜びの声をいただいております。

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

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

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