top of page
carmee.jpg

Carmee

Car comparison website

Logo Design / UI Design

2018

Collaboration with

Dezigner studio

'Carmee'

Car comparison website of a new kind.

 

'Carmee's founder believes that buying a car is a confusing process. Ther are many variables to take into consideration, car brand, model, budget, buy vs lease, safety features, etc. In addition, ther is no reliable authority to consult with, dealership agents are not objective and the existing websites are complicated, presenting unnecessary information. His solution was to create 'CarMee' an online website that will answer all those problems. The heart of the website is a questionnaire that helps to match between car buyers and the right car for them.

 

 

The project

 

In this project, I collaborate with the 'Dezigner studio', which was responsible for developing the web pages. We worked together on the UX and wireframes. I was also in charge of the logo, identity, and web pages design. 

Setting the tone

Hot Pink #B50A3D

Friendly

Innovative

Non-traditional

 

Solid Blue #131F51

Reliable

Objective

Professional

Target market

The users are unfamiliar with the automobile industry. They don't know the professional terms and they don't know what car is best for their needs.

 

 

Design the logo

My challenge in designing the logo was to find the balance between the contradicting values we set. In addition, the client added an extra 'e' in 'me', and I had to make it work in favor of the concept.

 

You can see down below my concept experiments:

CarMee_logo_options_2.gif

Final Concept

 

The final logo consists of two elements. The mark and the logotype.
The mark is inspired by the concept of the 'Ying & Yang' symbol, opposites that make a whole. The two 'e's, create a round shape to give a friendly vibe. The grey frame inspired by the car industry designs to create familiarity.

 

The sans-serif logotype divides the brand name with colors to its essence, car + me. 

carmee_b_card.jpg

Design the
Website Pages:

Home page

Glossary

Funding Calculator

Checklist

About

The Goal

 

First and foremost the goal was to make the users feel comfortable using the 'Carmee' platform. The second goal was to lead the users to the questionnaire.

 

UI challenges

 

For this project, I didn't have any initial graphic materials to use. For example, I couldn't use real car photos because of the license policy, and the platform needs to be objective. Also, I couldn't use the experts' profile photos because of confidentiality agreements. 

You can see the solutions below,
starting with the home page:

CarMee_logoonmenu_mockup_move.gif

Design elements

 

To fulfill the goals, I kept the identity colors and curvey round shapes, when designing the website elements like Icons, buttons, etc.

 

To lead the users to the questionnaire on the home page, I've designed a big inviting button and assimilated it in four different places on that page > Maine navigation / Hero Image / Second container / Footer.

I've designed three pages to help the user get the necessary information and tools with easy access from sidebar navigation. In these pages, you can see the solution for the graphic materials problem - using neutral white cars combined with the other elements of the design.

glossary.png
payment.png
checklist.png

Image-making

 

We added 3 informative pages, Glossary, funding calculator, and test-drive checklist. Their purpose was to give basic knowledge to 'Carmee's' users.

 

For those pages, I created images to visualize the page content. I manage to maintain a neutral objective tone using simple white models.

Design the questionnaire

Our mission, prevent the user from feeling discouraged

The challenge

 

The questionnaire includes questions that cover different aspects that need to be one consideration when buying a car. Our main obstacle was the long list of questions. We were concern about the user abandon the process. 

The first solution

 

Dividing the questions into 4 different tubs. 
 

The division action creates certainty about the process and reduces users' perception of time. I have designed those tubs with a sharp contrast between the completed and uncompleted ones.

[ Hebrew web pages - read the flow from right to left ]

Vehicle Features

Usage and Budget

Car Categories

Introduction

מאפייני-רכב.png
מאפייני-שימוש.png
קטגורית-רכב.png
מידע-כללי.png

The second solution

We made it fun


We have decided to add mini interactions, illustrations, and icons to make a more interactive process.

 

I created them according to the design guides, with round corners and full shapes.

The third solution

We gave an immediate and limited result
 

We decided to give the users the results immediately after filling the questionnaire without leaving private information or e-mail address. We also gave only 2 options to make the users' choice easier. 

CarMee_results_2.png
CarMee_results.png
CarMee_results.png
bottom of page