UI/UX Design Portfolio

When decluttering, most people don’t know where to start. Selling channels vary by item type and condition: buyout, consignment, C2C, or donation, but the rules, fees, and contacts are scattered across platforms, leaving users to figure it out by trial and error.

Clearspace 是一款協助使用者決定二手物品最佳處理方式的 App 概念設計。面對「要如何處理?」的問題,市面上沒有一個平台能一次解答,不同品項、狀況與時效性,適合的管道都不同。Clearspace 推薦最適合的處理方式:現金收購、寄賣、C2C 平台或捐贈,讓使用者起心動念想要處理二手物品時,可以簡易開開始!
目標:幫助使用者快速找到適合的二手物品處理管道,降低資訊蒐集與決策成本。
工具:Figma|時程:約 4 週|職責:獨立 UX/UI 設計師,負責端到端設計流程
涵蓋內容:使用者訪談・問題定義・資訊架構・低保真至高保真原型・可用性測試・設計迭代

People would like to clear second-hand items but don’t know where to start. It is hard to find a low-effort and trustworthy way to choose the right route or shop that can handle the item within a deadline and still give an acceptable result.

Help users get started quickly and find the right buyer or selling route (buyout, consignment, C2C marketplace, or donation) to clear items on time with minimal effort.

Responsibilities
Defined the problem space and project scope
Conducted preliminary research and user interviews
Developed user flows and information architecture
Designed wireframes and final UI in Figma


Usability study: Parameters

  • Study type: Online survey
  • Location: Taiwan, remote
  • Participants: 10
  • Method: Closed and open-ended questions

A survey of 10 respondents (all women) revealed that decluttering is mainly triggered by limited space. Clothing and home appliances were the most common categories. Respondents responded positively to a “routing assistant” concept, with credibility signals and estimated payout being the strongest motivators for action. Key friction points included listing creation, packing, and the overall effort of end-to-end selling.






Just make it easy, I’ll pay for the convenience.

Problem Statement:
Ya-Ling is a busy professional who needs a way to quickly identify a trustworthy buyback shop because researching eligibility, credibility, and estimated payouts across multiple sources takes time she doesn’t have.

Ya-Ting Chen
Age
: 42 
Education: Master’s degree
Location: Taipei City
Family: Single
Occupation: Marketing Operations Manager

Goals:
Find a trustworthy shop that can buy her unused items and take care of everything.

Frustrations:
Too many scattered sources; no time to reach out to multiple shops to confirm eligibility and prices.

Persona: Ya-Ling is struggles with organising and administrative tasks and is willing to pay for a service that saves her time.

StageUser goalKey actionsPain pointsOpportunities / UX implications
1. Trigger & motivationClear space quickly with minimal hassleNotices clutter; decides to declutter (year-end/seasonal change/space limits)Overwhelm; procrastinationOffer a “quick start” flow and estimated effort/time per route
2. Decide whether it’s worth actingAvoid wasted time and disappointmentMentally weighs value vs. effort; considers selling vs. donatingUncertainty about resale value; fear it won’t sellProvide a fast “worth it?” assessment and expected proceeds range
3. Explore routesChoose a route that feels safe and reliableBrowses platforms/shops; compares optionsToo many fragmented sources; unclear eligibility/requirementsRoute recommendation based on item type, condition, and deadline
4. Build trust & confirm eligibilityFeel confident before committingChecks reviews, shop legitimacy, requirements, and constraintsLow trust; unclear rules; hidden costsEmphasise credibility signals; transparent eligibility and terms
5. Prepare item(s)Get ready with minimal effortGathers accessories/receipts/packaging; takes photosPreparation is tedious; not sure what’s neededAuto-generated prep checklist; photo guidelines; “what to bring” list
6. Execute the routeComplete disposal with minimal interactionLists item(s) or books a buyback/consignment/donationListing writing is burdensome; messaging/negotiation is drainingTemplate-based listings; assisted replies; optional “done-for-you” service
7. Handover & completionFinish smoothly and avoid issuesShips/meet-ups; shop drop-off; donation handoverLogistics coordination; cancellations; returnsClear handover instructions; appointment booking; status updates
8. Outcome & reflectionFeel satisfied and reduce future frictionReceives money / confirmation; closes taskIf outcome feels “unfair” (too low) users regretSet expectations upfront; offer alternative routes (e.g., donate if buyback is too low)

The results page required careful information prioritisation, so I separated ‘must-have’ details from ‘nice-to-have’ content to keep the UI scannable.
This helped prevent cognitive overload and reduced drop-off during decision-making.

Starting the Design

I collected logos from major East Asian e-commerce platforms (left) to identify category colour signals. Orange and red are repeatedly used as dominant colours, suggesting strong category associations such as visibility, urgency, and promotional cues.

However, this product is not intended to be “another selling app.”
Instead, it helps users find the right way to deal with their second-hand items. Therefore, I chose a colour palette that communicates professionalism, reliability, and a sense of technology.


After analysing the questionnaire results, I did desk research and explored ideas with AI. In this case study, I focused on solving the top pain points and addressing what participants cared about most.

For the ‘matched shop found’ flow, I made these key design decisions:

  1. Add location context and highlight nearby shops.
    I show which shops are close to the user, and include a short ‘Now buying’ information to clarify eligibility and improve trust. This helps users who feel it takes too much effort to get started (for example, browsing multiple channels or contacting shops one by one).
  2. Provide more detail on the selected shop page.
    Once a user taps a shop, they can see clearer buying requirements and contact information, so they can take the next step with confidence.

I also adjusted the homepage to keep the experience focused:

  • Reduced the sponsored area so users’ attention stays on the main task (searching).
  • Added “Recent results” so users can continue where they left off.
  • Added location to make recommendations feel more relevant and actionable.

If no matching shop is found, the experience falls back to a dedicated Donation page. Based on the survey, donating was the most common current behaviour (50%), so I treated donation as a primary alternative rather than an edge case. The Donation page follows the same layout structure as the shop detail page, and provides clear, practical information (such as accepted items, condition requirements, and delivery options) to help users take action quickly.

Lastly, I added a Saved page so users can bookmark shops they may want to use again, or keep for future reference. This supports repeat decisions: next time they need to sell items, they could start from these saved options instead of searching from scratch.

I also included a Profile page for key settings and support, such as location access (on/off), notification preferences (for saved shop updates), FAQs, and other basic account options.


Takeaways

  • Trust matters more than ‘max price’. The survey suggests most users are willing to wait longer and accept a lower payout, as long as the shop feels reliable and the process is predictable.
  • Reducing uncertainty is the core value. Users hesitate mainly because it feels time-consuming and unclear where to start. Clear eligibility and practical shop details help them act faster.
  • A low-effort start is essential. Keeping the homepage minimal (search-first, with location and recent results) supports quick decision-making without overwhelming users.
  • Donation is not just a fallback. Since donating is a common behaviour, a Donation page makes the “no match found” flow feel helpful rather than like a dead end.
  • Information density needs structure. Using short features information on the results list and moving details into the shop page keeps the UI readable while still supporting informed decisions.

Next Steps

  • Standardise shop data fields (eligibility, requirements, appraisal method, payout rules, contact links).
  • Define rules for ‘Now buying’ updates to reduce outdated eligibility information.
  • Expand and standardise donation listings (accepted items, condition, delivery methods).
  • Track key metrics (detail views, contact/nav clicks, save rate, donation conversion).
  • Pilot one category first (e.g., cameras & electronics) before scaling to more categories.

Thanks for your visiting.
Hoping you enjoy this journey!


Leave a comment