boostedgroup
Selected work / Hopscotch

Making car buying feel fair and square.

BoostedGroup created the name, brand, customer journey, digital product experience, and launch film for a new service that placed professional negotiators on the buyer's side of the car-purchasing process.

ENGAGEMENTNaming, branding, positioning, and commercialization
PRODUCTOnline car-shopping advocacy and negotiation
EXPERIENCEFull UI/UX, customer journey, and launch creative
Hopscotch deal rating calculator interface
The inflection point

Car shoppers could research cars online, but they still entered the dealership alone.

Car shoppers had gained unprecedented access to reviews, inventory, pricing estimates, and model comparisons. The final transaction, however, still depended on an opaque negotiation process that many car shoppers found intimidating.

A buyer might know which vehicle they wanted without knowing whether the proposed price was competitive, how much room remained to negotiate, what their trade-in was worth, or whether an attractive monthly payment concealed a less favorable overall deal.

Hopscotch was conceived as a different kind of car-shopping service. Once customers had test-driven vehicles and selected the car they wanted, the company would place an experienced automotive professional on their side and handle the negotiation and purchasing process on their behalf.

Hopscotch car-shopping experience
The experience made the buyer the focal point.Hopscotch reframed the process around clarity, guidance, and representation for the car shopper.
The business model

The service placed professional car-sales expertise on the buyer's side.

The model drew inspiration from Flightfox, an Australian service that used expert agents and an online portal to identify and secure better flight itineraries.

Hopscotch applied the same principle to car buying. Professional salespeople already understood dealer economics, inventory pressure, incentives, financing structures, trade-ins, and negotiation tactics. For a modest commission, that expertise could be redirected toward the car shopper.

This created a meaningful alternative to platforms that supplied pricing information or dealer leads but ultimately returned the customer to the showroom to negotiate alone.

Choose the carThe customer researches, test-drives, and decides which vehicle fits.
Share the detailsThe buyer provides the offer, trade-in, financing, and purchase priorities.
Evaluate or negotiateAn expert rates the proposed deal or manages the negotiation directly.
Complete with confidenceThe customer receives a clearer, more competitive path to purchase.
Hopscotch did not merely identify a fair deal; it helped the customer obtain one.The value came from representation at the point where information became negotiation.
Hopscotch logo
Hopscotch brand rationale
Naming the company

The name turned an insider negotiation tactic into a buyer promise.

Hopscotch evoked a familiar childhood game, making an unfamiliar service feel easy, friendly, and approachable. The name also connected directly to the mechanics of automotive retail.

Dealers commonly organize negotiations around the four-square method, in which purchase price, monthly payment, trade-in value, and down payment are adjusted against one another. A buyer who focuses on one favorable number can lose ground somewhere else in the transaction.

01Purchase priceThe headline number can move while financing or trade-in terms compensate.
02Monthly paymentA lower payment may depend on a longer term or a larger amount financed.
03Trade-in valueA generous allowance can be offset elsewhere in the transaction.
04Down paymentCash at signing changes the apparent economics without changing the full cost.
Hop through the squares toward a purchase that is genuinely fair and square.
Building the brand

The identity needed to feel friendly, urban, and unmistakably on the buyer's side.

The wordmark placed each letter within a yellow square, recalling the children's game while also alluding to the four-square negotiation framework. The yellow and black palette drew from street signs, road markings, and automotive caution graphics, while the tire-tread background connected the identity to driving. The system was flexible enough to extend from the product interface to out-of-home style brand expressions.

The result was deliberately irreverent without becoming unserious. Car buying was stressful enough; Hopscotch did not need to look like another financial institution, dealership network, or pricing database.

The tagline made the role explicit: Your car-shopping advocate. Hopscotch was not the seller, the dealer, or another source of leads. It represented the customer.

Hopscotch subway marquee image
A hop and a skip away.The marquee treatment showed how the identity could travel beyond the interface. It preserved the playful name, the yellow-square wordmark, and the street-smart visual language that positioned Hopscotch as an advocate for car shoppers navigating an urban marketplace.
Hopscotch how it works website section
Designing the customer journey

The website made a complicated service easy to understand.

BoostedGroup designed the complete digital experience around a process that needed to feel simple even though the underlying transaction was complex. The site introduced the problem, explained the service, addressed common objections, established trust, and guided customers from initial interest through the completed purchase.

Customers could submit an existing offer for expert evaluation or authorize a Hopscotch professional to negotiate directly with dealers. In either case, the customer remained in control.

01Identify the vehicleThe customer tells Hopscotch which car they intend to buy.
02Provide the detailsThe buyer registers and submits the relevant transaction information.
03Rate the dealAn expert evaluates an existing offer and explains its competitiveness.
04Negotiate the purchaseThe customer proceeds independently or lets Hopscotch handle the dealer negotiation.
05Buy with confidenceThe final experience connects expert representation with the convenience customers expected from an online service.
Hopscotch introduction film
Explaining the idea through film

The launch video communicated both the service and the emotional benefit.

BoostedGroup produced the 60-second introductory film used to explain Hopscotch. The animation placed the customer between the dealership and the financial mechanics of the transaction, surrounding her with the prices, percentages, incentives, and competing claims that make car buying difficult to navigate.

Hopscotch entered the story as the advocate capable of making sense of those variables and representing the customer's interests. The film showed that customers did not have to face the dealership alone.

Watch the original film →
Designing for trust

The experience anticipated the questions customers needed answered before they could delegate a major purchase.

Hopscotch asked customers to entrust part of a significant financial transaction to someone they had met online. The interface therefore had to do more than generate interest; it needed to resolve uncertainty.

The FAQ was organized around the customer's decision process rather than presented as a miscellaneous support page. It addressed the concept, the process, the expected results, and the potential problems that could prevent someone from moving forward.

Why should I use Hopscotch?The site established the role of an independent buyer advocate.
How are the experts paid?The business model had to feel transparent rather than introducing another hidden incentive.
How much can I expect to save?The experience balanced a compelling benefit with realistic expectations.
What happens if something goes wrong?Guarantees, reassignment, and support were addressed before they became objections.
Hopscotch FAQ design
The impact

The engagement created a complete brand and product system.

Hopscotch emerged with a distinctive and coherent market-facing identity. The name carried strategic meaning, the visual system differentiated the service from pricing tools and dealer networks, and the website translated a complex service into an understandable progression.

The project also demonstrated how a marketplace concept can be commercialized before the underlying behavior is familiar to car shoppers. The brand had to teach the market what the service was, why the existing process disadvantaged buyers, and how a different model could produce a better outcome.

01Name and positioning

A memorable name transformed the dealership four-square into a promise of a fair-and-square purchase.

02Visual identity

The wordmark, color system, illustration language, and tone made the service feel approachable and credible.

03Service architecture

The offer was translated into clear paths for deal evaluation and full negotiation support.

04UI and UX

The complete journey guided customers from education and trust-building through conversion and purchase.

05Launch film

The introductory video condensed the functional proposition and the emotional benefit into a single narrative.

06Market education

Every touchpoint helped car shoppers understand why expertise at the negotiating table mattered.

Why it matters

Good service design does not merely place a friendlier interface over an existing process; it changes the distribution of expertise, confidence, and control.

Car shoppers did not lack access to vehicle information. They lacked an experienced representative during the portion of the transaction where information became negotiation.

BoostedGroup gave that idea a name, a personality, a visual language, and a complete experience designed to make buying a car feel less like a confrontation and more like a game the customer could finally understand.