株式会社TGP様(サービスサイト)|Web制作実績 レスポンシブ対応|制作実績

株式会社TGP様

オリジナルCMSの開発により、経営戦略に適した最新の情報を簡単に発信できるように

クライアント 株式会社TGP様(東京都大田区)
制作プラン Meta定額制30プラン
カテゴリ サービスサイト 医療・美容・薬品 ブランディング
URL https://ninkatsu-ayumi.com/
制作チーム

POINT

制作のポイント

株式会社TGP様が運営する妊活総合情報サイト「妊活の歩み方」を新規制作いたしました。


 


今回の新規制作の目的として、「有益な妊活情報が得られるサイトにしたい」「オンラインサロンへの入会を増やしたい」という2つのご要望をいただきました。そのため、まずは妊活初心者のユーザーに対して妊活の全体感を知っていただけるよう、「妊活の歩き方」ページを作成しました。基本となる5ステップを理解していただき、ご自身の状況に合わせて動画やコラム記事などで、より密接な情報を収集できるサイト構成をイメージして設計しております。

今回の新規制作にあたり、「運営しているオンラインサロンを多くの人に知ってほしい」というご要望をいただきました。そのため、サロンの特徴や活動内容を紹介できるよう、「妊活研究会」ページを作成しました。お茶会やトークルーム、掲示板など様々な活動内容を紹介することで、これまでサロンの存在を知らなかったユーザーからの認知拡大を期待することができます。

 

また、「TOPページ」や「妊活の歩き方」などの主要コンテンツには、プロのライターによる原稿作成サービスをご契約いただきました。こちらのサービスでは、専任のライターがお客様を取材させていただき、サービスの強みや特徴を魅力的に訴求する原稿を執筆させていただきます。お客様ならではの“妊活成功の秘訣”を直接ヒアリングすることで、説得力のある原稿に仕上げました。

Webデザイン

こちらのサイトでは、「これから妊活を検討している20代女性」や「オンラインサロンや妊活のイベントなどを通して、同じ悩みを持つ人と交流を図りたい30代女性」など、妊活に興味関心の高い20~40代の女性をメインターゲットに設定しました。そのため、スマートフォンとPCの使用比率を9:1と想定し、モバイルファーストとして設計しております。

 

モバイル用サイトでは、主要ページへの導線を強化するために、ハンバーガーメニュー内を工夫しております。メニュー内では「妊活の歩き方」「医師対談動画」などのメインページを上部に表示することで、自然とタップ率を高めております。また、「施設検索」ページでは、ページ上部に施設カテゴリーやエリア、こだわり条件の主要項目を導線として設置しており、直感的な操作で目的の情報を閲覧できるようユーザビリティを意識しています。

 

また、モバイル用サイトの場合はTOPページのメインビジュアル下部に、「妊活の歩き方」「医師対談動画」「お役立つ情報」など6つの主要ページへの導線ボタンを設置しております。サイトに訪れたユーザーが最短経路で目的のコンテンツをご覧いただけるよう、デバイスの特性に合わせて最適化されたレイアウトを設計いたしました。

 

Webデザイン

デザイン面では、妊活における安心感や柔らかさ、優しさが伝わるイメージを意識し、明るいカラーの使用やグラデーションなどを意識的に取り入れました。メインターゲットが女性ユーザーのため、見出し部分などにイラストをあしらうことでおしゃれで見やすい妊活情報サイトに仕上げております。

また、淡いブルーやグラデーションを多く取り入れるなど、「男性にも興味を持ってもらえるデザイン」をコンセプトにしております。当サイトのメインターゲットは女性ユーザーですが、妊活や不妊治療についての知識をパートナーの男性にも知ってもらうため、性別問わず親しみやすいデザインを心がけました。

エンジニア

システム面では、妊活に関するお役立ち情報をブログとして発信できるよう、「お役立ち情報CMS」を開発しました。こちらのCMSでは、管理画面からテキストやお写真、チェック項目を入力いただくだけで、最新のブログ記事を簡単にホームページ上に公開することができます。また、「医師の講座」「栄養の講座」などのカテゴリーやタグからの絞り込み検索機能を実装することで、知りたい情報を直感的に閲覧できるCMSとなっております。

さらに、「お役立ち情報CMS」では、リピートユーザーを増加させるための施策として、会員登録機能とログイン機能も開発いたしました。管理者様は、投稿画面のチェック項目で、「公開」と「会員限定公開」をお選びいただけます。一方で、ユーザーは新規会員登録を行うことで会員限定のコラム記事を閲覧することができます。お客様の経営戦略を考慮し、CMSをオーダーメイド開発できる点も弊社の強みの一つです。

もう一点、ユーザーに不妊治療クリニックをサイト内で探して頂けるよう、「施設検索CMS」を開発いたしました。こちらのCMSでは、テキストとチェック項目を埋めていただくだけでクリニックや病院の施設情報を掲載することが可能です。管理者様は、カテゴリーのみでなくこだわり条件や地域設定も細かく設定することが可能となっており、ユーザーはサイト上で都道府県別、条件別で施設を絞り込み、効率的に探すことができます。お一人おひとりの目的や導線を考慮して、ユーザビリティを意識したシステム開発を行なっております。

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

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

PC DESIGN

PCサイトデザイン

お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン

SMARTPHONE DESIGN

スマートフォンサイト
デザイン

ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン

WORKS

よく似た制作実績

制作実績一覧