Martin Hall
UIUX Designer

Home View Projects

Aug 2021 - Jan 2021

Trapstar

uk.trapstarlondon.com

#1 Streetwear brand

Trapstar is a London born streetwear label that started in the early 2000s when three friends began selling bold, DIY hoodies and tees through underground pop-ups. Blending the grit of UK street culture with rebellious design, the brand rose fast. Worn by grime icons at home and global stars like Rihanna, Jay-Z and Central Cee. Today, Trapstar stands as the biggest streetwear brand in the UK, known for its gothic logos, cryptic slogans, and must-have limited drops that keep it authentic and influential.

Brand

Trapstar

Role

UI/UX Designer

Location

London, England

Sector

Fashion

The challenge

At iCommerce, the biggest challenge I faced was balancing fast turnarounds with the need for high-quality design across multiple brands. Projects often moved quickly, with most client communication happening over Slack, which meant I had to adapt and deliver without losing attention to detail.

Working across different sectors came with its own set of challenges. I had to quickly understand each brand’s identity while also adapting to the specific design requirements that mattered within its industry. Each project demanded a different approach, from learning sector-specific details to balancing brand nuances, all under tight deadlines. The challenge was shifting gears rapidly without losing consistency, ensuring every design felt on-brand and effective for the client.


Toolkit

Below is a list of the tools and technologies I used to complete this project. Selected to support the design process, streamline development, and ensure a high-quality final outcome.



XD


Slack


Photoshop


Illustrator


Shopify

Focus areas

Font style
Wireframing
Micro interactions
Conversion focused design
Client management
Streewear focus
Responsive design
Creative direction
Stakeholder demonstrations
Component design
Platform-Level Understanding
Brand focus
Competitor research

UIUX + Shopify

Shopify Polaris React

I had used Shopify before with a basic level of knowledge, but in this role it became essential to fully understand the platform. I learned its strengths, limitations, and how design decisions can shape the customer journey. Just as importantly, I saw that UI and UX are not only about the shopper experience but also about making the platform intuitive for store owners to manage. This allowed me to create websites that looked polished while working smoothly for both sides.

Learning Shopify’s Polaris design system was the next step. At first it seemed like a set of ready-made tools, but I came to see it as a framework that shapes how apps and websites fit together. Understanding Polaris in detail made it possible to design experiences that are consistent, user-friendly, and flexible enough to reflect the unique needs of each brand.





Flexible Components

I spent time learning how the Shopify back office works and how the admin connects with the design layer. Understanding how components interact and stack gave me a clearer view of how every design choice impacts the day-to-day running of a store.

Beyond creating something visually clean and polished, I focused on how Shopify’s schema and nested elements work under the hood. By structuring components in a flexible way, please see a very brief example below.

Example

For Trapstar’s product form, I designed a clean layout with the product description placed inside a dropdown. This created more white space and kept the page visually minimal, while still giving users the option to reveal details when needed.



But with Shopify, design decisions also need to consider the people managing the site day to day. It’s not enough for the UI to look good—store admins with no coding experience need to be able to update content easily. To solve this, I structured the component using Shopify’s schema and meta tags, so the product description could be populated and edited directly from the admin panel. This made the design both aesthetically clean and practically maintainable.





This is just one example of a wider rule I applied across the project: every design decision had to balance visual impact with flexibility for non-technical users. By consistently structuring components with customization in mind, I ensured the website not only looked polished but was also easy for Trapstar’s team to manage long after handover.





Key impact

Here are the key contributions I believe I brought to the Shopify project I worked on. While there were many ways I added value, these stand out as the most impactful and easy to see in action. They reflect where I made a real difference, whether by improving the user shopping experience, streamlining how components and templates work together, or ensuring the store’s setup met best practices for smooth performance and scalability.

Development

Speed

My fast turnaround on designs and prototypes helped the team stay ahead of schedule and meet critical launch deadlines.

Unique

Elements

I was commended for my innovative approach to building custom Shopify components, which balanced aesthetics with flexibility for non-technical users.

Sales

Increase

Following the implementation of my designs, Trapstar experienced a measurable increase in product sales.

Visitor

Increase

The redesigned website layout contributed to higher visitor engagement and a noticeable boost in site traffic.

Shopify

Specialist

Upon project completion, Trapstar recognized my expertise in Shopify, referring to me as a “Shopify specialist” for the quality and efficiency of my work.

On-going

Relations

Trapstar chose to maintain a personal dialogue with me post-launch, seeking my guidance on ongoing design and platform decisions.

More website shots

A collection of website shots I designed to support the product launch, showcasing key pages, components, and branded visuals.


Learn more..

Visit website to see how my design work shaped the product experience.

View Website