This case study focuses on evaluating UX issues and enhancing the tool to better support scalability and future growth.
Product
Marketplace Platform
Target User
Sellers, B2B users
Role
Product Designer
Collaborator
Product Manager ᭼ Tech Lead ᭼ 2 Consumer App Designers
Team
Tiki's Product Design
Background
The Store Decoration tool helps sellers design their store pages on Tiki’s e-commerce platform. With this tool, they can change how their store looks to showcase their products and attract more customers.
For this project, the business team received feedback from large brands. These sellers wanted more control over their store pages to better express their brand image and message. In response, the business team requested more flexible layout options that could also scale to support premium layouts in the future.
Approach
For this project, I focused on improving the seller experience with the Store Decoration tool. I worked closely with the Product Manager and the designer responsible for the Store Page on the Tiki consumer app to ensure alignment between the seller tool and the end-user experience.
Focus Areas in Design Thinking Stages
Empathize
Contextual Research: studied sellers’ websites and social media channels to understand their brand image and messaging needs.
Competitor Analysis: analyzed leading platforms to identify structures and interaction patterns for content customization.
Define
UX Audit: explored the existing Store Decoration tool to identify usability issues and limitations from the system’s perspective.
Ideate + Prototype
Design Proposal: created wireframes to visualize the proposed solution.
Test + Learn + Adapt
Cross-team sync: worked with designers and developers to make sure the design works well on both the app and website and can be built.
Contextual Research
We didn’t have the chance to directly work with big brands to understand their needs for more flexible store layouts. Instead, we explored their websites, social media, and offline materials to see how they communicate their brand.
→ From this, we identified common layout patterns used for different purposes. Based on these insights, we introduced a set of pre-designed templates that sellers can easily customize.
Competitor Analysis
The Product Manager and I explored similar tools from platforms like Lazada and Shopee, as well as content creation tools such as Behance, WordPress, and Canva.
→ From this, we identified a few common patterns, including the use of pre-designed templates, simple navigation, clear guidance, and flexible editing features like drag-and-drop and real-time preview.
UX Audit
While the Tiki app and website designers were working on layout options, I focused on exploring the current tool to see if adding more customizable templates would be feasible. Below were the issues I found that could cause challenges if we decide to scale up the tool.
Store Decoration UX Issues
Design Proposal
After gathering insights, we brainstormed ideas to improve the Store Decoration tool. However, due to technical limitations and time constraints, we couldn’t implement all the desired features. Instead, we focused on enhancing the following key areas to launch and test first.
Editor Area Improvements
Expanded the editor area → to create a more comfortable and efficient editing space
Expanded the widget management section → to support stacking and managing more than 5 widgets easily
Placed “Add Widget” under each widget → to let users quickly add new widgets exactly where they want
Wireframe for Editor Area Improvements
Editing Panel Improvements
Removed the tabbed interface → to reduce visual clutter and simplify navigation
Introduced a clearer content hierarchy within each widget → to make information easier to scan and understand
Focused on one widget at a time → to guide users step by step and avoid confusion from switching between tabs
Wireframe for Editing Panel Improvements
Categorizing Layout Templates
Grouped layout templates by purpose → to help users quickly browse and find the right layout
Defined clear categories (Banner, Category, Collection, Product List, Coupon) → to match common store-building needs
Used functional naming for each category → to help users understand what each layout does and when to use it
Wireframe for Layout Templates
What Improved
Built a scalable layout library to support future growth: Redesigned the system to handle more features and customization without overwhelming sellers.
Improved the editing flow to reduce confusion: Redesigned the flow to be more structured and task-oriented.
Adoption rate
After a month of launching the Store Decoration Library, 100% of premium sellers got access to premium layouts, and 25.25% of them started to customize their store pages.