Back to work
Case study · PrecisePrice 2.0 · No-account redesign

Build the deal before giving the dealer your name.

The first version of PrecisePrice asked shoppers to create an account before showing a price. Worse, the deal they built online could change when the dealer opened it in Desking.

I led the redesign from research through final UI. Shoppers could choose financing, add a trade, and review every line before sharing any contact information. They only had to identify themselves when they saved the deal or booked a visit, and the dealer could continue from the same details in Desking.

Role
Product Designer, lead
Team
Product · design · engineering · dealer operations
Timeline
~10 weeks · 2020
Platform
Responsive web
Company
DealerSocket
PrecisePrice 2.0 shown on desktop, laptop, tablet, and phone.
Fig. 01PrecisePrice 2.0 on desktop, tablet, and phone.
01
Problem

The online price did not match what the dealer opened at the desk.

PrecisePrice let people price a car from home, but the dealer had to recreate that deal in Desking, the tool used in the showroom. The monthly payment could change in the process. The first version also put a contact form in front of the price, so many shoppers left before building anything.

If the dealer cannot open the deal a shopper built online, the online price is only an estimate.

Shoppers often returned to the listing sites when they reached the form. Dealers received a name and phone number, but none of the choices behind the deal. When the shopper arrived, the salesperson had to enter everything again and explain any change in price.

Fig. 02 · The old process. A salesperson copied the online choices into Desking, which left room for the deal to change.
A salesperson at the dealership desk filling out a paper vehicle deal worksheet by hand, vehicles on the showroom floor behind him. The same deal entered into DealerSocket Desking, where the monthly payment landed higher than the figure built online.
02
Approach

Two shortcuts I ruled out.

Calling the price guaranteed would not make it accurate at the dealership. Keeping the account wall would continue to hide the most useful part of the tool. The real issue was that the dealer could not continue from the choices a shopper had already made.

Shortcut 01

Just guarantee the price

$351/mo online$402/mo at the desk

The price already appeared online. Labeling it “guaranteed” would not stop it from changing when the dealer rebuilt the deal.

Shortcut 02

Make them sign up first

Arrive on the deal page100%
Hit the sign-up form · drop-off starts55%
Build a deal · most never get here16%

Most people left before they saw enough of the deal to decide whether the tool was useful.

The real fix
At home
Deal builder
The bridge
Portal
Dealer tool
Desking
On the lot
Same deal, ready

I set two requirements: show the price before asking for contact information, and let the dealer open the shopper’s saved choices in Desking.

03
Process

How the redesign came together.

Each step below covers one part of the work and links to the full section.

01Problem · Where the first version failed+

The first version hid the price behind an account. Dealers also had to rebuild the online deal in Desking, where the monthly payment could change.

Read the full Problem →
02Approach · Show the price first+

I moved contact information to the save and booking moments, then made sure the dealer could open the shopper’s saved choices in Desking.

Read the full Approach →
04Research · Learn where shoppers hesitated+

I designed for two buying styles: John wanted speed and control, while Alex needed more explanation. I tested the flow with shoppers in July 2020 and used their questions to revise the credit, review, and save steps.

Read the full Research →
05Solution · Build the deal before signing up+

I divided the deal into manageable steps and chose an accordion over one long page. The Portal let shoppers save by email and return on any device, while dealers continued the deal in Desking.

Read the full Solution →
06Impact · What changed after launch+

More shoppers reached the full review, more appointments included a configured deal, and dealers no longer had to re-enter the mapped details.

Read the full Impact →
04
Research

Shoppers wanted the numbers before they gave the dealer their information.

I looked at where people stopped in the first version, compared the needs of experienced and anxious buyers, and tested the revised flow with shoppers.

01 · Questions

What shoppers needed to understand.

I worked with the product team to list the questions a shopper would have about price, credit, trade-in value, payments, and what happened at the dealership. One decision followed quickly: let people build the deal first and ask for contact information only when they save or book.

Price

Can we show a useful price before asking who the shopper is?

Credit

Can shoppers estimate credit without affecting their score?

Trade-in

What would make the trade estimate feel credible?

At the dealership

Can the salesperson continue from the shopper’s saved choices?

Payments

Can shoppers compare financing and understand every charge?

Contact information

Can people build the deal before sharing any personal details?

Early questions. The team grouped ideas around price, credit, trade-in, payments, and the dealership visit.
An early workshop board with sticky notes grouped by shopper questions.
02 · Buying styles

Some shoppers want speed. Others need more explanation.

J

John

Seasoned buyer

Wants to verify the deal fast, then stay in control.

What he needs
  • A real price without handing over contact info
  • A named dealership contact he can reach without leaving the deal
  • Auto-save and auto-fill so nothing is re-typed
  • Freedom to move through the deal in any order
  • A worksheet he can open and tweak anytime

“Don’t make me create an account to see a number. I’ve done this before.”

Keeps going when: the price is easy to verify.  Leaves when: he hits a form or a forced step.
A

Alex

Anxious negotiator

Wants reassurance and guidance.

What he needs
  • Plain-language explanations, with info icons that explain each number
  • One decision at a time, with a time estimate
  • His price compared against the market average

“I just don’t want to get taken advantage of. Tell me what each thing means.”

Keeps going when: the price feels fair and fully explained.  Leaves when: he finds a surprise or unfamiliar term.
Designing for both buying styles. John’s needs are shown here; I worked through Alex’s in the same way.
A board connecting John's needs to specific design choices.
03 · Testing

Putting the flow in front of shoppers.

I built clickable prototypes for both buying styles and tested them with a small group of shoppers in July 2020. Their hesitation around credit, pricing details, and saving the deal led directly to the changes below.

Testing the two buying styles. A moderated session from July 2020.
A July 2020 moderated usability session over Zoom with two shoppers walking through the prototype.

Three screens raised the most questions.

Three screens tested: credit, review, and save.
The test scenarios. John’s faster route is on top; Alex’s more guided route is below.
John's test scenario across the full deal. Alex's test scenario across the full deal.
What changed because of it
What people saidWhat changed
“Will this hurt my score?” Hesitation before the soft pull.Added a plain soft-pull explanation: it doesn’t affect your score.
“What is this number based on?” Wanted the math explained.Put info icons on the lines people questioned: fees, payment, trade-in.
“Will it remember my progress?” Expected it to save.Auto-save across the whole flow, with nothing lost on return.
“Who will I be dealing with?”Assigned a salesperson, with optional contact at any point.
05
Solution

A useful price had to include the choices that change the payment.

I divided the deal into steps so shoppers could work through financing, a credit estimate, trade-in, rebates, protections, and the final review without facing one dense form. No account was required until they chose to save, schedule a visit, or sign.

From payment to signature. Seven steps, with contact information held until the shopper saves, books, or signs.
A seven-step map from payment to signature, including shopper questions and design choices.

The final deal builder

The mobile screens below go from the first payment estimate to the itemized review.

Deal builder payment step showing a real monthly finance payment, no account required.
Step 1 · Payment

A real payment, before any account.

Choose Lease, Finance, or Cash to see a monthly payment and compare it with the market average. No contact information is required.

Current vehicle pricing · lender rates · market comparison
Deal builder soft-pull credit estimate step with plain reassurance.
Step 2 · Estimate credit

A soft pull, in plain words.

Shoppers can estimate their credit range without an SSN or account. The page states up front that the check will not affect their score, addressing the question testers asked most often here.

Credit estimate · no SSN required
Deal builder trade-in valuation step.
Step 3 · Trade-in

A trade estimate with clear limits.

Shoppers can add a trade and receive an estimate in about eight minutes. The page also explains what may change after the dealer inspects the car.

Trade estimate · about 8 minutes
Deal builder final review with the fully itemized deal for a 2020 Honda Civic Sport Type R.
Step 6 · Review

Every charge in one review.

The review shows each charge and saves the shopper’s choices. The dealer can open those details in Desking, then confirm the final taxes, fees, and lender approval.

Saved choices open in Desking

How the screen changed

The early wireframe still included a “create an account” step. I removed it before the visual design and final screen.

Screen progression: early wireframe → visual design → final screen.

Save by email and continue on any device.

Shoppers save a deal with their name and email, then receive a direct link that works without an account. The saved deal includes the vehicle, payment type, term, cash down, trade, and selected rebates.

The dealer sees those choices in DealerSocket and can continue the deal in Desking. Taxes, dealer fees, and final lender approval are still confirmed at the dealership because they vary by store and lender.

The saved deal on both sides. The shopper returns by email link, and the dealer opens the details in DealerSocket.
Fig. 03
Shopper · saves the deal
Deal builder
Payment type Credit band Trade-in Rebates · protections
The saved deal
Portal
save · email link · resume
deal ID  #PP-4821
Dealer · lot & phone
DealerSocket / Desking
Payment type Credit band Trade-in Rebates · protections
Fig. 03The shopper returns through an emailed link on any device. The dealer opens the same vehicle, payment, credit, trade, rebate, protection, appointment, and signature details in Desking without entering them again.

Scroll vs. accordion

I sketched and tested two ways to organize the deal builder.

Scroll · one long page

Everything stays visible, but the page becomes long and difficult to scan.

A wireframe with the full deal builder on one long page.↗ full screen
Accordion · one step at a time · chosen

Showing one decision at a time gave anxious buyers more guidance. A progress footer still let experienced buyers move quickly.

An accordion wireframe with one open step and a progress footer.↗ full screen

I chose the accordion because it gave Alex one decision at a time. The progress footer kept John from feeling slowed down.

Desktop, tablet, and phone

On desktop, the deal panel sits beside the vehicle. On mobile, a fixed footer shows progress and keeps the next action within reach.

The same step at three screen sizes.
06
Impact

What changed after the redesign.

More shoppers reached the review before sharing contact information, and dealers received more complete deals.

By the numbers

Reach review before contact +27% More shoppers reached a full, itemized deal before handing over any contact info, with no sign-up form in the way.
Appointments with deal details +34% More appointments arrived with a configured car, payment, and trade, instead of just a name and phone number.
Manual entry at the desk 0 Dealers no longer had to enter the supported vehicle, payment, credit, trade, and rebate details again.