■ Yzel by CommerceHulk · B2B2C Web

Finding indie brands without opening twenty tabs.

Designing and shipping Yzel, a discovery platform for independent brands, as a co-founder with a small team.

Role
Lead Product Designer
Responsibilities
End-to-end UX, User Research, Competitive Analysis, Ideation, UX Design, Prototyping, Usability Testing
Team
Co-founder, Marketing Executive, 2 Developers, Product Designer
Timeline
4 months
Yzel shown across desktop, tablet and mobile

The problem

Discovering indie brands was still a chore.

In 2020, the pandemic slowed most of the economy but accelerated e-commerce. My co-founder and I dug into the industry and identified a gap: even as online shopping boomed, discovering independent brands was still a chore. For shoppers, that meant:

Endless searching

Tedious discovery, endless searches and a dozen open tabs.

No way to trust

No easy way to check whether a brand and its products were legitimate.

No way to remember

No way to recall brands they had found interesting before.

Research and analysis

A market with no home for indie brands.

We analysed the competitors within the market and confirmed: indie brands were scattered across Lazada, Shopee and Zalora, but no marketplace was dedicated to them. We also found that the credibility of merchants and their products depended on the nature of the merchants themselves.

Competitive positioning: credibility of goods against nature of merchants
Where the gap sat. Plotting credibility against the nature of merchants showed an open space for a dedicated indie-brand marketplace.
Competitive analysis table across Carousell, Lazada, Shopee, Zalora and 24S
The competitive landscape, compared across merchants, audience, product types and credibility.

We ran user interviews and built proto-personas. Our target turned out to be affluent, fashion-focused women aged 17–34 who valued authenticity, easy discovery, and trust.

Proto-personas: Thrifty Teresa and Gifter Gina
Who we were building for. Proto-personas grounded the team in real motivations and pain points.

Ideation and prototyping

From post-its to wireframes.

Coming together as a team, we started by brainstorming what would make a "better experience." Using post-it notes, we grouped the key attributes into three pillars: better experience, credibility, and managing favourites. That helped us prioritise features and agree on what success should look like.

Brainstorm grouped into better experience, credibility and favourites
Grouping ideas into three pillars to prioritise what to build.

We also thought about the other side of the platform. Brands populate it with content, so how they structure information directly shapes how users discover them. So I mapped an information architecture from the brand's perspective, defining how brand-side features like traffic monitoring and profile management would meet user discovery needs.

Information architecture from the brand perspective
Information architecture mapped from the brand side, so brand features meet user discovery needs.

Then we mapped a user flow, from landing on the platform to discovering and saving a brand, to keep every step intuitive.

User flow from landing to discovering and saving a brand
The user flow, from landing on the platform through to discovering and saving a brand.

I translated the flow into low-fidelity wireframes, focused on the key features: personalised recommendations, authentic reviews, and favourites. These became the blueprint for testing.

Low-fidelity wireframes of the brand feed
Low-fidelity wireframes of the core screens, the blueprint we tested against.

What we built

Three things that made discovery easy.

Tailored discovery

Recommendations based on what each user liked, so exploring took less digging.

Authentic reviews

Real customer feedback, so people could trust a brand before buying.

Favourites

Save brands and come back to them, instead of losing track.

The Yzel product: feed, brand pages, sign-up and seller portal
The product. Personalised discovery, authentic reviews and favourites, across the shopper and brand experiences.

We tested the designs with 20 people, in person and online, and made the changes that mattered: keeping the navigation arrows always visible, dropping ambiguous symbols (like dollar signs) that confused people, and adding category search to narrow results.

Designing for both sides

A two-sided platform, not just a shopfront.

Yzel is a two-sided platform: shoppers discover brands, but brands populate it. So alongside the consumer experience, I designed the seller portal, where brands manage their profile, run campaigns, and track how they are performing, impressions, redirections, session duration, and a virtual wallet for promotion spend. Designing both sides kept the experience coherent: what a brand sets up on their end is what a shopper sees on theirs.

Scoping to an MVP

Shipping meant cutting.

Our team did not have the technical capability to build everything we had designed. Hence, we defined an MVP, and reassessed every proposed solution by effort required versus impact created, keeping the features that solved a key pain point with the least work. To lower the barrier to entry, users could browse without an account, and the rest was scheduled for progressive addition along our roadmap.

The handoff was challenging initially. I had limited HTML/CSS knowledge and the developers were new to web design. Through constant communication, we figured it out together: an agile approach, features broken into small tasks, weekly check-ins, and everything documented in Google Docs. It was our first real structured handoff.

The design handoff document tracking features and status
The handoff, features broken into small tasks with weekly check-ins, documented as we went.

Where it stands

Yzel went live to the public at the end of November 2020. Over the first three months it drew 1,100 users and 125 returning ones, an 11% retention rate that validated who we had built it for.

Looking back

Rushing research cost us at the later stage.

While Design Thinking is a methodology to follow, it only serves as a guide. The design process often needs flexibility to handle unexpected challenges. My key takeaway was the importance of prioritising user research. As we were short on time, we expedited the consumer understanding phase, and that highlighted how much better planning and resourcing would have helped.

Some practices were omitted or not fully implemented, which meant revisiting earlier phases to refine them, a reminder to build the important steps in early rather than reworking them later. These challenges reinforced that design is a continuous learning process, and I'm confident the lessons from this project will shape stronger work ahead.