ConceptCase study · 2026

G-MAP

A gym companion that recognises a machine through the phone camera and shows correct form before the reps.

A speculative case study - real design work, no client, no completed user testing.

Lighthouse performance · desktopMeasured · 3 runs
92/100Runs 69 · 92 · 93 - median 92Higher is better · scale 0-100
Largest paint (LCP) · desktopMeasured · 3 runs
1.7sRuns 2.8 · 1.7 · 1.7 - median 1.7 sLower is better · scale 0-4 s
Prototype buildStated
48h
How these were measured
Tool
Lighthouse 13.5.0
Settings
Desktop preset (simulated throttling)
Runs
3 runs per live site; the median is shown
Date
13 October 2026
Where
Chrome, headless, from Thessaloniki
Caveat
Run 1 hits a cold CDN cache, so it is the slowest. On a simulated slow phone the same sites score between 67 and 77.
Stated
Numbers without runs come from the project record, not from a measuring tool.

Built withReactTypeScriptTailwindViteCloudflare

G-MAP shown on a phone

01Problem

Gym beginners face a wall of machines. Fitness apps assume they already know them.

  1. Goal 01Remove gym anxiety with instant machine identification.
  2. Goal 02Put safety and form before volume metrics.

02What was built

  1. 01

    Scan to identify

    Point the phone at a machine and it is recognised, without stickers, searching or asking staff.

  2. 02

    Form before reps

    Form instructions come before rep counts, because injury is what stops most beginners.

  3. 03

    Your gym's programme

    Programmes built from the equipment this gym actually has, not a generic plan.

03Process

  1. 01

    Research and analysis

    Desk research into gym anxiety: equipment confusion - not motivation - is the first barrier for new members.

  2. 02

    Flow and structure

    One loop: scan the machine, see how to use it safely, add it to the programme.

  3. 03

    Visual design

    High-contrast dark mode for gym lighting; touch targets of 44 px and up for use mid-workout.

04Principles

05Lesson

The camera scan carries the whole product; each extra feature put friction between a beginner and the machine.

Open the prototype (opens the prototype)