tthhoommaass ll..

say hello

highland

Your hair’s health & style made effortless with Highland.

whatFront-end Dev
whyImprove sales
howShopify, HTML, CSS, JavaScript, Web Components
Highland project

development with impact

view live site

project overview

Highland is a non-toxic, all-natural haircare brand founded by college friends who set out to create cleaner, more sustainable products that actually perform. Their e-commerce site reflects that ethos — simple, natural, and thoughtfully crafted. The goal was to elevate their online presence with a design and development approach that felt as authentic and refined as their products.

my role

I contributed to both Shopify development and design implementation, helping to create a cohesive digital experience that aligned with Highland's growing brand identity. My work focused on building flexible, reusable components while maintaining a visually polished and consistent interface across the site.

key contributions

  • Header & Mega Menu: Designed and developed a clean, intuitive navigation system that highlights Highland's product collections and story.
  • Flexible Shopify Sections: Built reusable, modular sections to give the Highland team freedom to easily update content and create new pages without developer support.
  • Product Detail Pages (PDP): Enhanced PDPs with new layouts and UGC video content, allowing real customer experiences to come to life on the product page.
  • Design Enhancements: Collaborated on design refinements across multiple areas of the site to improve visual balance, spacing, and user flow.

technical highlights

  • Fully developed on Shopify, leveraging Liquid, JavaScript, and modular section architecture for scalability.
  • Prioritized reusability, performance, and brand consistency across all new components.

outcome

The result is a fast, flexible, and easy-to-manage Shopify storefront that grows with the brand. Highland's digital experience now matches their mission — clean, natural, and thoughtfully built.
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.