Home Page Breakdown
Hero Section
Full-width, emotionally resonant hero image featuring pets and products.
Prominent CTA (“Shop Now”) encourages immediate interaction.
Custom overlay text for brand introduction.
Shopify: Customized image blocks, link settings, and section spacing.
Product Showcase Strip
- Slider Design:Built as a scrollable row on desktop and swipe-enabled on mobile, allowing users to easily digest multiple key benefits without overwhelming the layout.
-
Icon-based visual strip outlining key product USPs like vet-formulated, natural ingredients, and fast delivery.
-
Achieved using custom icon blocks within Shopify’s section editor.
-
Hover interaction to make features stand out.
Featured Product Section
Quantity selector and dynamic “Add to Cart” button designed for quick shopping.
Price, reviews, and subscription option integrated.
Shopify: Enabled dynamic checkout buttons and block-level settings.
Clean layout showcasing best-selling supplement.
Customer Testimonials
Real reviews from happy pet owners, in slider format.
Smooth transitions, styled avatar images, and 5-star indicators.
Shopify: Section powered by review app integration or custom Liquid slider.
- Horizontally scrollable slider layout
Click To View large
Product Detail Page (PDP)
Core Structure & Layout
Product Image Gallery
High-resolution main image with thumbnail slider
Zoom-on-hover functionality for detailed views
Product Title, Pricing & Badges
Clear and prominent product name
Discounted price with original price struck-through
Visible stock status or sale badge for urgency
Product Options & Interactions
Pet Size/Variant Selector
- Dropdown or pill-style options for selecting pet size or variant
Quantity Selector
- Plus/minus buttons for easy quantity adjustment
Call-to-Action Buttons
Bold “Add to Cart” button
“Buy It Now” button for quick checkout
Live Testimonial Popup
A small popup appears at the bottom-left of the screen after a few seconds
Displays real-time customer reviews or recent purchases
Rotates automatically, showing different testimonials
Builds social proof and urgency
Integrated using a Shopify app such as Fera, Judge.me, or Loox
Shopify Customization Highlights
Modular Shopify theme customization with section-based layout
Custom styles for product selectors, tabs, and galleries
Integration of live testimonial popup for social proof
Mobile-first, fully responsive layout
Dynamic price and stock updates based on user interaction
Click To View large
About Us Page
Hero Section
Large centered heading: “Who We Are”
Brief introductory subheading explaining PetGrove’s commitment to pets
Mission Statement
Center-aligned paragraph-style content
Focus on love for pets, health, care, and premium quality
Use of emotionally compelling language to build a connection
Typography & Layout
Minimalist design with generous padding
Serif fonts in headings and sans-serif in body for contrast
High contrast text over plain white background
Call-to-Action
No direct CTA (e.g., buttons), keeping the page informative
Implicit brand trust-building instead of sales push
Shopify Implementation
Clean, centered hero layout with a simple and emotional message
Clear typographic hierarchy using serif and sans-serif pairing
High readability with short, impactful paragraphs
Responsive structure with enough breathing room
Focused on brand trust-building, not sales
No distractions—ideal for storytelling pages
Easy to build as a reusable custom Shopify section or block
Click To View large