Website / Fitness / Concept
A gym website for Doboj that shows twelve weeks of progress as plates loading onto a barbell.
Projektüberblick
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.
Ziel war es, das Angebot verständlicher zu machen, die Arbeit mit mehr Kontext zu zeigen und den Weg vom ersten Eindruck bis zu Kontakt, Anfrage, Buchung oder Kaufentscheidung zu vereinfachen.
Im Detail
Jedes Bild öffnet sich als Vollbild-Vorschau.
Case Study
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.
Vertrauen und Performance
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.
Die Überlegungen hinter dem Projekt
The brief
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
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.
Sign-up
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.
So funktioniert es
01
Structure a twelve-week plan into four phases.
02
Barbell, plates, step chart and progress ring in SVG.
03
Pinned weekly progression with counters and charts.
04
Membership picker, schedule tabs and a prefilled form.
Design-Assets
Leistungen
Website
Concept & copy (sr)
UX/UI Design
GSAP motion
Data visualisation
Sign-up flow
Etwas Ähnliches bauen
Schicken Sie eine kurze Nachricht zu Ihrem Unternehmen, Markt, Ihrer aktuellen Website und Ihrem Ziel. Panic Digital hilft bei Struktur, Design, Entwicklung und SEO-Grundlage für den nächsten Schritt.
Panic Digital kontaktieren
Weiter entdecken
+A composed law-firm website for Banja Luka where a case file fills, gets stamped and signed as you scroll.
Nächste Case StudyÄhnliche Projekte