Shopify Theme Development

Ethique - Sustainable Beauty Store Enhancements

Improved UI/UX and implemented custom sustainability features using metafields for an eco-friendly beauty brand.

Client Ethique
Delivered Jun 2025
Type Shopify Theme Development
Technologies 9 tools
Ethique - Sustainable Beauty Store Enhancements

Project Overview

Ethique is a pioneering sustainable beauty brand offering plastic-free, cruelty-free products. I contributed to enhancing their Shopify store by improving user experience, fixing critical bugs, and implementing custom features using metafields and metaobjects to highlight their sustainability mission and product benefits.

Key Responsibilities

UI Enhancements

  • Sustainability Impact Display: Designed and implemented visual elements to showcase environmental impact metrics (plastic saved, carbon offset)
  • Product Grid Refinement: Improved collection page layouts with better product imagery and clearer CTAs
  • Color & Typography: Enhanced brand consistency across all pages with refined color schemes and typography
  • Interactive Product Finder: Created an intuitive product finder quiz UI to help customers discover suitable products

Bug Fixes & Optimization

  • Subscription Issues: Resolved bugs in the subscription flow causing failed recurring orders
  • Multi-Currency Display: Fixed currency conversion display errors for international customers
  • Mobile Cart Drawer: Corrected cart drawer functionality on mobile devices
  • Search Functionality: Improved product search relevance and fixed autocomplete issues

Metafields & Metaobjects Implementation

  • Impact Metrics: Created metafield structure to display product-specific environmental impact data (plastic saved, water saved)
  • Ingredient Transparency: Implemented metaobjects for detailed ingredient information with sustainability sourcing details
  • Usage Instructions: Built dynamic usage instruction cards using metafields for consistent product guidance
  • Certifications Display: Developed metafield-based system for displaying product certifications (vegan, cruelty-free, B-Corp)
  • Skin/Hair Type Matching: Created metaobject definitions for product recommendations based on customer profiles

Results

  • Enhanced brand storytelling through impact metrics
  • Improved subscription conversion rate by 18%
  • Better product discoverability with smart filtering
  • Reduced customer support inquiries with clearer product information
  • Increased customer trust through transparency features

Technology Stack

Shopify Liquid Templating Metafields & Metaobjects Section Rendering API Subscription API Integration JavaScript ES6+ SCSS Accessibility (WCAG) Shopify CLI
View Live Site

Project Info

  • Client Ethique
  • Delivered June 2025
  • Type Shopify Theme Development

Stack

Shopify Liquid Templating Metafields & Metaobjects Section Rendering API Subscription API Integration JavaScript ES6+ SCSS Accessibility (WCAG) Shopify CLI

Available for new projects

Let's build something great together

Open to freelance, contract, and full-time opportunities. Let's discuss your next project.