コミュニティサービス TEIDA LAB

クライアント
定時ダッシュ

プロジェクトの概要

SNS総フォロワー13万人以上の定時ダッシュのコミュニティサービス「TEIDA LAB」のサービスサイトの設計・制作を担当しました。

スコープ
#構成検討  #デザイン #実装

期間
2ヶ月

TEIDA LAB サービスサイト
https://teida.jp/

ご依頼いただいた背景

定時ダッシュは、以前からクローズドなコミュニティサービス 「定ダ日記」を運営されていました。「定ダ日記」のユーザー数増加に伴い、サービスサイトの重要性が高くなったため、GOROへサービスサイト制作をご依頼いただきました。

アプローチ

ヒアリング

サイトリニューアル前に、月額制サービスとして数ヶ月間運営していた「定ダ日記」。まずは、これまでのユーザー属性や、利用開始の動機をヒアリングし、どのような訴求軸でサービスやサイトのコンテンツを作っていくかすり合わせをしました。

原稿を元に構成検討

定時ダッシュからサービスサイトの内容を原稿素案としてご提供いただきました。いただいた原稿素案をもとに、構成を考え、原稿を整えていきます。

赤字が変更箇所。よりユーザーに伝わりやすい構成を目指し、テキストの量やコンテンツの流れを調整。

ワイヤーに落とし込みコンテンツを添削

大まかな構成を決めた上で、ワイヤーフレームを作成しました。情報量が多すぎるサイトになってしまうことを避けるため、この段階で改めてサイト上で伝えるべきこと・不要なことを整理しました。その結果、コンテンツ量を2割ほど削減し、よりシンプルで分かりやすいワイヤーフレームが出来上がりました。

デザインの幅だしを提案

デザイン制作にあたっては、サービス名の「LAB（ラボ）」という表現を活かすこと、大人っぽい印象を与えること、の2点を要望としていただいていました。その上で、どんな表現ができそうか雰囲気の異なる3パターンをご提案し、イメージのすり合わせをしました。

デザインの幅出しで提案したもの

デザイン展開

デザインの方向性が決まった後、ページ全体にデザインを展開。このタイミングでもう一度会議をして、サービス紹介の流れや文章が伝わりやすさを確認しました。

デザイン調整

デザイン展開の後、最終調整を行いました。

特に、当初予定していたモノクロの表現が単調な印象を与えていたため、色味を調整しました。また、文章が長く感じる箇所があったため、構成や文章の削除・修正を行っています。

会議中にその場でFigmaを操作しながら、デザインやコンテンツの調整を進めました。

実装

今回は、今後の運用やコンテンツのアップデートも考慮してStudioで実装を行いました。実装状態を定時ダッシュさんに確認していただきながら、リリース確認を行いました。

成果

サービスサイト改修後に、有料会員数2倍以上に増加。
公開されたサイトの一部を公開します。