peggy
  • Portfolio
  • About Me
CV

Burrard Laptop Redesign

Turning the anxiety of buying used into confidence, through condition grading, comparison, and a rental option at the moment of decision.

Burrard Laptop Redesign

My Role

UX/UI product designer — a one week design challenge, completed independently from problem definition to high-fidelity prototype.

  • Defining the problem and design goals, reframing the brief from "reading experience" to "buying confidence."
  • Conducting a usability review of the live site and competitive analysis (Best Buy, Amazon).
  • Determining information architecture, and focusing on the consumer shopping experience within a multi-service brief.
  • Delivering sketches, wireframes, and high-fidelity interactive prototypes for both desktop and mobile.
  • Building a UI system and implementing responsive design.

The Problem

Buying a used computer makes people anxious. What worries them isn't whether the page looks good. It's the machine's real condition, how long it will last, and what happens if it breaks. The original site answered none of this.

  • No way to compare. One filter attribute at a time, and no comparison feature at all.
  • No trust signals. Nothing on the card answered "is this safe to buy?"
  • No information hierarchy. Price, specs, and condition competed for attention, with inconsistent spacing.
  • A flow interrupted from the start. A wall of announcement text and a repair banner filled the first screen. No products in sight.
  • No next step Cards had no way to add an item to the cart.

Goal

Redesign a chaotic browsing experience into a shopping flow where shoppers on a budget can easily compare, trust, and buy.

Scope focus (B2B2C)

  • The brief spanned a B2B supplier, a vendor marketplace, and a full service suite.
  • In one week, I focused on the consumer shopping experience, the layer closest to conversion.
  • The platform runs on B2B, but the people buying are still consumers.
The Key Design

My redesign priorities for a smooth purchase:

    A product card that is easy to compare and safe to trust

    Multiple filters, side by side comparison, condition and a warranty of 90 days, all on the card.

  • Buy or rent, a second way in

    A "See benefits" entry opens a subscription concept, renting instead of buying. It stays at concept level; the full flow is a next step.

  • A clearer banner with a call to action button

    Simplified navigation, recognizable icons and clear CTAs, and a rebuilt banner that leads straight to the products.

  • Contact us

    Help center, Support chat, and Submit feedback, with escalation to a real person. It cuts the time to an answer.

Process

User Research

  • I ran a usability review of the live site with 2 users, then a competitive analysis (Best Buy, Amazon).
  • The review surfaced confusing information, no consistency, no instant search feedback, and filtering that showed one attribute at a time.
  • The competitive analysis confirmed the positioning opportunity: price transparency, used specialization, and rental or subscription.

Competitive_analysis

User Persona

User Persona

User Insights

The barrier isn't price, it's uncertainty. Comparison and trust signals reduce it.

Opportunity

Surface condition and warranty on the card, smooth out filtering and comparison, and bring the rental service into the flow.


Ideation
  • Sketch

    sketch

    I mapped the homepage structure on paper, with filters on the left, products as cards, comparison, a robot chat, and the subscription entry. This confirmed the overall architecture before moving to high fidelity.
  • Solutions

    I redesigned the overall color system, Logo, banner configuration, and the visual establishment started with a professional brand image.
    1. Desktop:

      Laptop

    2. Mobile:

      Laptop

    Responsive design for different devices


UI Kit

Define fonts, colours, and components in assets.

UI guideline

Prototype

Takeaways

The most useful lesson was separating the symptom from the problem. The brief pointed at reading experience, but the deeper issue was buying confidence. Solving that meant designing for comparison, trust, and risk, not just a cleaner layout. I also learned that connecting a real business opportunity, the existing rental service, with a real user need, a lower barrier to entry, is where design creates value for the business.


    Online Teaching 4Gamers gaming platforms
I’m currently on the lookout for new opportunities. Reach out through Email or LinkedIn.

© Peggy Chiang 2026 All Rights Reserved