Triat

TRIAT – Custom Shopify Theme for an Endurance Sports Store

TRIAT (formerly AthleteSportsWorld) is a Dutch triathlon and endurance sports store in Amsterdam, focused on gear for swimming, cycling, running and triathlon. The goal of this project was to turn their new visual identity into a custom Shopify theme that feels fast, reliable and accessible for every type of athlete.

My Role

I worked as a frontend developer on this project. My responsibilities included:

• Building a custom Shopify theme with Shopify Liquid, JavaScript and Tailwind CSS
• Translating the provided design into clean, reusable blocks and sections
• Implementing accessibility best practices across navigation, product grids and content sections
• Ensuring the new TRIAT brand and content structure were reflected in the storefront

The Build

The store covers multiple sport categories (swim, bike, run, triathlon, nutrition) with many product types and promotions. I structured the theme so the TRIAT team can easily manage:

• Sport-based navigation (Swim, Bike, Run, Triathlon, Nutrition)
• Promotional areas like the summer sale and discount codes
• Advice content such as tips, guides and product reviews
• New products and sale sections powered by Shopify collections

Using Tailwind kept the styling consistent with the design system while allowing fast iteration. Liquid templates and snippets are organized around sections like hero, collections, product cards and content blocks so they can be reused and adjusted without touching core theme files.

Accessibility

Accessibility was a core part of the build. Together with the team, we:

• Used semantic HTML and a clear heading structure
• Improved keyboard navigation and visible focus states
• Checked color contrast against accessibility guidelines
• Added meaningful labels for buttons, filters and navigation items

The result is a theme that works well for both beginners and experienced triathletes.

Outcome

TRIAT now has a custom Shopify storefront that:

• Reflects the rebrand from AthleteSportsWorld to TRIAT
• Is optimized for endurance athletes shopping by sport and category
• Is accessible, maintainable and built on a clear component structure

This project is a practical example of turning a rebrand and detailed design into a robust Shopify theme with a strong focus on performance and accessibility.