A product website and online store for a Sri Lankan animal feeder company — replacing phone orders and WhatsApp chats with a searchable catalog, spec-forward product pages, and a direct-to-customer purchase path.
Client
Hima Products · Sri Lanka
Engagement
Product website + online store
Timeline
8 weeks · Q1 2025
Status
Products in catalog
30+live
Product categories
3types
Purchase path
Directto customer
Hima Products had built a solid range of animal feeders — automated pet feeders, livestock troughs, bird stations, aquarium dispensers — and a loyal dealer network across Sri Lanka. But every sale still ran through a phone call or WhatsApp message. Customers finding them on Instagram had nowhere to land. Specs lived in brochures. There was no way to browse, compare, or buy without calling someone first.
Before · The mess
30+ feeder products with no online catalog — dealers and pet owners placed orders by phone or WhatsApp with no way to compare specs or features.
Before · The mess
Product images and specifications scattered across WhatsApp chats and printed brochures — no consistent way to communicate value to end customers.
Before · The mess
Every sale ran through a dealer middleman. Customers finding Hima on Instagram had nowhere to go — no direct purchase path, no product detail, no conversion.
Animal feeders are a considered purchase — buyers compare meal counts, tank sizes, power sources, and build materials before deciding. The site had to surface those specs immediately. And because most discovery happened on Instagram, it had to work perfectly on a phone before anything else. The Hima team manages their own catalog from day one — no developer required to add a product.
Principle 01
Automated feeders live or die on spec clarity — portion sizes, meal schedules, power options, tank capacity. Every product page leads with what buyers actually compare before purchasing.
Principle 02
The old model required a dealer for every sale. The new site lets pet owners and farm operators buy direct — with full product detail, confidence, and no friction.
Principle 03
Most customers discovered Hima through Instagram. The site had to load fast, display products clearly, and complete a purchase on a phone before anything else mattered.
Four surfaces — product catalog, spec-first product pages, dealer locator, and admin CMS — all connected through Shopify and deployed on Vercel.
Surface 01 · Store
Product catalog
Surface 02 · Detail
Spec-first product pages
Surface 03 · Network
Dealer locator
Surface 04 · Admin
CMS + order management
The spine · Shopify + Next.js
Products, variants, inventory, orders — all managed without code
Frontend
Next.js · App Router
Store
Shopify
Images
Cloudinary CDN
Deploy
Vercel
Out · For pet owners
Browse by pet type · specs upfront · direct checkout
Out · For farm operators
Livestock & farm feeders · bulk options · dealer locator
6-meal timer · 4L tank · programmable
50L capacity · float valve · galvanised steel
Multi-compartment · weather-resistant · wall mount
Precision portion control · 2× AA · adjustable drum
From launch · Q1 2025. Baseline: pre-website phone + WhatsApp ordering.
30+products
Full catalog live — pet feeders, livestock feeders, and accessories, all browsable and filterable.
3categories
Pet feeders, farm & livestock feeders, and accessories — each with dedicated landing pages.
1channel
Direct-to-customer orders enabled for the first time — no dealer required.
We structured the product taxonomy before any UI was designed. Getting the schema right for animal feeders — where specs vary significantly across categories — prevented rework and let the Hima team manage their catalog independently from day one.
Wk 1–2 · Discovery
Audited existing product range, photographed assets, and mapped how dealers and direct customers actually find and order Hima products. Fixed-scope SOW signed.
Wk 3–4 · Design + Schema
Structured the product taxonomy — categories, specs, variants — before any UI was built. Animal feeders have distinct spec sets; getting schema right prevented rework.
Wk 5–7 · Build
Product catalog with filtering, spec-forward product detail pages, dealer locator, and direct checkout. All mobile-first.
Wk 8 · Launch
All 30+ products published with photography and specs. Hima team trained to add and update products independently. Deployed and indexed.
Frontend
Next.js, Tailwind
Store
Shopify
Images
Cloudinary
Deploy
Vercel
Catalog
Custom CMS
Mobile
Responsive-first