Biggr

Role
個人制作
Date
2026
Platform
iOS / Web
Biggr hero image

概要

Biggr は、筋トレ記録振り返りシンプル行うための iOS アプリです。

個人プロジェクトとして、企画、UI/UX デザイン、App Store へのリリースまで一貫して担当しました。

また開発関しては、Codex を活用し、非エンジニアながら開発一人行い、リリース後もユーザーからのフィードバックもとに改善続けています。

背景

自身筋トレ続ける中で、トレーニング内容記録するために複数既存アプリ使用しました。

しかし、種目選択からセット内容保存するまで操作多く、トレーニング記録すること自体負担感じる場面ありました。

また、自分求めていた iOS らしいシンプル操作性優れたアプリ見つけられませんでした。

設計方針

筋トレ中でも記録意識取られず、トレーニング集中できるよう、以下の 4 つ重視して体験設計しました。

Biggr の4つの設計方針

1. 記録を始めるまでの操作を減らす

1 種目のみ追加した場合、選択後に同じ種目再び選ぶ操作不要です。

そこで、1 種目だけ追加した場合は、そのまま入力画面遷移するようにしました。複数種目追加した場合とは遷移分け、追加した種目数応じて次の操作最適化しています。

2. 繰り返し入力する手間を減らす

筋トレでは、前回同じ重量回数基準記録すること多くあります。

トレーニング行なっているユーザヒアリングする中で、前回記録内容初期値として入力する機能と、直前セット複製する機能必要だとわかり設計しました。

3. 日付と種目から記録を振り返れるようにする

カレンダーでは、記録ある日ない日一覧確認し、日付から過去トレーニングアクセスできます。

また、種目ごと画面では前回記録対して、筋ボリューム最大重量、1RM 推定値など確認でき、重量回数決める際の参考にできます。

Biggr 記録の振り返り

iOS の設定に沿った体験

アプリは iOS のみ提供するため、SwiftUI を中心実装しました。

端末設定合わせて利用できるよう、ライト・ダークなど外観モード、Dynamic Type による文字サイズ変更、開始曜日対応しています。

Biggr iOS 設定に沿った体験

アプリアイコン

アプリアイコンは、Biggr の頭文字である「B」右上向かって大きくし、記録継続による成長表現しました。また、全体に傾きつけることで、筋トレらしい力強さ前進感持たせています。

また、iOS 26 で提供されたクリア表示含め、ライト、ダークなど外観モード適切見えるよう、Icon Composer を使用して調整しました。

Biggr logo

キャラクター

初めて行う種目や、動き理解しにくい種目でも取り組みやすくするため、各種目動作表すキャラクター制作しました。

まずベースとなるキャラクターイメージ作成し、3D 化。その後、OSS 化された各種目イラストデータ参照し、種目ごとに表現ばらつかないよう、キャラクター外見、服装、視点、背景、ポーズなど細かくプロンプト作成した後、種目ごとの 3D イラスト量産しました。

Biggr キャラクター
Biggr キャラクター制作プロセス

ランディングページ

アプリ認知と App Store への導線増やすため、ランディングページ制作しました。

アプリ特徴網羅的説明するのではなく、筋トレ記録したいユーザーが、自分必要なアプリかを短時間判断できる情報構成目指しました。

また、以下の条件にも対応しています。

  • 日本語・英語表示
  • ライトモード・ダークモード
  • 画面幅に応じた文字組み
  • 表示速度の最適化
  • App Store へのインストール導線
Biggr ランディングページ
Biggr ランディングページの表示速度