LumiCup is a sustainable drinkware brand focused on replacing single-use plastic cups with recyclable aluminum alternatives.

The brand had an existing Shopify store, but its design no longer reflected its identity or vision.

Working from a detailed Figma design, I rebuilt the storefront using custom Shopify Liquid, creating responsive layouts, reusable sections, and a more flexible shopping experience.

The result is a modern, brand-focused Shopify storefront that the LumiCup team can easily manage through Shopify's native theme editor.

LumiCup's existing Shopify storefront no longer reflected the brand's evolving visual identity.

The client had a complete Figma redesign, but needed it translated into a fully functional Shopify theme without compromising design accuracy, mobile responsiveness, or maintainability.

The key challenge was building custom layouts and interactive sections while keeping everything editable through Shopify's native theme editor, so the team could manage content without relying on a developer for routine updates.

I developed a custom Shopify storefront from the approved Figma designs, using Liquid, HTML, CSS, and JavaScript.

Instead of relying on rigid, hardcoded layouts, I built reusable Shopify sections that the LumiCup team can manage directly through the theme editor.

Custom hero section: Brand messaging with a prominent call to action.

Product feature grid: Highlighting the benefits of aluminum cups over plastic alternatives.

Mission/story section: Communicating the brand's sustainability mission.

Product cards: Custom product layouts with variant support.

Social proof section: Featuring press mentions and sustainability credentials.

Custom collection layout: Improved product organization and filtering.

Responsive design: Consistent shopping experience across desktop, tablet, and mobile.

The focus was on accurate Figma implementation, clean Liquid code, reusable components, and giving the client greater control over storefront content.

LumiCup's existing Shopify store was transformed into a modern, responsive storefront that better reflects the brand's premium identity and sustainability mission.

Stronger brand presentation: A consistent visual experience based on the approved Figma designs.

Better mobile experience: Responsive layouts designed for different screen sizes.

Easier store management: Reusable Shopify Liquid sections that allow the team to update content through the theme editor.

Improved product presentation: Custom layouts that communicate product features and benefits more clearly.

Maintainable development: Clean, reusable components that support future storefront updates.

The project delivered a fully customized Shopify shopping experience while giving the LumiCup team greater flexibility to manage and grow their store.

Live store: lumicup.com

Skills used: Shopify, Liquid, HTML/CSS, Figma, Theme Editor Customisation