Designed and developed a fully custom Shopify storefront for Altra, a premium men's skincare, anti-aging, and wellness brand based in Australia.

The project involved building a bespoke eCommerce experience from the ground up, with a strong focus on premium visual presentation, product storytelling, intuitive navigation, and a scalable product architecture.

Rather than adapting a pre-built Shopify theme, I approached the project with a complete UI/UX design process in Figma, followed by custom Shopify theme development using Liquid, HTML, CSS, and JavaScript.

A key requirement was to accommodate three distinct product categories – skincare, supplements, and hair care – each with different product information, selling points, and presentation requirements. This called for a flexible storefront architecture that could support category-specific product experiences while maintaining a consistent brand identity.

Worked as the Shopify Developer & UI/UX Designer, taking ownership of the project from initial design and storefront architecture through custom theme development and implementation.

My responsibilities included:

Designing the complete storefront UI/UX in Figma, starting from a blank canvas.

Translating approved Figma designs into a fully custom Shopify storefront.

Developing the Shopify theme using Liquid, HTML, CSS, and JavaScript.

Building reusable Shopify sections and modular components.

Creating category-specific product page templates.

Implementing Shopify metafields to manage dynamic product information and content.

Structuring the storefront to support future product additions and category expansion.

Maintaining visual consistency and responsive behavior across the website.

Built the storefront from scratch using Shopify's native Liquid architecture rather than modifying a purchased theme. This allowed the design, functionality, and overall user experience to be tailored to Altra's brand requirements.

Designed the complete storefront prototype in Figma before development, then translated the approved designs into the live Shopify theme with close attention to spacing, typography, layouts, and visual details.

Developed dedicated product page structures for three different product categories:

Skincare: Product presentation focused on ingredients, benefits, and skincare routines.

Supplements: Structured to communicate formulations, ingredients, and dosage information.

Hair Care: Designed around product-specific benefits, usage, and hair care requirements.

Leveraged Shopify sections and metafields to create flexible, data-driven product layouts. Product-specific content could be managed dynamically without hardcoding individual product pages or maintaining separate theme codebases.

Developed reusable theme sections and components to maintain consistency across the storefront while allowing individual pages to have their own layouts and content structures.

Implemented responsive layouts to provide a consistent shopping experience across desktop, tablet, and mobile devices.

Focused on clean product presentation, structured content hierarchy, intuitive navigation, and brand-led visual storytelling to support product discovery and purchasing decisions.

Structured the Shopify theme to accommodate additional products, new product categories, and future content updates without requiring a complete redesign or separate product-page codebases.

The project followed a design-first development workflow:

UI/UX Design: Created the complete storefront design system and page prototypes in Figma.

Theme Architecture: Planned the Shopify theme structure, reusable sections, and category-specific product templates.

Custom Development: Implemented the storefront using Shopify Liquid, HTML, CSS, and JavaScript.

Dynamic Content: Configured Shopify metafields and sections to support flexible product-specific information.

Responsive Implementation: Adapted layouts and components for different screen sizes.

Final Delivery: Completed and delivered the custom storefront within 3–4 weeks, on schedule and within the agreed budget.

Delivered a fully custom Shopify storefront designed and developed from scratch, providing Altra with a premium eCommerce experience and a flexible product-page architecture.

The final implementation gave the brand the ability to present its skincare, supplements, and hair care products through category-specific layouts while maintaining a consistent design language throughout the store.

The project was completed within 3–4 weeks, on time and within the agreed budget.