Shopify Theme Development for Verdi Skin

Alexander ayuba Preye

Alexander ayuba Preye

Verdi Skin - Shopify Theme Development Case Study

Overview

Verdi Skin is a skincare brand focused on “real skin” and science-backed simplicity. Their site needed to reflect that: clean, fast, and friction-free showing products, journal content, and brand ethos while staying lightweight and easy to manage. I partnered with the design agency Studio Unruly to bring their vision to life with a custom Shopify theme built from scratch.

My Role

Lead Developer (Shopify)
Theme Architecture & Front-end Implementation
CMS Configuration & Editor Experience
Email/Newsletter Integration

Objectives

Build a custom, performance-focused Shopify theme that mirrors Verdi Skin’s minimal aesthetic and messaging.
Ensure every section is editable via Shopify’s Theme Editor for non-technical updates.
Integrate Mailchimp for newsletter capture and marketing workflows.
Deliver a responsive, accessible UI with seamless product discovery and journal reading experience.
Verdi Skin - Mobile Responsive Showcase

Key Features

Product narrative with clear value props: “Lightweight and nourishing… no white cast, no greasy feel.”
Journal highlights for education-centered content like “Why Your SPF Leaves a White Cast (and How to Avoid It)” and “The Minimalist Skincare Routine That Actually Works.”
Newsletter module with simple onboarding: “Subscribe to our Newsletter” plus an accessible email input with validation.
Clean navigation: Shop, Who We Are, Journal, Talk To Us prioritizing core discovery paths.
Theme Editor controls: All homepage sections and common site modules (hero, features list, cards, CTAs, footer links) are fully editable, enabling quick content updates.
Verdi Skin - Theme Editor Customization
Verdi Skin - Theme Editor Customization

Technical Highlights

Shopify CLI workflow for local development, versioning, and rapid deployment.
Liquid-driven templates and dynamic sections with structured settings for content blocks, images, and CTAs.
Lightweight CSS architecture with utility classes to maintain consistency and speed.
Vanilla JavaScript for interactive elements, form validation, and minimal DOM overhead.
Mailchimp integration for subscription capture, error handling, and confirmation flows.
Accessibility measures: semantic HTML, labels for inputs, keyboard-friendly controls.

Outcomes

A streamlined storefront that aligns the brand’s promise “Skincare that blends in and stands out” with a fast, minimalist, and editable theme.
Reduced content update time via editor-friendly sections and clear schema fields.
Improved engagement through educational Journal content blocks and simple newsletter opt-in.
Solid foundation for future expansion (“New Products Coming Soon!”) without rework.
Verdi Skin - Password Page
Verdi Skin - Password Page

Collaboration

Worked closely with Studio Unruly to translate design direction into scalable theme components, maintaining fidelity to the brand’s minimal aesthetic and ensuring every detail from typography to spacing serves clarity and performance.
Tools & Stack: Shopify CLI, Liquid, HTML, CSS, JavaScript, Mailchimp

Links

Live Site:
Agency Partner: 
Like this project

Posted Dec 8, 2025

Built full custom Shopify theme for Verdi Skin using Shopify Liquid. Focused on accessibility that mirrors the brand sections are editable via the Theme Editor.