Contact Cars

ContactCars.com is the first and leading specialized platform for Auto enthusiasts who are interested in anything related to automotive, especially in purchasing and selling new/used cars

mindful blog mobile app hero image

Contact Cars

ContactCars.com is the first and leading specialized platform for Auto enthusiasts who are interested in anything related to automotive, especially in purchasing and selling new/used cars

mindful blog mobile app hero image

Contact Cars

ContactCars.com is the first and leading specialized platform for Auto enthusiasts who are interested in anything related to automotive, especially in purchasing and selling new/used cars

mindful blog mobile app hero image

Scope

  • Product Design

  • Motion Design

  • Branding

  • User interface design

  • User Testing

Collaborators

Kareem Amr
UX designer

Kareem Amr
UX designer

Islam Ashraf
Marketing Manager

Islam Ashraf
Marketing Manager

Mahmoud Mourad
Brand Manager

Mahmoud Mourad
Brand Manager

1.2 M

Users/Month

46 M

Page views/Month

200 K

Active users/Month

The Ask

ContactCars.com is the first and leading specialized platform for Auto enthusiasts who are interested in anything related to automotive, especially in purchasing and selling new/used cars

First Ask

Evolutionary rebranding
for the existing logo.

Second Ask

Re-design the website.
Enhancing both experience and visuals.

Provide engineering guides.

The Task

As brand designer

  • Designed all of the brand identity.

  • Planned concept and ideation
    meetings with client.

  • Generate animated assets for 

the brand.

  • Create style guide for the brand

identity.

As product designer

  • Conducted focus groups.

  • Translated concepts into web 

wireframes & user interface.

  • Reviewed designs with end-users.

  • Analyzed data from different tools.

mindful blog mobile app project image 1
mindful blog mobile app project image 1
mindful blog mobile app project image 1

Educating my client!

I started this project by educating my client about the difference between the main concepts we will deal with across our project.

Also, I focused on managing the expectations for the work I will present in the future.

mindful blog mobile app project image 1
mindful blog mobile app project image 1
mindful blog mobile app project image 1

Visual explorations

It was important to express all of the explorations to the client to make him able to see the whole picture and what’s behind the designs.

mindful blog mobile app project image 1
mindful blog mobile app project image 1
mindful blog mobile app project image 1

Deliver the identity!

The most important part of the process is how I deliver the files in an organized format that is accessible.

mindful blog mobile app project image 1
mindful blog mobile app project image 1
mindful blog mobile app project image 1

Website time!
So, Let’s fix the experience!

We adjusted the flows of the experience across the current website.

We visited the business inputs and current data analysis. Then created final wireframes for the whole new experience.

✅ Navigation flow is fixed
✅ Filtration is improved
✅ Responsive design

mindful blog mobile app project image 1
mindful blog mobile app project image 1
mindful blog mobile app project image 1

Website time!
So, Let’s fix the experience!

We adjusted the flows of the experience across the current website.

We visited the business inputs and current data analysis. Then created final wireframes for the whole new experience.

✅ Navigation flow is fixed
✅ Filtration is improved
✅ Responsive design

Website time!
So, Let’s fix the experience!

We adjusted the flows of the experience across the current website.

We visited the business inputs and current data analysis. Then created final wireframes for the whole new experience.

✅ Navigation flow is fixed
✅ Filtration is improved
✅ Responsive design

mindful blog mobile app project image 1
mindful blog mobile app project image 1
mindful blog mobile app project image 1

Website time!
So, Let’s fix the experience!

We adjusted the flows of the experience across the current website.

We visited the business inputs and current data analysis. Then created final wireframes for the whole new experience.

✅ Navigation flow is fixed
✅ Filtration is improved
✅ Responsive design

Results

Results

500 K

New active users for 1st month

31.7%

Pages per Session

increasement

31.7%

Pages per Session

increasement

44%

New users gained

2x

More active users/Month

3.8

Hotjar rate

500 K

New active users for 1st month

44%

New users gained

2x

More active users/Month

31.7%

Pages per Session

increasement

3.8

Hotjar rate

Learnings

Learnings

1- Animation is important to present your ideas.

2- Communicate with all of the stakeholders once a time.

3- Brand dosn’t need to be fully completed before working on the system.

1- Animation is important to present your ideas.

2- Communicate with all of the stakeholders once a time.

3- Brand dosn’t need to be fully completed before working on the system.

Create a free website with Framer, the website builder loved by startups, designers and agencies.