Top cases

Verificated Icon

5 min

Nov 12, 2023

Increasing VP CAR's online presence

In 2024, VP CAR plans to boost its online presence to reach more customers. What strategies helped improve its visibility, attract new clients, and build a strong digital presence?

Published by

Marcio Rebouças

5th

place on Google

5th

place on Google

5th

place on Google

+305

active users

+305

active users

+305

active users

+400

user sessions

+400

user sessions

+400

user sessions

  • High-fidelity mockup of the VP CAR landing page, showcasing a modern interface for an auto repair shop. The design includes a hero section with a promotional banner, service highlights, customer testimonials, and a call-to-action button for scheduling appointments.
  • High-fidelity mockup of VP CAR landing page with a quote request form, featuring service options, customer testimonials, and a clear submit button for easy car service inquiries.
  • High-fidelity mobile mockup of VP CAR landing page with a quote request form, displaying service options, customer testimonials, and a prominent submit button for easy inquiries.

Context

In 2023, VP CAR focused on enhancing its online visibility by investing in digital infrastructure and strengthening customer relationships.

Context

In 2023, VP CAR focused on enhancing its online visibility by investing in digital infrastructure and strengthening customer relationships.

Context

In 2023, VP CAR focused on enhancing its online visibility by investing in digital infrastructure and strengthening customer relationships.

Challenges

  • No website: VP CAR lacks a website, which makes it difficult for potential customers to find and engage with the business online.

  • Low online visibility: VP CAR does not stand out on digital platforms, limiting its reach.

  • Difficulty attracting new customers: The lack of effective strategies prevents the acquisition of new customers.

Challenges

  • No website: VP CAR lacks a website, which makes it difficult for potential customers to find and engage with the business online.

  • Low online visibility: VP CAR does not stand out on digital platforms, limiting its reach.

  • Difficulty attracting new customers: The lack of effective strategies prevents the acquisition of new customers.

Challenges

  • No website: VP CAR lacks a website, which makes it difficult for potential customers to find and engage with the business online.

  • Low online visibility: VP CAR does not stand out on digital platforms, limiting its reach.

  • Difficulty attracting new customers: The lack of effective strategies prevents the acquisition of new customers.

Objectives

  1. Improve online visibility by creating a website: Build a website to give VP CAR a stronger online presence and showcase its services.

  2. Increase quote requests: Encourage more people to request quotes, either through the website or influenced by its content.

  3. Help boost monthly revenue by 20%: Use digital strategies to support a 20% increase in monthly income through better visibility and customer growth.

Objectives

  1. Improve online visibility by creating a website: Build a website to give VP CAR a stronger online presence and showcase its services.

  2. Increase quote requests: Encourage more people to request quotes, either through the website or influenced by its content.

  3. Help boost monthly revenue by 20%: Use digital strategies to support a 20% increase in monthly income through better visibility and customer growth.

Objectives

  1. Improve online visibility by creating a website: Build a website to give VP CAR a stronger online presence and showcase its services.

  2. Increase quote requests: Encourage more people to request quotes, either through the website or influenced by its content.

  3. Help boost monthly revenue by 20%: Use digital strategies to support a 20% increase in monthly income through better visibility and customer growth.

Benchmarking

I conducted UX Research, analyzing VP CAR’s competitors to identify best practices and areas for improvement. I also collected visual references from tech and auto repair websites to ensure the design fit the target audience and brand identity.

Benchmarking of website designs with various layouts, annotated with colorful post-its for insights and feedback.

Benchmarking

I conducted UX Research, analyzing VP CAR’s competitors to identify best practices and areas for improvement. I also collected visual references from tech and auto repair websites to ensure the design fit the target audience and brand identity.

Benchmarking of website designs with various layouts, annotated with colorful post-its for insights and feedback.

Benchmarking

I conducted UX Research, analyzing VP CAR’s competitors to identify best practices and areas for improvement. I also collected visual references from tech and auto repair websites to ensure the design fit the target audience and brand identity.

Benchmarking of website designs with various layouts, annotated with colorful post-its for insights and feedback.

Wireframes

Based on the research, I created mid-fidelity prototypes to define the website’s Information Architecture and Interaction Design. This helped to clearly organize content and ensure an intuitive user experience.

Wireframe of the VP CAR website showcasing sections for services, testimonials, pricing, and a contact form.

Wireframes

Based on the research, I created mid-fidelity prototypes to define the website’s Information Architecture and Interaction Design. This helped to clearly organize content and ensure an intuitive user experience.

Wireframe of the VP CAR website showcasing sections for services, testimonials, pricing, and a contact form.

Wireframes

Based on the research, I created mid-fidelity prototypes to define the website’s Information Architecture and Interaction Design. This helped to clearly organize content and ensure an intuitive user experience.

Wireframe of the VP CAR website showcasing sections for services, testimonials, pricing, and a contact form.

Web Developent

After client approval, I built the website using Framer, a no-code platform. It provided high-quality micro-interactions and a responsive layout, supported by a consistent design system to balance visuals and functionality.

View live site

Web Developent

After client approval, I built the website using Framer, a no-code platform. It provided high-quality micro-interactions and a responsive layout, supported by a consistent design system to balance visuals and functionality.

View live site

Web Developent

After client approval, I built the website using Framer, a no-code platform. It provided high-quality micro-interactions and a responsive layout, supported by a consistent design system to balance visuals and functionality.

View live site

  • High-fidelity mockup of the VP CAR landing page, showcasing a modern interface for an auto repair shop. The design includes a hero section with a promotional banner, service highlights, customer testimonials, and a call-to-action button for scheduling appointments.
  • High-fidelity mockup of VP CAR landing page with a quote request form, featuring service options, customer testimonials, and a clear submit button for easy car service inquiries.
  • High-fidelity mobile mockup of VP CAR landing page with a quote request form, displaying service options, customer testimonials, and a prominent submit button for easy inquiries.

Analytics

To monitor success, I integrated Google Tag Manager (GTM) and Google Analytics 4 (GA4). These tools tracked key data such as user sessions, page views, and interactions, helping to make data-informed decisions for further improvements.

Analytics dashboard for VP CAR displaying active users, engagement metrics, user acquisition channels, geographic distribution, page views, and event counts
Analytics dashboard for VP CAR displaying active users, engagement metrics, user acquisition channels, geographic distribution, page views, and event counts

Analytics

To monitor success, I integrated Google Tag Manager (GTM) and Google Analytics 4 (GA4). These tools tracked key data such as user sessions, page views, and interactions, helping to make data-informed decisions for further improvements.

Analytics dashboard for VP CAR displaying active users, engagement metrics, user acquisition channels, geographic distribution, page views, and event counts
Analytics dashboard for VP CAR displaying active users, engagement metrics, user acquisition channels, geographic distribution, page views, and event counts

Analytics

To monitor success, I integrated Google Tag Manager (GTM) and Google Analytics 4 (GA4). These tools tracked key data such as user sessions, page views, and interactions, helping to make data-informed decisions for further improvements.

Analytics dashboard for VP CAR displaying active users, engagement metrics, user acquisition channels, geographic distribution, page views, and event counts
Analytics dashboard for VP CAR displaying active users, engagement metrics, user acquisition channels, geographic distribution, page views, and event counts

Results

After a year, we achieved great results: the site ranked 5th on Google for organic searches for "automotive services," gained 305 active users, and recorded over 400 sessions.

Results

After a year, we achieved great results: the site ranked 5th on Google for organic searches for "automotive services," gained 305 active users, and recorded over 400 sessions.

Results

After a year, we achieved great results: the site ranked 5th on Google for organic searches for "automotive services," gained 305 active users, and recorded over 400 sessions.

5th

place on Google

5th

place on Google

+305

active users

+305

active users

+400

user sessions

+400

user sessions

5th

place on Google

5th

place on Google

+400

user sessions

+400

user sessions

+305

active users

+305

active users

Conclusion

The client was very happy with the results and said my work was key to the project’s success. They even recorded a video to share their experience and highlight our partnership:


Conclusion

The client was very happy with the results and said my work was key to the project’s success. They even recorded a video to share their experience and highlight our partnership:


Conclusion

The client was very happy with the results and said my work was key to the project’s success. They even recorded a video to share their experience and highlight our partnership:


Key Learnings

  • Product Design and Web Development: Combining both skills can deliver more value to clients.

  • Collaboration: Working closely with stakeholders ensured the project met business needs.

  • Data-Driven Insights: Using metrics confirmed the effectiveness of the design solutions.

Key Learnings

  • Product Design and Web Development: Combining both skills can deliver more value to clients.

  • Collaboration: Working closely with stakeholders ensured the project met business needs.

  • Data-Driven Insights: Using metrics confirmed the effectiveness of the design solutions.

Key Learnings

  • Product Design and Web Development: Combining both skills can deliver more value to clients.

  • Collaboration: Working closely with stakeholders ensured the project met business needs.

  • Data-Driven Insights: Using metrics confirmed the effectiveness of the design solutions.

Tags

UX/UI Design

UX Research

Discovery

Design Thinking

Wireframes

Prototyping

Visual Design

Figma

Framer

Web Design

User-Centered Design

Interaction Design

Analytics

Data Analysis