Gainers App

Our own product · iOS app

An AI coach that turns one goal into a step-by-step plan and keeps you on it: it calls you, sends the right push and works inside Telegram.

Gainers App: landing page
Gainers App: app screen
Gainers App: app screen
Category
Our own product · iOS app
Live
gainers.app
Parts explained
07
The task

Gainers is our own iOS app: an AI coach that turns one goal into a step-by-step plan and keeps you on it with calls, pushes and Telegram. In September–October 2026 we redesigned it from a stack of boxes into one living surface where each screen asks for one thing.

What we did
  1. 01Product
  2. 02Brand
  3. 03iOS app
  4. 04AI
Block by block

What each screen does, and why

Real screens of the app in its new design. What each screen does and why it is built this way.

01 / 07

Home: one step, not a dashboard

The old home was a stack of boxes. Now it is a greeting, the goal ring with "3 of 10 steps" and ONE "Step of the day" you can start or swipe right to finish. Below sit the Notiflows stories and an inspiration deck. A goal without today's step is only a dream, so today's step is the only thing that competes for attention.

  • UX
  • Structure
  • Product
Gainers App: Home: one step, not a dashboard
Gainers App: Home: one step, not a dashboard
02 / 07

The ring flies into the plan

Tap the goal on Home and its ring lifts off and flies to the exact spot where the plan draws it, while the page fades underneath; going back returns it. The plan is a vertical timeline: done steps checked, the current "Now" step open with Start and Done. It scrolls to that step only after a pause, so you first see the ring.

  • Motion
  • UX
Gainers App: The ring flies into the plan
Gainers App: The ring flies into the plan
03 / 07

A coach tab of one orb

The Coach tab used to hold about 12 blocks: promos, limits, secretary, calendar, tiles, a schedule with six settings. We cut it to an orb, the next call and one "Talk now" button, with a few rows and the rest moved into sheets. The incoming call breathes slowly instead of pulsing, and during the call the aura pulses with the coach's voice.

  • Product
  • AI
  • UX
Gainers App: A coach tab of one orb
Gainers App: A coach tab of one orb
Gainers App: A coach tab of one orb
04 / 07

Quotes that speak to your goal

Inspiration is a deck of large photo cards, two more visible underneath, thrown off in any direction. "For me" flips the card: AI writes what the quote means for your goal and today's step, plus a 10-minute action. A tap opens the card in full, where the same quote switches between designs and can be saved or shared.

  • AI
  • Content
  • Motion
Gainers App: Quotes that speak to your goal
Gainers App: Quotes that speak to your goal
Gainers App: Quotes that speak to your goal
05 / 07

Notiflows: pushes you compose

Notiflows are notification flows you build yourself, about anything: words, poems, facts, ideas. Setup is one page: a goal, drivers such as "Champion Path" or "Discipline", a rhythm from once a day to custom, then "Activate". A learning flow becomes a short course, like "Spanish words for B2" with its lessons, and each lesson opens as a page for reading.

  • Product
  • Structure
Gainers App: Notiflows: pushes you compose
Gainers App: Notiflows: pushes you compose
Gainers App: Notiflows: pushes you compose
06 / 07

One quiet moment, no confetti

Focus mode picks 10, 15, 25 or 45 minutes and runs a timer ring: "Focus. Just this task." Finishing used to mean confetti and a bell, which felt childish. Now it is one moment: the ring takes the new step, the counter rolls, the light blooms with a soft tick and haptics, then "Next" with "Start now", "Later today" or "Tomorrow".

  • UX
  • Motion
  • Brand
Gainers App: One quiet moment, no confetti
Gainers App: One quiet moment, no confetti
Gainers App: One quiet moment, no confetti
07 / 07

Energy and streak, made physical

Energy shows the qualities a goal needs, such as willpower, as nodes on a slowly turning orbit. Tapping one grows a circle of its colour from the node to full screen, with where to train it and how it works; closing folds it back. The streak screen keeps the record large, "13 days in a row", with freezes that protect it from a missed day.

  • Motion
  • Product
Gainers App: Energy and streak, made physical
Gainers App: Energy and streak, made physical
Gainers App: Energy and streak, made physical
Brand

The identity behind the site

Files the client uses beyond the web: in print, on the street and on a phone screen.

Gainers App: Brand book: how the brand looks, sounds and works
Brand book: how the brand looks, sounds and works
Gainers App: The GAINERS wordmark and the G app icon
The GAINERS wordmark and the G app icon
Gainers App: Colour: one accent, Gainers Orange
Colour: one accent, Gainers Orange
Gainers App: Typography
Typography
Inside
  • One living surface: a warm aura light behind every screen, on Reanimated
  • Spring physics for every control; native iOS push transitions with edge swipe back
  • Coach calls arrive on the lock screen via CallKit
  • The same code also runs as a Telegram mini app
  • Interface and coach in English, Ukrainian, Spanish and Russian
Enquiry

Have a project like this?

Tell us in a few lines what you are making and for whom. We read every enquiry ourselves and reply personally.