Pet Care & Personal Care
Web Development
Project Overview:
Stank Products is an eCommerce brand offering specialized care products across different customer needs. We designed and developed a custom Shopify storefront focused on creating a clear, engaging, and easy-to-navigate shopping experience. The website combines strong visual presentation, product discovery, educational content, reviews, subscription options, and custom audience-based functionality. A key part of the project was creating separate experiences for Animal and Human customers within the same website.
Challenges
The project required more than a standard Shopify storefront. Since the brand serves different audiences, the website needed to present the right products and information depending on what the visitor was looking for. The main objectives were to:
- Create a modern and distinctive Shopify storefront
- Serve both Animal and Human audiences
- Make it easy for visitors to switch between experiences
- Organize products into clear categories
- Improve product discovery
- Present product information in an engaging way
- Highlight subscription purchasing options
Our Approach
We focused on creating a modern, user-friendly Shopify experience that makes it easy for visitors to find relevant products while keeping the brand's visual identity consistent. A key part of our approach was building the website around two distinct audiences. The custom Animal & Human switcher allows visitors to select their preferred experience directly from the header, with relevant content and product information displayed accordingly. From the homepage structure and product discovery to responsive layouts and custom Shopify functionality, every element was designed to create a clear and engaging journey from discovery to purchase.
The Solution
We created a customized Shopify experience built around the brand's visual identity and customer journey. The homepage was structured to guide visitors from the initial brand introduction through product discovery, product education, social proof, and purchasing opportunities. The most notable functionality is the Animal & Human content switcher, which allows visitors to choose the type of content they want to see directly from the website header.
Animal & Human Content Switcher
One Store. Two Customer Experiences.
We implemented a custom Animal / Human switcher in the website header to make it easier for visitors to access content relevant to their needs. When a visitor selects Animal, the website displays the relevant animal-focused content and product experience. When the visitor switches to Human, the website changes the relevant content to provide the human-focused experience.
How It Works
Animal ModeVisitors can access:
- Animal-focused products
- Relevant product categories
- Animal care messaging
- Related visual content
- Relevant promotional sections
Visitors can switch to:
- Human-focused products
- Relevant information
- Human-related messaging
- Appropriate visual content
- Relevant promotional sections
Why We Implemented It
Instead of creating two completely separate websites, the functionality allows both audiences to interact with the same Shopify storefront while receiving a more relevant browsing experience. This creates a cleaner navigation structure and helps visitors quickly identify the products and information that are relevant to them.
Key Advantages :
Custom Shopify Design
We created a tailored storefront rather than relying entirely on the default Shopify theme structure. The layouts, typography, spacing, imagery, and content sections were customized to match the brand identity.
Product Discovery
Product sections were designed to make browsing easier, with clear product cards, pricing information, ratings, and calls to action.
Category-Based Shopping
The storefront provides dedicated pathways for visitors to explore products based on their specific requirements.
Subscription Experience
Subscription-focused sections were incorporated into the shopping journey to highlight recurring purchase options and encourage customers to consider convenient repeat ordering.
Product Education
Dedicated content sections explain products through a combination of text, imagery, product visuals, and supporting information.
Conclusion :
The Stank Products project resulted in a custom, responsive Shopify storefront built around the brand’s unique customer needs. From the visual design and product presentation to the custom Animal & Human content switcher, every part of the experience was developed to make browsing simple and engaging. The final website brings together strong branding, intuitive navigation, custom Shopify functionality, and a flexible eCommerce experience that can support the brand as its product range and audience continue to grow.
