Dot Vitamin — Shopify

End-to-end Shopify build for Dot Vitamin — design through development. Custom storefront, custom product pages, conversion-focused throughout.

Design was led by the brand — calm, clinical, vitamin-first — and built out in Figma before any code was written. Implementation is a clean custom Shopify theme that mirrors the design pixel-close while staying configurable.

Every section in the design is a configurable block in the Shopify editor, so the team can re-merchandise and run campaigns without touching code. Mobile-first and performance-conscious from the first commit.

Custom Shopify theme — designed and built end-to-end.

I designed the storefront in Figma, then built a custom Shopify theme that mirrors the design pixel-close while staying editor-friendly. Every section is a configurable block so the team can re-merchandise without touching code. Mobile and performance were a priority from the start.

• Full Figma → Shopify build: storefront, product pages, cart, content pages.
• Custom theme — every section configurable in the Shopify customizer.
• Mobile-first responsive layouts; performance-conscious from the first commit.
• Marketing tag plumbing for analytics, pixel, and email capture.

• Shopify
• Liquid
• Figma
• HTML/CSS
• JavaScript
• Performance optimization