LapLocal Smart Laptop Marketplace & Services Assistant

LapLocal is a smart laptop marketplace and services app that helps users explore laptops, compare specifications, manage purchases, and discover the best device options. The platform provides laptop recommendations, deal alerts, product insights, and seamless buying all tailored to user needs and performance preferences

Role

Product & UX Designer (Lead)

Platform Capabilities:

  • Personalized laptop suggestions based on user needs and performance preferences
  • Laptop browsing and comparison with smart filters
  • Product organization by brand, model, and specifications
  • Laptop recommendations with detailed feature insights
  • Seamless purchasing with multiple payment options
  • Analytics for product trends, demand, and marketplace activity

Team

2 UI/UX Designers

1 Product Managers

4 scrum teams x 12 people each

Timeline

May 2024 — May 2024 | 2 weeks

Deliverables

Stakeholder InterviewsUser InterviewsUser PersonasUser Journey MapsUser Interface KitVisitor PanelPrototypesUsability TestingSeller PanelAdmin DashboardDesign Documentation

User & Stakeholder Insights – LapLocal

Internal teams including product managers, engineers, and support staff were consulted to identify common pain points. Discussions revealed that users frequently contacted support due to confusion around:

  • Laptop category selection (gaming, business, student use)
  • Product specifications and comparison understanding
  • Laptop recommendations and personalized device suggestions
  • Checkout process and payment related issues

“I’m never sure which laptop actually fits my needs, and I worry about choosing the wrong device.”

New Laptop Buyer

“Comparing multiple laptop models and understanding their specifications without clear guidance is very difficult.”

Laptop Comparison User

“I want laptop suggestions based on my usage and budget, but there’s no easy way to control that.”

Experienced Laptop User

The Existing User Flows Had Opportunities consolidation and simplification.

Starting a purchase from Home, Browse Laptops, or Product Listings led users through a multi-step flow to check laptop details, select specifications, adjust preferences, and confirm the purchase before proceeding. However, this process was repeated across all entry points, regardless of how the action was initiated.

Start
Home
Add Preferred Laptop
View Product Details
Select Delivery Option
Add Warranty Plan
Create Laptop Wishlist
Choose Laptop Category
Set Price Alerts
Book Service
Enter Laptop Preferences
Select Trusted Seller
Save Laptop Wishlist
Added to Wishlist with Alert
Receive Price Alert
View Wishlist
View Order Details

Laplocal transforms laptops into tools for productivity and performance.

Our platform empowers seamless connections for thousands of users, streamlining the process of finding and purchasing premium laptops.

Seamless Filter

Transform your product search with interactive filters to find exactly what you need effortlessly.

Communication

Empower buyers to connect and communicate with sellers for a seamless purchasing experience.

Top Brands Products

Enhance your tech experience with top laptop brands, bringing reliability and innovation to your fingertips.

A Unified Design System Ensured Consistency Across the LapLocal Ecosystem

A shared design system was created to support the mobile app, product browsing dashboard, and admin panel. Components, typography, spacing, and interaction patterns were standardized to ensure consistency, better usability, and faster design iteration.

Typography
LUFGA
SizeExampleLine HeightLetter Spacing
60px (Extrabold)Lorem ipsum dolor sit amet60-1.5
36px (bold)Lorem ipsum dolor sit amet400%
20px (Extrabold)Lorem ipsum dolor sit amet280%
18px (Reg)Lorem ipsum dolor sit amet280%
16px (med)Lorem ipsum dolor sit amet280%
16px (Bold)Lorem ipsum dolor sit amet28-0.45%
14px (reg)Lorem ipsum dolor sit amet200%
14px (MEDIUM)Lorem ipsum dolor sit amet200%
12px (reg)Lorem ipsum dolor sit amet160%
12px (MEDIUM)Lorem ipsum dolor sit amet160%
Food category cards
ColorsColors Presentation
Color palette

Usability testing results Users Understood Services and Metrics Better

Identified UX

Challenges

Hidden Tools

Users struggled to quickly find laptops, deals, or product details on the website.

Complex Navigation

Key actions required too many steps to compare products, track deals, or add items to wishlist/cart.

Lack of Immediate Context

Product status, alerts, and recommended laptops were not visible at a glance.

Usability testing home screen

Implemented UX

Solutions

Feature-First Layout

Core features like product comparison, deal tracking, and wishlist management surfaced directly on the homepage.

Quick Action Access

A quick-add and filter system enables fast access to actions like comparing laptops, adding to wishlist/cart, and tracking price alerts.

Clear Visual Hierarchy

Upcoming deals, active alerts, and recommended laptops are prioritized for the website-first view.

Usability testing with in the right direction

  • Usability testing confirmed users could find laptops, deals, and product details faster and navigate the website more confidently.
  • Users better understood product categories, brand preferences, and upcoming deal alerts.
  • Feature visibility and personalized recommendations helped users plan purchases more easily and complete tasks smoothly on the website.

Comprehensive design documentation streamlined development for a cohesive end product

Detailed design documentation, annotated screens, and interactive prototypes were shared with engineering teams to ensure accuracy and consistency during implementation.