Highland is a non-toxic, all-natural haircare brand founded by college friends who set out to create cleaner, more sustainable products without compromising performance. As the brand continued to grow, their digital presence needed to better reflect the quality and intentionality behind their products.

The challenge was to elevate the website experience while maintaining the brand’s simple, natural aesthetic. The site also needed to become more flexible so the Highland team could easily update content, expand product storytelling, and evolve the storefront without relying on developer support for every change.

The project involved close collaboration with the brand team to align the website experience with Highland’s evolving identity.

Through discussions and iterative design work, the focus became creating a digital experience that felt clean, approachable, and authentic to the brand. Navigation needed to highlight Highland’s products and story more clearly, while the overall interface required refinements to spacing, hierarchy, and visual balance.

My role involved translating these design ideas into scalable Shopify components while ensuring the experience remained cohesive across the entire storefront.

Much of the work focused on improving how users explore products and navigate the site.

A new header and mega menu were designed and developed to create a clear, intuitive navigation structure that highlights product collections and key brand content.

Product detail pages were enhanced with updated layouts and integrated user-generated video content. This allowed real customer experiences to appear directly within the product page, helping visitors better understand the products and how they perform.

Across the site, various design refinements were implemented to improve visual hierarchy, spacing, and overall flow, creating a more polished and cohesive user experience.

The front-end architecture focused on flexibility, scalability, and maintainability.

Using Shopify’s section-based architecture, a library of reusable modular sections was developed to allow the Highland team to easily build and update pages without needing custom development.

These modular components ensured that new pages and content could be created while maintaining visual consistency and performance across the site.

The site was developed using Shopify, Liquid, and JavaScript, with a strong emphasis on reusable components and clean front-end structure.

The updated website provides Highland with a more polished and cohesive digital experience that aligns with their brand values.

The modular section architecture allows the team to easily update content and create new pages as the brand grows, while design refinements across navigation and product pages improve usability and product discovery.

The result is a Shopify storefront that feels clean, flexible, and thoughtfully built—mirroring the simplicity and intentionality of Highland’s products.