02/26
GRIT Gym Club - E-commerce & Fitness
E-commerce & Fitness

GRIT Gym Club

Strategic UX/UI design challenge for a fictional fitness brand, demonstrating full-stack design thinking from typography system to high-fidelity e-commerce prototypes.

My Role

Recruitment exercise for an Odoo Web Designer position. Responsible for the entire design process: brand identity, typography system, low-fidelity wireframes, and high-fidelity prototypes, all delivered within one week, in parallel with another live development project.

Challenge

Designing a credible, premium fitness brand from scratch under a one-week deadline, while simultaneously handling another development project. The brief required demonstrating the full design methodology: from foundational decisions like typography and visual identity, through structural wireframing with Odoo's Wireframe Library, to polished high-fidelity prototypes. Every decision had to be intentional and justifiable under time pressure.

Approach

The process started with the typographic design system — defining the visual hierarchy, tone, and brand personality before touching any layout. Low-fidelity wireframes were built using Odoo's official Wireframe Library, ensuring structural alignment with the platform's component logic. From there, the work moved into high-fidelity prototypes in Figma, covering the full e-commerce flow: homepage, membership plans, pricing table, and checkout. The final result balances premium fitness branding with aggressive pricing clarity, two aesthetics that rarely coexist naturally.
Design system fonts hierarchy
Design system fonts hierarchy
High-fidelity Mockup - Image carousel slide 1
Low-fidelity wireframes (Odoo Library with Bebas font) - Image carousel slide 2
High-fidelity Mockup

Year

2026

Scope

  • UX/UI Design

Focus

Design System EngineeringOdoo Wireframe Library IntegrationE-commerce User FlowPricing Table UXRecruitment Case StudyFigma Prototyping