tthhoommaass ll..

say hello

old bones

Old Bones Therapy creates protective gear and recovery products for action sports enthusiasts who never slow down. I helped modernize their Shopify storefront with new navigation, cart features, and interactive product experiences.

whatFront-end Dev
whyImprove usability and performance
howShopify, HTML, CSS, JavaScript, Web Components
Old Bones project

development with impact

view live site

project overview

Old Bones Therapy is a brand built for the athletes who never quit — providing protective gear, braces, and recovery tools for skaters, BMX riders, and action sports enthusiasts who want to stay active at any age. Their site needed to evolve alongside their growing customer base, improving usability, discoverability, and conversion without losing its rugged, authentic vibe.

my role

I focused on enhancing the Shopify storefront through a mix of custom front-end development and UX improvements, helping to modernize the experience while keeping it fast, modular, and scalable for the brand's needs.

key contributions

  • Header & Mega Menu: Designed and built a new navigation system with asynchronous search, allowing for quick product discovery without page reloads.
  • Custom Cart Drawer: Developed a smooth, interactive cart drawer to improve checkout flow and showcase upsells in context.
  • Collections Page: Created a new collections template featuring collection cards with swatch pickers, giving customers a more visual, intuitive way to shop.
  • Product Detail Page Enhancements: Added upsells and add-ons to increase AOV and create a more dynamic shopping experience.
  • Modular Shopify Sections: Built flexible, reusable sections to make ongoing site updates faster and easier for the Old Bones team.

technical highlights

  • Built with Shopify + Liquid, leveraging JavaScript for async features and interactivity.
  • Focused on performance, maintainability, and reusable modular structures across all components.

outcome

The result is a smoother, more interactive shopping experience that helps Old Bones Therapy's customers find the right gear faster — while giving the brand a scalable, future-proof foundation to continue growing their e-commerce presence.
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design
Creative Development
Design-Driven Code
Interactive Experiences
Scalable Architecture
Clean Code
Collaboration
Detail-Oriented
User-Centered Design

let's build something together.