Hayot

Designing an online pet store requires an interface that is as vibrant and energetic as the animals it serves, without sacrificing the rigorous conversion metrics of modern e-commerce. For "Hayot Online," we engineered a highly engaging, RTL-optimized digital storefront. By utilizing a bright, cheerful color palette (teal, yellow, and orange) combined with soft, rounded UI elements, we created a welcoming brand environment that reduces shopping friction while maximizing emotional engagement.
Visual Navigation: Intuitive Discovery
Text-heavy category lists can overwhelm shoppers, especially when they are looking for specific animal needs. We solved this in the main hero section by designing a custom, highly visual navigation grid utilizing friendly, circular portraits of different pets (Dogs, Cats, Birds, Fish, Rodents) set against colorful, dynamic backdrops. This strategic UX choice transcends language barriers, allowing users to intuitively self-segment and jump directly to their desired department in a fraction of a second.
hayot-section1

Merchandising Strategy: Driving AOV

To actively increase the Average Order Value (AOV), we introduced a dedicated "Lucrative Packages" section. Instead of leaving users to hunt for individual components, we visually grouped related items—such as a rodent cage bundled with specific food and bedding. By presenting these curated kits in clean, scannable cards with distinct green "New" badges, we simplify the purchasing decision for new pet owners while driving higher-ticket sales for the business.

B2B Lead Generation: Playful Engagement

The site also needed to capture high-volume, B2B leads from breeders and pet professionals. We designed this lead generation block to be impossible to ignore. By utilizing a vibrant teal background patterned with subtle paw prints, and anchoring the section with a highly charismatic, costumed bulldog, we transformed a standard contact form into a delightful interaction. The contrasting orange CTA button ensures the conversion path remains crystal clear.

Retention Strategy: The Value-Driven Popup

To maximize Customer Lifetime Value (CLV), capturing first-party data is essential. We designed the VIP Club entry popup to feel like an exclusive, rewarding invitation rather than an annoying interruption. By clearly illustrating a high-value incentive—a bold "5% Cash Back" offer on future purchases—and reusing the brand's cheerful bulldog mascot, we heavily tilted the value exchange in the user's favor, ensuring a high opt-in rate for the store's marketing funnel.

The Product Grid: High-Contrast Conversions

When a user navigates to a specific product category, the goal is to eliminate all visual noise and focus entirely on the sale. We designed the product listing page with a clean, RTL-aligned sidebar filter, allowing users to quickly narrow down choices by brand or price. By stripping away heavy background colors in this section, we force the user's eye directly onto the colorful product packaging and the bold discount badges (e.g., -18%, -31%), driving urgency and click-throughs.

The Footer Engine: Utility and Trust

The footer serves as the final anchor of the user journey, and we designed it to be a powerful tool for retention and reassurance. We maintained a clean, white background to ensure total legibility for the sitemap and category links. Crucially, we integrated a prominent newsletter signup block alongside highly visible secure payment badges (Visa, Mastercard, Apple Pay), ensuring that users scrolling for validation leave with complete confidence in the brand's legitimacy.

More of our projects

Web Applications / SaaS

Get in Touch