GymHub – Fitness Dashboard

Timeline

Mar – May 2023

My role

Research

UI Design

Prototyping

Tools

Figma

Miro

Team

Kordian Lubas (UX/UI)

Albert Karkut (Dev)

01. OVERVIEW

GymHub is a fitness dashboard that helps users take full control over their workout plans, nutrition, and fitness goals. The goal was to create a seamless, personalized experience that adapts to individual needs — not the other way around.

02. Key Challenge

Challenge

Despite a saturated market of fitness apps, most solutions feel rigid and generic. Users often can’t:

  • Set fully custom fitness goals

  • Build or adjust their own workout plans

  • Track meals based on their recipes

This leads to frustration and disengagement.

Solution

Design an inclusive and flexible platform where users can:

  • Set their own fitness goals

  • Build workouts from scratch or templates

  • Track meals based on their own recipes

  • Get feedback, see milestones, and visualize progress

All in a clean, easy-to-use interface.

03. Research

​We used surveys, interviews, and competitive analysis to understand what users want and what others fail to deliver.

Surveys

✔ Need for personalization
✔ Difficulty tracking nutrition
✔ Interest in visual progress & achievements

User Interviews

✔ Desire for flexible workout planning
✔ Need for easy nutrition input
✔ Importance of smooth UX

Competitor Gaps

✖️ Limited goal customization
✖️ No support for custom recipes
✔ Some offer milestones – users love it

04. Concepts, Sketching, Wireframes

The early design phase focused on clarity and content structure.
We tested low-fidelity wireframes for:

  1. Dashboard
  2. Workout planner
  3. Recipe tracker
  4. Goal setup
  5. Landing page

05. Grid & Style Guide

We developed a vibrant and modern UI with energetic colors, soft shadows, and clean typography.

Grid: 12 Columns grid, left, 81 Width, 260 Offset, 16 gutter
8 Rows, Top, 8 Height, 8 Gutter

The goal was to establish a cohesive and visually appealing design system that aligns with the platform’s purpose and target audience.

06. Visual Design

Landing Page

Dashboard Home Page

Workout Diary

Recipies

Recipies Description

Excercise Library