How 58心宠 Revamped Its Pet Marketplace UI for Better User Experience

Preface

With rapid economic development, people’s material lives improve, but fast‑paced, high‑intensity work brings mental stress and emptiness. Owning a pet has become a popular way to relieve pressure and add color to life. Pets are now seen as essential family members, and pet images dominate social feeds. However, the pet industry suffers from a lack of supervision, leading to unreliable product quality and health guarantees, prompting a need for a healthier, more regulated market.

What is 58心宠?

58心宠 is a professional platform focused on live pet transactions and services. By partnering with quality merchants, it offers four guarantees: real‑time pet photos, breed registration, epidemic control, and after‑sale warranty, acting as a bridge between B‑side merchants and C‑side users.

Founded in September 2015, 58心宠 rejoined 58同城 in February of this year, continuing its mission to promote a healthy domestic pet trading market and build a comprehensive pet purchase service platform.

Redesign Background

After returning to 58, 心宠 needed to integrate with the group’s business, aligning B‑side connections and C‑side visual style. The old pages were outdated, lacked design consistency, and offered poor functional experience. The detail page, crucial for user decisions, suffered from chaotic information hierarchy and low priority of core information, necessitating a redesign to boost traffic and ensure visual consistency.

Identified Problems

The redesign aimed to solve two main issues: visual inconsistencies and framework shortcomings.

Before the redesign, the page suffered from multiple problems such as small font sizes, inconsistent colors, and poor card designs.

Solutions

Visual Layer

Header Image: Switched from an H5 page to a native page, aligning the header image with the yellow‑page details.

Font Size: Adjusted overall typography to match the group’s standards.

Color Palette: Changed the primary heart‑pet color from #FF2737 to the platform’s main color #FF552E.

Cards: Updated card corners to large rounded corners.

Tabs: Unified tab switching using the platform’s common component.

The before‑and‑after comparison shows a significant visual shift.

Differentiated Design: While maintaining overall consistency, distinct branding elements such as the 心宠 logo were added to the shop area, emphasizing brand identity and preventing user confusion between 心宠 and the yellow‑page pet details. Icon colors were also differentiated.

Vaccination and deworming information, previously shown in a confusing table, was redesigned as a flat layout with color‑coded intensity indicators for clearer comprehension.

Framework Layer

To address framework issues, the transaction process was moved to the top of the page, highlighting the standardized service and reducing bounce rates.

Previously, detail images and shop introductions were separate, requiring users to swipe and click twice to view full information. The redesign merged these sections into a single expandable area, dramatically lowering user interaction cost and improving decision points.

Project Summary

This redesign, part of 心宠’s post‑integration with 58, focused on enhancing user experience and visual unity with the group’s ecosystem. Limited time and lack of interaction designers meant some areas lack deep refinement; future work will iteratively improve lists and shop pages to further meet user needs.