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:
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.
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:
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.
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.
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.
