Studyplus ロゴデザイン/アプリデザインリニューアル

1. デザイン原則の言語化

プロダクトで届けたい体験指針となるデザイン原則を言語化しました。

「学ぶ喜びをすべての人へ」というミッションのもと、Studyplusがもたらすユーザー体験として「習慣化できる・集中できる・やる気が出る・前向きになれる」を定義。

さらにブランドパーソナリティを「邪魔をしない・気づきが生まれる・モチベが続く」の3つとし、これらを元にデザインキーワードやトーン&ボイスを設定していきました。

2. マルチプラットフォーム向けのUI基盤の再設計（デザインシステム）

Flutterを基盤としつつも、iOS/Android双方のユーザーにとって違和感なく操作性を実現するためのデザインガイドラインを策定しました。また、エンジニアと連携しながら、UIで使いやすいカラーシステムの再設計、アイコンの統一、プラットフォームごとに最適なフォント選定を行い、コンポーネント管理体制を構築しています。

3. ブランドロゴのリファイン

長年親しまれてきたロゴについては、「学習時間が一段一段、積み上がっていく様子」を示した鉛筆とグラフのモチーフはそのままに、視覚的な補正を実施しています。

学習の必需品であるカラーマーカーをイメージした配色を用いることで、ノートや参考書にハイライトをした瞬間のような「わかる＝楽しくなる」感覚を表現しました。明るくエネルギッシュな印象のカラーリングが、目標を持って学び続ける人の熱量やモチベーションをポジティブに支えることを目指しています。

4. プロダクトデザイナーの採用支援

アプリデザインの改修と並行し、改修後も継続的に体験改善を推進できる体制づくりを目的に、プロダクトデザイナー採用を支援しました。具体的には採用要件の精査を行い、選考業務を担当しました。

プロジェクト後の変化

スタディプラスは、何百、何千時間もの学習時間を積み重ねたユーザーに支えられています。今回の変更は全面的なUI刷新のため、リリース当初はユーザーの反応は多岐にわたりましたが、ポジティブなユーザー体験として確実に波及している兆しが見られるようになりました。

👍好意的な反響や、継続率が改善した
具体的には、「ポップになって、気分が上がる」「やる気が出る」といった学習のモチベーション向上につながる声や、「シンプルでスッキリした」といった学習を集中できるUIに対するポジティブな評価をいただいています。 また、既存ユーザーの体験を損なうことなく、新規ユーザーの翌日継続率が改善するなど、事業成長に貢献する確かな成果へと繋がりました。

👍デザイン指針が確立され、開発アジリティが向上した
デザイン原則によって判断基準が言語化されたことに加え、一連のプロセスを共にしたことで社内の認識が統一され、PdMやエンジニアとデザイナー間のコミュニケーションが円滑になりました。コードベースのWidgetbookとFigmaのコンポーネント群を再整備したことで、用途に応じてどのコンポーネントを使えば良いかが明確になりました。

👍インハウスのデザイン体制の再構築
プロジェクト終了後も、新たに参画したデザイン責任者のもとでより良い学習者体験を届けていく体制の構築が進められています。