Let’s talk

Case study

Pets Mart

Pet food and supplies store designed in Figma and built on Shopify: custom sections, mobile navigation and cart, SKUs and weights, collection structure, on-page SEO, COD checkout and delivery options.

Case studyWeb designer & developer
Case study

Pets Mart

A pet food and supplies store, from first Figma layouts to a live Shopify build.

UI/UX designShopifyFigma to Shopify
Visit live site →
petsmartpk.com
Pets Mart website design, desktop
The project

Pets Mart is a pet food and supplies store. I designed and developed it end to end, from the first Figma layouts through Shopify development and final store optimization.

01 / 04

Understand

Learn the store, its customers and what each page has to do.

02 / 04

Design

UI/UX design and brand styling in Figma before any code.

03 / 04

Build

Custom Shopify sections, responsive layouts, mobile navigation and cart.

04 / 04

Launch

Checkout with COD and delivery options, SEO, policies and blog pages.

petsmartpk.com
At a glance

The brief.

The goal

Make it easier for customers to browse products, find the right food for their pets and place an order across mobile and desktop.

Services
UI/UX designShopifyFigma to Shopify
Colour
Purple
#652C91
Yellow
#FFD329
Ink
#29222F
Type
Aa

Cabin · headlines  /  Inter · body text

Live

See it running.

Visit live site →
My role

What I worked on.

  • UI/UX design and brand styling in Figma
  • Custom Shopify sections and responsive layouts
  • Mobile navigation and cart improvements
  • Product uploads, pricing, SKUs and weights
  • Collection structure and product organization
  • On-page SEO, meta titles and descriptions
  • Checkout setup, COD and delivery options
  • Blog pages, store policies and social integration

Contact

Let’s make something
impossible to ignore.