Fastmates. Mobile app UX/UI design for intermittent fasting

About

Fastmates is a mobile app for people who practice intermittent fasting. Besides tracking progress, it helps users find like-minded people, support each other and turn a personal goal into a shared experience.

Wellness
2022
Product UX/UI Design
Mobile App Design

Challenge

Existing fasting trackers focus purely on the numbers — timers, streaks, meal windows — and leave the social side of the habit unaddressed, even though accountability and connection are some of the biggest reasons people stick with, or give up on, a fasting routine.

No items found.
No items found.

Solution

We combined a clear, easy-to-use fasting tracker with lightweight social features that let users connect with new "fasting mates" during their journey. Playful status creatures — a hungry crocodile, an energetic monkey — let people signal how they're feeling at a glance, and the Fastmates radar helps users find and message nearby mates for support, turning a solo habit into a shared one, all wrapped in a warm, illustrated visual identity.

No items found.
No items found.

Mobile app design process

We started with interactive prototypes to test the key user flows before the final UI. Then we designed a short onboarding that introduces the features and sets personal fasting parameters in a few steps. Playful status characters, from a hungry crocodile to an energetic monkey, add gamification to the habit. The result is an iOS and Android app design that combines fasting tracking with social features and keeps users motivated.

No items found.
No items found.

Our design services and the industries we design for

1

Product UX/UI Design

Dashboard

Onboarding

Mobile

SaaS

MVP

Web Apps

We design complex product interfaces that users actually understand. Dashboards, onboarding flows, and core features — built for scale from day one.

2

Frontend Development

Frontend development

React / Next.js

TypeScript

Design systems

Responsive

Product UI

Frontend development and UI engineering: React, Next.js and TypeScript interfaces, design systems in code and production-ready product UI.

3

Website Design

Corporate websites

Landing pages

UX/UI

Motion design

Premium look

High conversion

Award-winning website design for tech companies: strategy, UX, UI and motion design for corporate websites and landing pages that convert.

4

Brand Identity Design

Logo

Branding

Motion

Deck

Visual identity

Guidelines

A visual language that grows with your company. From first pitch deck to Series B we build brands that investors and users trust.

4

Website Development

Webflow

WordPress

React / Next.js

CMS

SEO-ready

Animation

Website Development by Cosmos Studio

Website development on Webflow, WordPress and React / Next.js: fast, SEO-ready marketing and corporate websites your team can edit.

5

Webflow Development

Webflow

Figma to Webflow

CMS

Interactions

SEO

Migration

Webflow Development by Cosmos Studio

Webflow development agency: custom Webflow websites, CMS setup, animations and Figma to Webflow builds your marketing team can edit.

6

Web App Development

Web apps

SaaS

MVP

React / Next.js

Dashboards

Platforms

Web App Development by Cosmos Studio

Web app and SaaS development: product design and React / Next.js frontend in-house, backend with trusted engineering partners, from MVP to scale.

7

Mobile App Design

iOS

Android

Mobile UX

Onboarding

Prototyping

Design system

Mobile App Design by Cosmos Studio

Mobile app design for iOS and Android: UX/UI, onboarding, habit-building flows, social features and design systems that keep users coming back.

8

UX Audit

UX audit

Conversion

Retention

Usability

Accessibility

Analytics

UX Audit by Cosmos Studio

UX audit of your website or product: we find where users get stuck and give a prioritized list of fixes to grow conversion and retention.

1

Defense Tech

Branding

Visual Identity

Logo

Motion

Pitch Deck

Guidelines

UX/UI design and frontend development for defense and military tech: command and control, ISR, geospatial and mission-critical products, plus brands and websites for defense companies.

2

Gaming

UI/UX Design

Onboarding

Mobile

Web App

MVP

Design and development for game studios: career and recruitment websites, landing pages and brand experiences that attract players and talent.

3

EdTech

Landing Page

Corporate Website

AI-powered

Premium look

High conversion

EdTech design and development for learning platforms, LMS, school and teacher tools and education websites – from UX research to a launched product.

4

SaaS

Dashboard

Web App

Onboarding

AI-powered

SaaS

MVP

SaaS product design and development: UX research, UI design, design systems, marketing websites and frontend for B2B platforms, CRMs and dashboards.

5

MedTech

Web App

Dashboard

Mobile

Data Visualization

UX Research

UX/UI design for MedTech and healthcare products: clinical and desktop apps, SaaS for healthcare businesses and patient-facing interfaces that are clear and safe to use.

6

Web3

NFT

Crypto

Landing page

DEX

Web app

Mobile app

Web3 and crypto design and development: NFT and token launch websites, staking and DeFi dashboards, brands and characters, built with React, Next.js and Three.js.

7

AI Products

AI Platforms

Generative AI

AI Assistants

Machine Learning

AI Automation

‍

UX/UI design and development for AI products: AI assistants and apps, AI-native SaaS, AI agency websites and brands for AI startups.

9

Wellness

Fitness Apps

Sports Platforms

Wellness Products

Health Tracking

Design and development for health and wellness brands: e-commerce and subscription websites, fitness and fasting apps, and wellness brand identities.

10

Other

Digital agency

Corporate website

Landing Page

‍

We design and develop websites and applications for various industries and types of businesses

10

Nonprofit

Nonprofit website

NGO

Campaign site

Donations

Storytelling

WordPress

Sirius animal shelter website by Cosmos Studio

Website design and development for nonprofits, NGOs and social impact campaigns: clear storytelling, easy donations and adoption flows, and content teams can manage themselves.

11

B2B Services

Corporate website

B2B

IT services

Rebranding

Lead generation

WordPress

Simply Contact corporate website by Cosmos Studio

Website design and development for B2B, IT and professional services companies: corporate websites, rebrands and lead-generation sites built on WordPress, Webflow and React.

12

Hospitality and Travel

Brand identity

Hospitality

Travel

Private club

Hotel

Website

The 23 private members club brand identity by Cosmos Studio

Brand identity, website design and development for hospitality, travel and lifestyle brands: private clubs, hotels and sleep concepts, and event travel platforms.

lET'S TALK

Start your project with Cosmos™

Drop us a message, Anna reviews every brief personally and gets back to you within one business day. From there it's simple: we align on scope, sign the contract, and book your start date. Fast, clear, no back-and-forth.

Thank you
Your submission has been received!
Oops! Something went wrong while submitting the form.