CarTender

Web app to save time & money on your next car

Quickly compare car prices & view historical pricing data

CarTender is a startup looking to help you save time & money when buying, leasing or financing your next vehicle.

Visit Website

CarTender is an innovative startup from Toronto, Canada aiming to help save people time & money when buying, leasing or financing a car.

CarTender approached MB Creative struggling to get registered users, and in need of a partner that would help build and grow their brand. After lots of strategy work, we decided CarTender needed to be redesigned & rebuilt from the ground up. Together we worked with CarTender founder Patrick Marion to gut & rebuild the entire web app and website, while spending countless hours adjusting the pricing & business strategy.

MB Creative worked for several months closely with CarTender, helping to define their new pricing & business strategy, and to design and develop their new innovative, aesthetically engaging web application and website.

Challenge

In 2017, we received a request from a Toronto based car price comparison startup to redesign and develop their web application from the ground up. After intensive discovery, strategy work, and budgeting, we rolled up our sleeves and got to work.

Outcome

A beautiful, dynamic web application that saves a lot of backend work & time internally, with a new pricing & customer acquisition strategy, accompanied by a corporate site with engaging illustrations & animations. An overall massive success.

Project scope

Brand Strategy
Web App Design
Corporate Website Design
Web App Development

Brand Strategy

Led by MB Creative's Director of Strategy Matt Balshin, the team sat down with CarTrender's team to map out a strategy and plan. The goal was simple: to help CarTender become successful. Throughout a fun, engaging single day strategy session, Matt was able to work with CarTender to fully understand and define the CarTender brand, define the customers we're trying to target and prioritize goals moving forward. As per usual, this strategy workshop proved to be invaluable. It allowed us to understand and determine ways we could help CarTender achieve their goals.

Understanding the users

In order to help CarTender reach their goals we first needed to understand the audience we wanted to capture. From a general standpoint we're targeting anyone looking to lease, finance or buy a car, in search of a more convenient & user friendly way to do so. Our target age group is between 24-59. This group would represent anyone able to get a new car & tech saavy enough to understand the app. Our target location was people in Ontario, Canada. We did extensive research to fully understand who we were targeting; their wants and needs when searching for a new car. We knew people were starving for a more convenient way, but it took time to understand what the majority felt would bring them more convenience.

CarTender customers

Men & Women
Ages 24-59
Tech Saavy, Internet Users
in Ontario, Canada
Who need a car

Compare lease, finance and buy prices for cars in your area

24-59 year old men & women in Ontario who need a new car

Defining the brand

To be recognized globally as an innovative leader in cannabis packaging solutions. Medlock enhances your value by supplying our tamper evident-child resistant products used to ensure that customers and minors are well protected.

Who is CarTender?

Brand Attributes

Innovative
Qualitative
Family Oriented
Eco-Friendly
Safety
Security

save time and money while buying, leasing or financing a vehicle

Work Sans

Paragraph 16px

CarTender allows you to compare prices for unlimited car models & trims. Simply select a car and add it to your selection. You will then be able to see all the trims associated with that car through graphs and other visual data. View detailed pricing history charts for any vehicle. Check out monthly prices so you can determine if now is the best time to buy, lease or finance your new car.

Black

Bold

Regular

Light

ExtraLight

56px Heading 1

45px Heading 2

32px Heading 3

22px Heading 4

18px Heading 5

16px Heading 6

Gradients

A unique colour palette featuring a creamy yellow background, with enriching gradients, red, purples, blues and greens set a beautiful tone.

#6E9CAF

#736A96

#B2DBBF

#70C1B3

#F67280

#F68972

Dark Grey

RGB: 51, 51, 51
HEX: #333333

Light Yellow

RGB: 243, 231, 194
HEX: #F3E7C2

Blue

RGB: 109, 158, 174
HEX: #6D9EAE

Green

RGB: 159, 193, 184
HEX: #9FC1B8

Purple

#79709A
121, 112, 54

Red

#F67280
246, 114, 148

Corporate Website Design

Our web design journey began by rebranding and refreshing the corporate site.

Home

The home page displays the car price comparison functionality.

Corporate website design project by MB Creative

Features

Detailed sections about the apps main features with beautiful custom illustrations.

Custom Illustrations

One of our favourite things to do is design custom illustrations. It's a process that starts on paper with brainstorming and sketching. Concepts are taken to the iPad to be sketched in before landing in Adobe Illustrator to add colours, shadows and all the final design touches that truly bring these exquisite illustrations to life.

Beautiful Graphics

Our graphic design team pulled out all the stops with illustrations for the CarTender corporate site and web application. A magnificent effort over several months resulted in illustrations and motion graphics the CarTender team and their users are drooling over.

Landscape

One of the signature design aspects of the CarTender corporate site is their footer background illustration. A gorgeous landscape scene with hills, mountains and a winding road perfect for any car lover to cruise down. The perfect accoutrement for a car price comparison app.

Pricing

A pricing page for users to explore & choose their preferred plan. They offer a 30 day free trial.

Multiple Pages

All the substantial company components and their descriptions are included.

Blog

A blog for the CarTender experts to share their knowledge about the auto industry.

Car price comparison web app

The platform offers complete freedom of action. You compare to determine the car you want & pinpoint the perfect time to get it.

Functionality aspect of CarTender

Users can quickly compare car prices and view different trim options for each vehicle.

Car Selection

Users can select as many cars as their plan allows to compare.

Graph

View the data on a beautiful bar graph. Toggle between buy, lease and finance pricing.

Price History

Check the price history to see trends and potential discounts on cars.

Contact Form

Get in direct contact with a car dealership to get your hands on that new automobile.

Interactive Demo

An interactive walkthrough shown during first use and easily accessible at any times makes understanding and using the app a breeze.

MB Creative has transformed our app and corporate site into something we could never have imagined. Our old app was a shell of what this new app brings to the table. Amazing organization, beautiful graphics, we couldn't be more excited. They even redid the entire backend so we don't have to manually input car data. We have worked with many design agencies and MB Creative was hands down the best. Thank you Matt and the MBC team.

Patrick Marion

Founder, CarTender

The Ultimate Style Guide

An internal tool for all future CarTender design decisions. A simple brand guide that outlines how things should be used.

Perfectly Crafted

An elegant, minimal design allows for easy flow through the guide for readers. A cream yellow background makes the guide pop.

The Brand guideline, also known as a brand style guide, governs the composition, design, and general look-and-feel of CarTender's branding. Dictates the content of a logo, illustrations, website, marketing collateral and more. This brand style guide will dictate all future design decisions by CarTender.

We designed a web application that we are confident through testing will be loved by the masses. Forget about visiting multiple car dealership websites to collect and compare prices. Simply select the cars you are interested in and view the prices, along with the price history for each car trim so you can save time and money on your next car. We had so much fun working on the design of the new web application and redesigning the brand.

Anontio Rop

Lead Product Designer

Results

The CarTender project proved to be an extremely successful project from the jump. As soon as we launched the new web app, traffic spiked dramatically and users for the first time began engaging with the app. Our design & development team really knocked this project out of the park, delivering a user experience unmatched by any price comparison web applications.

Client: CarTender
Project Scope: Brand strategy, web design, illustrations, motion graphics, web app design, branding & identity, brand style guide, brand style tile
Year: 2018-2019