My College Prep

Preparing students for higher education

Details

A cutting-edge visual brand identity system, strategically positioning VitaNova as a trusted expert in this dynamic and evolving market.

My Role

Skills

Digital Design

Development

Timeline

2024

Services

UI/UX design

THE CHALLENGE

Design an engaging product discovery experience

Our high-level goals were to:

1. Provide an engaging learning experience for our varied audience.

2. Create an environment that helps customers confidently choose their ideal vehicle.

Understanding the needs of diverse users

THE DISCOVERY

Early Insights from the Field

A range of experience levels

The primary customers included individuals with varying levels of expertise, from novices to experts.

Diverse career backgrounds

Customers span various careers, using vehicles for both work and leisure.

Willingness to learn

Customers were eager to learn about vehicles and features useful for their rides.

INITIAL RESEARCH

Developing a header enhancement

Hypothesis

Advanced Cameras

Selfie-takers.

Movie-makers.

Boundary-breakers.

Apple-Designed Chips

The kind of fast

you can feel.

Battery

The power of great

battery life.

Innovation

Beautiful and durable,

by design.

Personalize Your iPhone

Make it you.
Through and through.

Peace of Mind

Helpful safety features.
Just in case.

Privacy

Your data. Just where you want it.

Environment

Recycle. Reuse. Repeat.

Advanced Cameras

Selfie-takers.

Movie-makers.

Boundary-breakers.

Apple-Designed Chips

The kind of fast

you can feel.

Battery

The power of great

battery life.

Innovation

Beautiful and durable,

by design.

Personalize Your iPhone

Make it you.
Through and through.

Peace of Mind

Helpful safety features.
Just in case.

Privacy

Your data. Just where you want it.

Environment

Recycle. Reuse. Repeat.

01
Hypothesis
Engaging visuals and educational resources boost customer
confidence and encourage users to explore further, helping
them understand each product to make informed purchase
decisions.
02
Full screen layout
Header header information
Call-to-action buttons
03
01
Hypothesis
Engaging visuals and educational resources boost customer
confidence and encourage users to explore further, helping
them understand each product to make informed purchase
decisions.
02
Full screen layout
Header header information
Call-to-action buttons
03
01
Hypothesis
Engaging visuals and educational resources boost customer
confidence and encourage users to explore further, helping
them understand each product to make informed purchase
decisions.
02
Full screen layout
Header header information
Call-to-action buttons
03
01
Hypothesis
Engaging visuals and educational resources boost customer
confidence and encourage users to explore further, helping
them understand each product to make informed purchase
decisions.
02
Full screen layout
Header header information
Call-to-action buttons
03

Research Findings: Visuals First

Deeper Insights

Demographic Questions
Before exploring the best learning methods for users, we conducted a demographic survey and background questions to uncover their profiles, motivations, and what drew them to the vehicles.
Demographic question #2: Customer motivations
Demographic question #3: Customer hesitations
Demographic question #4: Increasing customer confidence
Josh W.
How do users feel?
We engaged with users to identify the methods that resonated most. As expected, the majority wanted a site that was engaging, attention-grabbing, and provided clear, concise information.

How do users feel?
We engaged with users to identify the methods that resonated most. As expected, the majority wanted a site that was engaging, attention-grabbing, and provided clear, concise information.
What questions were asked:
We divided user questions into three categories, providing a well-rounded understanding of what users want to see to simplify their decision-making on the site.
Top learning methods
Users favored learning methods that offered engaging interactivity, concise product information, customer stories, and access to professional assistance when needed.
Demographic Questions
Before exploring the best learning methods for users, we conducted a demographic survey and background questions to uncover their profiles, motivations, and what drew them to the vehicles.
Demographic question #2: Customer motivations
Demographic question #3: Customer hesitations
Demographic question #4: Increasing customer confidence
Josh W.
How do users feel?
We engaged with users to identify the methods that resonated most. As expected, the majority wanted a site that was engaging, attention-grabbing, and provided clear, concise information.

How do users feel?
We engaged with users to identify the methods that resonated most. As expected, the majority wanted a site that was engaging, attention-grabbing, and provided clear, concise information.
What questions were asked:
We divided user questions into three categories, providing a well-rounded understanding of what users want to see to simplify their decision-making on the site.
Top learning methods
Users favored learning methods that offered engaging interactivity, concise product information, customer stories, and access to professional assistance when needed.
Demographic Questions
Before exploring the best learning methods for users, we conducted a demographic survey and background questions to uncover their profiles, motivations, and what drew them to the vehicles.
Demographic question #2: Customer motivations
Demographic question #3: Customer hesitations
Demographic question #4: Increasing customer confidence
Josh W.
How do users feel?
We engaged with users to identify the methods that resonated most. As expected, the majority wanted a site that was engaging, attention-grabbing, and provided clear, concise information.

How do users feel?
We engaged with users to identify the methods that resonated most. As expected, the majority wanted a site that was engaging, attention-grabbing, and provided clear, concise information.
What questions were asked:
We divided user questions into three categories, providing a well-rounded understanding of what users want to see to simplify their decision-making on the site.
Top learning methods
Users favored learning methods that offered engaging interactivity, concise product information, customer stories, and access to professional assistance when needed.
Demographic Questions
Before exploring the best learning methods for users, we conducted a demographic survey and background questions to uncover their profiles, motivations, and what drew them to the vehicles.
Demographic question #2: Customer motivations
Demographic question #3: Customer hesitations
Demographic question #4: Increasing customer confidence
Josh W.
How do users feel?
We engaged with users to identify the methods that resonated most. As expected, the majority wanted a site that was engaging, attention-grabbing, and provided clear, concise information.

How do users feel?
We engaged with users to identify the methods that resonated most. As expected, the majority wanted a site that was engaging, attention-grabbing, and provided clear, concise information.
What questions were asked:
We divided user questions into three categories, providing a well-rounded understanding of what users want to see to simplify their decision-making on the site.
Top learning methods
Users favored learning methods that offered engaging interactivity, concise product information, customer stories, and access to professional assistance when needed.

Which learning method do users prefer?

Respondents preferred visual and interactive features for learning about new or existing products.

Users strongly opposed lengthy, cumbersome learning methods, such as extensive user manuals—unless they had already purchased the product—or videos exceeding 30 minutes in length, especially when researching a vehicle. Instead, they favored concise, engaging formats that fit seamlessly into their decision-making process.

Vehicles filtering system

The comprehensive filtering system helps users, from beginners to experts, quickly find their ideal ATV by narrowing options based on performance, terrain, and features. This intuitive tool enables confident ATV selection suited to individual needs and lifestyles.

Developing an initial hypothesis and testing the IA
The Prolink IA was sketched to identify usability gaps, optimize structure, and enhance competitiveness.
Competitor 1: Advanced Pro IA
Competitor 2: AutoZone IA
Competitor 3: O'Reilly's IA
Developing an initial hypothesis and testing the IA
The Prolink IA was sketched to identify usability gaps, optimize structure, and enhance competitiveness.
Competitor 1: Advanced Pro IA
Competitor 2: AutoZone IA
Competitor 3: O'Reilly's IA
Developing an initial hypothesis and testing the IA
The Prolink IA was sketched to identify usability gaps, optimize structure, and enhance competitiveness.
Competitor 1: Advanced Pro IA
Competitor 2: AutoZone IA
Competitor 3: O'Reilly's IA
Developing an initial hypothesis and testing the IA
The Prolink IA was sketched to identify usability gaps, optimize structure, and enhance competitiveness.
Competitor 1: Advanced Pro IA
Competitor 2: AutoZone IA
Competitor 3: O'Reilly's IA

Competitor research findings

Competitors simplified search, enabling users to find parts quickly and effortlessly with minimal steps, eliminating friction for a seamless experience.

They offer a vehicle sorter that saves previous searches, enabling faster parts lookup.

Shop catalogs featuring parts from past and current years, enhanced technical training, and additional services.

In addition to the findings mentioned above, the sites offer a more responsive experience, ensuring users can easily view them across various devices.

Interactive modules showcase vehicle features

Videos and articles offer in-depth information

Hero images and vehicle shots showcasing ATVs for all experience levels.

Search features help users quickly find the right vehicle

Reputability

You can answer calls or messages from your iPhone directly on your Mac. Copy images, video, or text from your iPhone.

Learn More

Consistency

NameDrop. Want to swap contact info with someone? Just bring your iPhone close to theirs.

Learn More

Trading Analytics

Pick a favorite pic or Memoji, pair it with a favorite font, and there you have it — your very own calling card.

Learn More

Immersive first impression

Comprehensive vehicle guides

Brief video tutorials

The hero header features a dynamic action shot of the vehicle in motion, showcasing its sleek design and powerful performance. This striking visual immerses users in the experience, igniting excitement and curiosity while encouraging them to explore further.

Reputability

You can answer calls or messages from your iPhone directly on your Mac. Copy images, video, or text from your iPhone.

Learn More

Consistency

NameDrop. Want to swap contact info with someone? Just bring your iPhone close to theirs.

Learn More

Trading Analytics

Pick a favorite pic or Memoji, pair it with a favorite font, and there you have it — your very own calling card.

Learn More

Immersive first impression

Comprehensive vehicle guides

Brief video tutorials

Reputability

You can answer calls or messages from your iPhone directly on your Mac. Copy images, video, or text from your iPhone.

Learn More

Consistency

NameDrop. Want to swap contact info with someone? Just bring your iPhone close to theirs.

Learn More

Trading Analytics

Pick a favorite pic or Memoji, pair it with a favorite font, and there you have it — your very own calling card.

Learn More

Immersive first impression

Comprehensive vehicle guides

Brief video tutorials

Mobile hero header

Browse by category

Date & topic based article filter

The mobile hero header showcases a dynamic ATV action shot, highlighting its sleek design and power while sparking excitement and encouraging exploration.

Following positive user testing, the new hero header was implemented to spotlight the vehicle and spark user interest in learning more.

On mobile sites, a hero header provides a streamlined way to feature products prominently without overwhelming the screen, improving the browsing experience.

CTAs in the hero header let customers easily access the "Build" or "Get Local Price" features to customize their ideal vehicle in 3D or compare prices from local dealers.

Mobile hero header

Browse by category

Date & topic based article filter

The mobile hero header showcases a dynamic ATV action shot, highlighting its sleek design and power while sparking excitement and encouraging exploration.

Following positive user testing, the new hero header was implemented to spotlight the vehicle and spark user interest in learning more.

On mobile sites, a hero header provides a streamlined way to feature products prominently without overwhelming the screen, improving the browsing experience.

CTAs in the hero header let customers easily access the "Build" or "Get Local Price" features to customize their ideal vehicle in 3D or compare prices from local dealers.

Mobile hero header

Browse by category

Date & topic based article filter

The mobile hero header showcases a dynamic ATV action shot, highlighting its sleek design and power while sparking excitement and encouraging exploration.

Following positive user testing, the new hero header was implemented to spotlight the vehicle and spark user interest in learning more.

On mobile sites, a hero header provides a streamlined way to feature products prominently without overwhelming the screen, improving the browsing experience.

CTAs in the hero header let customers easily access the "Build" or "Get Local Price" features to customize their ideal vehicle in 3D or compare prices from local dealers.

Vehicles filtering system

The comprehensive filtering system helps users, from beginners to experts, quickly find their ideal ATV by narrowing options based on performance, terrain, and features. This intuitive tool enables confident ATV selection suited to individual needs and lifestyles.

Competitor research findings

Competitors simplified search, enabling users to find parts quickly and effortlessly with minimal steps, eliminating friction for a seamless experience.

They offer a vehicle sorter that saves previous searches, enabling faster parts lookup.

Shop catalogs featuring parts from past and current years, enhanced technical training, and additional services.

In addition to the findings mentioned above, the sites offer a more responsive experience, ensuring users can easily view them across various devices.

Results page analysis

Users wanted a quicker way to preview parts without leaving their screen and a dedicated checkout page for a smoother experience. We addressed this by adding a preview modal and a separate checkout page for better flexibility.

Self-Reflection & Learnings

Collaboration & Communication

During the digital revamp, I discovered how vital clear communication and collaboration with both team members and stakeholders are to a project’s success. Consistent coordination with developers also proved essential for efficiently implementing new designs.

Value of Iterations

The process emphasized an iterative approach and constant testing. I learned to continually test my design rationale, clarify my approach, and keep user feedback at the forefront throughout the design cycle.

Tranquil Tides Terraces

Coastal Villa Brands

Tranquil Tides Terraces

Coastal Villa Brands

Tranquil Tides Terraces

Coastal Villa Brands

My College Prep

THE CHALLENGE

Our high-level goals were to:

THE DISCOVERY

INITIAL RESEARCH

Hypothesis

Engaging visuals and educational resources boost customer confidence and encourage users to explore further, helping them understand each product to make informed purchase decisions.

Research Findings: Visuals First

Deeper Insights

Which learning method do users prefer?

Vehicles filtering system

The comprehensive filtering system helps users, from beginners to experts, quickly find their ideal ATV by narrowing options based on performance, terrain, and features. This intuitive tool enables confident ATV selection suited to individual needs and lifestyles.

Competitor research findings

The mobile hero header showcases a dynamic ATV action shot, highlighting its sleek design and power while sparking excitement and encouraging exploration.

Following positive user testing, the new hero header was implemented to spotlight the vehicle and spark user interest in learning more.

On mobile sites, a hero header provides a streamlined way to feature products prominently without overwhelming the screen, improving the browsing experience.

CTAs in the hero header let customers easily access the "Build" or "Get Local Price" features to customize their ideal vehicle in 3D or compare prices from local dealers.

The mobile hero header showcases a dynamic ATV action shot, highlighting its sleek design and power while sparking excitement and encouraging exploration.

Following positive user testing, the new hero header was implemented to spotlight the vehicle and spark user interest in learning more.

On mobile sites, a hero header provides a streamlined way to feature products prominently without overwhelming the screen, improving the browsing experience.

CTAs in the hero header let customers easily access the "Build" or "Get Local Price" features to customize their ideal vehicle in 3D or compare prices from local dealers.

The mobile hero header showcases a dynamic ATV action shot, highlighting its sleek design and power while sparking excitement and encouraging exploration.

Following positive user testing, the new hero header was implemented to spotlight the vehicle and spark user interest in learning more.

On mobile sites, a hero header provides a streamlined way to feature products prominently without overwhelming the screen, improving the browsing experience.

CTAs in the hero header let customers easily access the "Build" or "Get Local Price" features to customize their ideal vehicle in 3D or compare prices from local dealers.

Vehicles filtering system

The comprehensive filtering system helps users, from beginners to experts, quickly find their ideal ATV by narrowing options based on performance, terrain, and features. This intuitive tool enables confident ATV selection suited to individual needs and lifestyles.

Competitor research findings

Results page analysis

Self-Reflection & Learnings

Engaging visuals and educational resources boost customer
confidence and encourage users to explore further, helping
them understand each product to make informed purchase
decisions.