Get in touch

Case study · Livspace · Canvas · 2020

Livspace

A Bill of Quotation builder for Livspace

Redesigning how interior designers build the quote behind every pitch — so customers understand what they pay for, and designers win the project.

Role
Product Design Lead
Year
2020
Industry
Interior Design Services
Product
Canvas
Scope
Journey · UX/UI · Library
The redesigned quote page: Quote for Rohit Kumar with a Quote Details card and cost breakup

01 · Project objective

Quotes that win pitches

Scope of work

Redesign user journeyUX/UIInteraction designComponent library
Design goal

Build the quote against the design

Let designers build Bills of Quotation against the designs they showed clients, and place orders against them.

A BOQ shows a customer every product, service and material in their project. It’s a proposal — once approved, the basis for production-ready designs.

Interior designers pinning fabric swatches in a studio

02 · Project overview

Problem areas

Two designers comparing material samples
  • Designers used generic tools like Excel; quotes were neither rich to read nor enticing.
  • The old BOQ builder was unintuitive, with usability flaws that confused designers.
  • Designers were losing pitches because of unconvincing BOQs.

03 · Research

Understanding needs and usability issues

Methods used

  • UAT on the existing platform
  • Heuristics
  • Competitive analysis
The original BOQ builder: a BOQ in draft, its Others room empty, with Add product / service
The original BOQ builder, being audited.

Interviews

01

What’s the most important information you need while building a BOQ?

02

What do you want to show customers in your quotes?

03

Look at this quote — what do you like and dislike?

04

How do you create multiple quotes and share them?

05

Walk us through creating a quote and placing an order.

06

How do you reuse old BOQs for new projects?

Heuristics evaluation & UAT results

The old builder marked up with five call-outs
Five call-outs: separate tab flows, misplaced Clone and Download, price updates tied to expiry, no discounting engine, a redundant Finish column.

04 · UX/UI design

Four user stories, designed

User story 1

Create a new quote

As a designer, I want to create a quote for my client’s 3 BHK flat, as per the family’s requirements.

  • Add products and services
  • Apply discounts
  • Organise by room
  • Preview and publish

Slide 1 of 4: Create a new quote

Component library

Built in parallel, to support every Livspace application and platform.

Angled collage of the component library
Next case studyTD Bank retail banking appBanking & Finance · 2014

Thank you

Bill of Quotation Builder · Product Design Lead · 2020