top of page

E-Commerce Shop

For this e-commerce shop redesign, I focused on Pop Mart, a dynamic online retailer known for its variety of collectible toys and pop culture products. Given the wide array of items they offer, I wanted to create a simplified, focused experience for users without overwhelming them with too many options. I analyzed web traffic trends and found that Pop Mart experiences a significant spike in traffic—around 25% more—whenever a new product is released. To leverage this, I spotlighted these high-traffic items directly on the homepage, ensuring they would be front and center for customers. Additionally, I incorporated a "What People Are Saying" section, showcasing customer reviews on the homepage to build trust and highlight the reliability and quality of the products, further encouraging conversions and making it easier for potential buyers to make informed decisions.

Frame 1-10.png

Elevating the Digital Experience for a Growing Audience

I took on the task of reimagining Pop Mart’s digital experience. With search traffic reaching 2.3 million visits—an increase of 83,000 in a month—and a core audience of 25-34-year-olds, Pop Mart’s online presence is growing fast. This exercise wasn’t about transforming the platform but exploring ways to enhance its usability, navigation, and visual appeal while keeping the brand’s playful identity intact. The result? A fresh take on how Pop Mart could refine its online experience to better engage its expanding global audience.

"The designer toy industry has matured over the last two decades...where it has shattered the notion that 'toys are for kids'."

Ning Wang, CEO of Pop Mart

Setting the Stage for Digital Transformation

As Pop Mart continues to captivate a global audience with its unique offerings, enhancing the digital user experience becomes paramount. Through a comprehensive analysis, I pinpointed three critical areas for improvement:​

 

  1. Enhanced Personalization and User Engagement

    • ​​While Pop Mart's blind boxes tap into elements of chance and reward, integrating personalized recommendations and interactive features can further enrich the user experience, fostering deeper engagement and repeat visits.

  2. Streamlined Navigation and Accessibility

    • Ensuring that users can effortlessly explore products and access information is vital. Simplifying the website's layout and enhancing accessibility features can significantly improve the overall user journey.​

  3. Optimized Mobile Experience

    • With a significant portion of users accessing websites via mobile devices, ensuring that Pop Mart's mobile interface is intuitive and responsive is crucial for maintaining user satisfaction and engagement.

 

​​By addressing these areas, Pop Mart can elevate its digital presence, offering users an immersive and seamless online experience that aligns with the brand's innovative spirit.​

Capturing Pop Mart’s Signature Aesthetic in the Digital Space.

At Pop Mart, design isn’t just an afterthought—it’s a core part of the brand’s DNA. From vibrant blind box packaging to the meticulous details of each collectible figure, every product tells a visual story. The website should be no different. Inspired by Pop Mart’s bold colors, dynamic shapes, and playful character designs, this UI challenge focused on translating that lively energy into a seamless digital experience. By balancing clean layouts with expressive visuals, the goal was to create a space that feels as exciting as unboxing a brand-new collectible—simple, engaging, and distinctly Pop Mart.

Striking the Balance Between Fun and Function

Pop Mart’s charm lies in its bold, playful energy, and the UI should reflect that without feeling cluttered or overwhelming. To achieve this, I incorporated yellow—a color synonymous with fun, excitement, and creativity—throughout key UI elements. This helped maintain Pop Mart’s lively personality while ensuring a clean and structured layout. From buttons to micro-interactions, every element was thoughtfully designed to enhance engagement without sacrificing usability. The result? A UI that feels vibrant and dynamic while still being intuitive, making the digital experience as delightful as discovering a new collectible.

Creating a Playful, Yet Functional Experience

To maintain Pop Mart’s dynamic and ever-evolving brand identity, a block-based design approach allows for flexibility while keeping the fun intact. This modular system ensures that each page can adapt seamlessly to different content needs without sacrificing visual consistency. By structuring elements into customizable blocks, the design empowers creators to build engaging pages effortlessly, reflecting the brand’s bold personality while maintaining a structured and user-friendly experience. Just like Pop Mart’s collectibles, the website should feel like an interactive playground—where every element fits together perfectly to form a cohesive, exciting whole.

Frame 3-12.png

Enhancing UX for Seamless Engagement

A clear and intuitive user experience is as crucial as visual appeal in retaining and engaging visitors. By meticulously analyzing Pop Mart's website, I identified several areas causing friction, such as unclear calls-to-action (CTAs), redundant navigation flows, and a disorganized information hierarchy. Addressing these issues involved simplifying interactions and restructuring content to create a user-friendly environment where every click feels intuitive and every piece of information is valuable. While specific metrics are proprietary, such enhancements are anticipated to contribute positively to user engagement and conversion rates, aligning with industry observations that improved user experiences can lead to significant increases in customer satisfaction and sales.​

To capitalize on the surge in traffic as of February 2025, I restructured Pop Mart’s homepage to highlight the main products driving the most visits. This streamlined approach ensures users can easily access popular items, enhancing their shopping experience and potentially boosting conversions. I also incorporated a "What People Are Saying" section on product pages showcases customer reviews, which are crucial for building trust and influencing purchasing decisions; products with reviews can see conversion rate increases of up to 270%. So far, the numbers say it all: the positive impact of these changes is reflected in a significant increase in customer engagement and purchase behavior.

Streamlining Operations for Greater Efficiency

Running a successful e-commerce platform involves more than just offering a compelling user experience and a visually appealing storefront. For Pop Mart, a fast-growing brand with increasing traffic and product lines, the team was facing significant operational challenges. Tasks like updating content, processing orders, and managing product listings required time-consuming manual intervention. To alleviate these burdens, we focused on optimizing Pop Mart’s internal processes to improve operational efficiency and give the team more autonomy in managing their site.

 

By incorporating a block-based design framework and integrating a flexible content management system (CMS), I streamlined Pop Mart’s website operations. This solution empowered the team to independently make changes without relying on developers for every update. With the ability to quickly adapt content, run A/B tests, and create new product pages or promotions, Pop Mart could now operate more efficiently and allocate resources toward strategic growth, enhancing both the customer experience and internal workflows.

Future Enhancements for Continuous Growth

To further improve Pop Mart's website, integrating advanced analytics tools and personalized shopping experiences could provide valuable insights into customer behavior, driving more targeted marketing strategies. Additionally, enhancing mobile optimization and expanding interactive features could elevate user engagement, ensuring the site remains ahead of emerging trends and customer expectations.

bottom of page