All projectsProject / 17

Website / Fitness / Concept

Atlas Gym

A gym website for Doboj that shows twelve weeks of progress as plates loading onto a barbell.

WebsiteConcept & copy (sr)UX/UI DesignGSAP motionData visualisationSign-up flow
Client / Project
Atlas Gym (concept)
Focus
Website / Concept & copy (sr)
Location
Doboj, Bosnia and Herzegovina

Project overview

A focused digital project built for clarity, trust and action.

Atlas Gym is a concept website for a gym in Doboj with free weights, personal training, group classes and nutrition plans. Graphite, chalk and orange with Big Shoulders Display headlines set a strong, no-frills tone. The pinned '12 weeks' section loads 20, 15, 10 and 5 kg plates onto an SVG barbell week by week while a squat chart climbs from 60 to 120 kg, resting pulse drops from 78 to 62, body weight goes from 92 to 84 kg and a progress ring moves through Base, Strength, Endurance and Form.

The goal was to make the offer easier to understand, present the work with stronger context and create a smoother path from first impression to contact, inquiry, booking or product evaluation.

Case study

Stronger every week.

Client
Atlas Gym (concept)
Location
Doboj, Bosnia and Herzegovina

Gyms usually sell with photos of bodies. This concept sells measurable progress: a twelve-week programme shown in numbers, with a clear schedule, simple memberships and a sign-up form that already knows what you picked.

Trust and performance signals

12

Weeks

Plates load onto the barbell week by week through four phases: Base, Strength, Endurance, Form.

60 → 120

Squat example (kg)

Step chart next to resting pulse and body weight, clearly marked as an illustration.

98

Desktop Lighthouse

98 on mobile, 100 for accessibility, best practices and SEO.

The thinking behind the work

The brief

Show progress, not promises.

The audience wants to know if the gym will actually move them forward. The page answers with a programme: measuring at the start, a plan by week and checks every four weeks, and it says plainly that the chart is an example.

Design direction

Graphite, chalk and orange.

Big Shoulders Display in tall uppercase, Archivo for text and Geist Mono for numbers. Graphite panels, chalk-white sections and one orange accent, like markings on gym equipment.

  • Pinned barbell with sliding plates, a squat step chart, pulse and weight readouts and a progress ring.
  • Services: gym floor, personal training, group classes and nutrition plan.
  • Class schedule with day tabs and a live open / closed indicator.

Sign-up

Pick a membership, the form fills itself.

The membership picker switches between gym only and gym plus classes, and the chosen package and add-ons carry into a three-step sign-up form that opens in Viber or WhatsApp. Prices are marked as placeholders.

How it works

A clear process from the first step to the result.

  1. 01

    Programme

    Structure a twelve-week plan into four phases.

  2. 02

    Visualisation

    Barbell, plates, step chart and progress ring in SVG.

  3. 03

    Motion

    Pinned weekly progression with counters and charts.

  4. 04

    Sign-up

    Membership picker, schedule tabs and a prefilled form.

Design assets

The visual system behind the project.

Brand system

Deliverables

What was included in the build.

Website

Concept & copy (sr)

UX/UI Design

GSAP motion

Data visualisation

Sign-up flow

Build something similar

Need a website, web app or redesign with this level of clarity?

Send a short message about your business, market, current site and goal. Panic Digital can help define the structure, design, development and SEO foundation for the next step.

Contact Panic Digital
Marković & partneri project preview
Next project

Continue exploring

+

Marković & partneri

A composed law-firm website for Banja Luka where a case file fills, gets stamped and signed as you scroll.

View next case