Works / もふだち

App design

もふだち

iOS | Android

もふだち のキービジュアル

大切な「もふもふ」のための、毎日つづく記録アプリ。企画・デザイン・実装まで一人で完成させた個人開発のプロダクト。
これまで、お散歩の記録と毎日のライフログは別々のアプリでつけていた。データがつながらず、重複の多いライフログの記録に手間を感じていた。そこで「簡単に記録できる」ことを設計の軸に、お散歩の記録をライフログへ反映させ、週・月で体調の変化がわかるグラフまで組み立てて、ストアにリリースした。
犬だけでなく、猫などのペットの体調管理や予定のリマインダーにも使える。

  • 企画
  • UX/UIデザイン
  • デザインシステム
  • Flutter実装
  • 利用体験向上
Client
個人開発
Date
2026.5 〜
Role
Product designer
Tools
Figma、Claude Design/Code
Language
Flutter

SECTION 01

コンセプトと設計方針

「毎日の記録をさりげなく、続けやすく」をコンセプトに据え、簡単に記録を追加できることを設計の軸にして、大切なペットの記録を長く預けられる信頼感を目指した。
ごはん・お散歩・体重を、思いついたときにさっと残せる操作性と、毎日くり返す記録でも続けられる利用体験を中心に組み立てた。

ホーム / 毎日の記録
ホーム / 毎日の記録
予定 / リマインダー通知
予定 / リマインダー通知
ライフログ / 週ごとのグラフ
ライフログ / 週ごとのグラフ

SECTION 02

記録フローの設計

ごはん・お散歩・体重・通院などの記録は、カテゴリレールから1タップで開ける。ピッカーを挟まずに、すぐ目的の記録へ。
お散歩中は、リードを持つ片手でもトイレ記録や写真・メモを簡単に追加できる。GPS でバックグラウンド計測することで記録する手間そのものをなくし、歩いた道のりをそのまま記録に。

カテゴリレールから1タップ
カテゴリレールから1タップ
お散歩の自動計測
お散歩の自動計測
お散歩の記録
お散歩の記録

SECTION 03

デザインシステムと実装

デザイントークンとコンポーネントを Figma で整備し、Flutter 側の実装と1対1で対応させた。
デザインと実装で同じ言葉を使えるため、実装可否の判断が早く、デザイン QA まで一人で回せる。

もふだち のデザイントークン(カラーと書体)
デザイントークン(一部)
もふだち のアイコンとコンポーネント
コンポーネント(一部)

担当範囲

企画・要件定義

コンセプト設計・企画から機能の優先順位づけまで、一人で担当。

UX/UIデザイン・デザインシステム

Figma でトークンとコンポーネントを整備し、全画面を設計。

Flutter実装・リリース

Flutter で実装し、iOS / Android 両OSで実機テストを行い、ストア申請とリリースまで通した。

もふだちのサービスサイト

Visit website