Store Decoration

Tool Enhancement

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
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
  1. Expanded the editor area → to create a more comfortable and efficient editing space

  2. Expanded the widget management section → to support stacking and managing more than 5 widgets easily

  3. Placed “Add Widget” under each widget → to let users quickly add new widgets exactly where they want

Wireframe for Editor Area Improvements
Wireframe for Editor Area Improvements
Editing Panel Improvements
  1. Removed the tabbed interface → to reduce visual clutter and simplify navigation

  2. Introduced a clearer content hierarchy within each widget → to make information easier to scan and understand

  3. 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
Wireframe for Editing Panel Improvements
Categorizing Layout Templates
  1. Grouped layout templates by purpose → to help users quickly browse and find the right layout

  2. Defined clear categories (Banner, Category, Collection, Product List, Coupon) → to match common store-building needs

  3. Used functional naming for each category → to help users understand what each layout does and when to use it

Wireframe for Layout Templates
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.