For Goodness Sake — Shopify Storefront

Overview

Designed and developed a custom Shopify theme from scratch for For Goodness Sake. Fully responsive, performance-optimized, built without any paid theme as a starting point.

Homepage

Collection Page

Stories Page

Our Impact Page

Approach

Most Shopify stores start with a paid theme and customize from there. This project was different — the client wanted a design that didn’t look like every other Shopify store, and they wanted full control over the codebase without being locked into a theme vendor’s update cycle.

What I Built

• Custom Liquid theme — built from a blank slate, not a fork of Dawn or any other base theme
• Tailwind CSS + DaisyUI — utility-first styling with DaisyUI components for rapid iteration on UI elements
• Responsive design — fully responsive across mobile, tablet, and desktop breakpoints
• Performance-optimized — lazy loading, optimized images, minimal JavaScript, efficient Liquid rendering
• Section-based architecture — modular Shopify sections so the client can rearrange and customize pages through the theme editor

Technical Details

Building a Shopify theme from scratch means handling everything that paid themes give you for free: cart functionality, product variant selection, collection filtering, search, responsive navigation, and all the edge cases around Shopify’s Liquid templating.

The Tailwind + DaisyUI combination worked well here — DaisyUI provided solid base components (buttons, cards, modals) while Tailwind allowed precise customization without fighting against a CSS framework’s opinions.

Result

Delivered a clean, fast, fully custom storefront that the client owns completely. No theme vendor dependencies, no update anxiety, and a codebase that’s straightforward to maintain.