Securesay

Peer chat, student-focused

My Role

Spectra

Tools

2025

Team

Timeline

Innovative and user-centered development of a mobile app for virtual art exhibitions, allowing users to explore art from around the world.

See live project

Key Insights:

Kayla is a new rider seeking a simple, reliable ATV without extra features — just easy, confident riding.

Kayla's Story

Novice User

Software Engineer

The Recreational Rider

Kayla is a new rider seeking a simple, reliable ATV without extra features — just easy, confident riding.

Kayla's Story

Novice User

Software Engineer

The Recreational Rider

Kayla is a new rider seeking a simple, reliable ATV without extra features — just easy, confident riding.

Kayla's Story

Novice User

Software Engineer

The Recreational Rider

Joe is a work-first rider who needs a durable, reliable, and powerful ATV to handle tough tasks—yet versatile enough for the occasional leisure ride.

Joe's Story

Intermediate - Expert User

Farmer

Work-driven Enthusiast

Joe is a work-first rider who needs a durable, reliable, and powerful ATV to handle tough tasks—yet versatile enough for the occasional leisure ride.

Joe's Story

Intermediate - Expert User

Farmer

Work-driven Enthusiast

Joe is a work-first rider who needs a durable, reliable, and powerful ATV to handle tough tasks—yet versatile enough for the occasional leisure ride.

Joe's Story

Intermediate - Expert User

Farmer

Work-driven Enthusiast

A rural police force relies on powerful, durable ATVs to handle rescue missions, reach remote areas, and tackle tough terrain with speed and efficiency.

The ASPD's Story

Expert User(s)

Fictional Police Dept.

Work-only Essential

A rural police force relies on powerful, durable ATVs to handle rescue missions, reach remote areas, and tackle tough terrain with speed and efficiency.

The ASPD's Story

Expert User(s)

Fictional Police Dept.

Work-only Essential

A rural police force relies on powerful, durable ATVs to handle rescue missions, reach remote areas, and tackle tough terrain with speed and efficiency.

The ASPD's Story

Expert User(s)

Fictional Police Dept.

Work-only Essential

We realised that...
The original header was cluttered and lacked focus. We tested it for user feedback.
Trim & Color Features Compare Specs Accessories Reviews
RZR XP 4 1000
RZR XP 4 1000 Sport
Starting at $23,900 US MSRP

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien.
Starting at $32,900 US MSRP
RZR XP 4 1000 Premium
Trim & Color Options
(1 of 2)
Find Dealer
Help
US - English
Account
Vehicle Shopping Tools Parts & Accessories Clothing Gear Discover Rides
Find Out What Your Current Vehicle Is Worth - Estimate Your Trade-In!
RZR XP 4 1000
Starting at $23,9999 US MSRP
THE INDUSTRY'S TOP
SELLING 2-SEATER
4.2 (348) Reviews
Plus destination charge and set up.
Logistics surcharge of $400 will apply.
*Lorem ipsum dolor sit amet consectetur adipiscing elit.
Build
Get Local Price
Search
01
02
Original mobile header
Mobile users felt lost from the start, with a header that lacked clarity and direction.
This User Zoom-tested prototype shows the current mobile view without a hero header. Key CTAs were placed low on the page, requiring users to scroll—while dense product info risked overwhelming them upfront.
Could a Hero Header Actually Feel Heroic? We Set Out to Find Out.
Inspired by vehicle sites, we tested a visual-first hero to boost first impressions, engagement, and immersion into product discovery.
03
04
Hero Header Prototype A
Fullscreen Layout with Focused and Clear CTAs

Prototype A featured product info on a white background with black text to draw attention, including the product name, tagline, starting price, and a disclaimer link for clarity. It also placed standard CTAs at the top of the screen to test how users responded to their new position.
05
Hero Header Prototype B
Expanded Hero Layout with Repositioned Info and Bottom CTAs

Prototype B featured an expanded hero layout to spotlight the vehicle in action. Product info—including the name, tagline, price, and disclaimer—was moved below the image for a more focused view. CTAs were placed near the bottom to support a cleaner, more immersive entry.
06
Hero Header Prototype C
Expanded Hero with Shifted Info and CTAs for Building and Local Pricing

Prototype C kept the expanded hero and moved product info—name, tagline, price, and disclaimer—below the image. It also introduced both “Build” and “Get Local Price” CTAs near the bottom to support customization and local pricing.
We realised that...
The original header was cluttered and lacked focus. We tested it for user feedback.
Trim & Color Features Compare Specs Accessories Reviews
RZR XP 4 1000
RZR XP 4 1000 Sport
Starting at $23,900 US MSRP

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien.
Starting at $32,900 US MSRP
RZR XP 4 1000 Premium
Trim & Color Options
(1 of 2)
Find Dealer
Help
US - English
Account
Vehicle Shopping Tools Parts & Accessories Clothing Gear Discover Rides
Find Out What Your Current Vehicle Is Worth - Estimate Your Trade-In!
RZR XP 4 1000
Starting at $23,9999 US MSRP
THE INDUSTRY'S TOP
SELLING 2-SEATER
4.2 (348) Reviews
Plus destination charge and set up.
Logistics surcharge of $400 will apply.
*Lorem ipsum dolor sit amet consectetur adipiscing elit.
Build
Get Local Price
Search
01
02
Original mobile header
Mobile users felt lost from the start, with a header that lacked clarity and direction.
This User Zoom-tested prototype shows the current mobile view without a hero header. Key CTAs were placed low on the page, requiring users to scroll—while dense product info risked overwhelming them upfront.
Could a Hero Header Actually Feel Heroic? We Set Out to Find Out.
Inspired by vehicle sites, we tested a visual-first hero to boost first impressions, engagement, and immersion into product discovery.
03
04
Hero Header Prototype A
Fullscreen Layout with Focused and Clear CTAs

Prototype A featured product info on a white background with black text to draw attention, including the product name, tagline, starting price, and a disclaimer link for clarity. It also placed standard CTAs at the top of the screen to test how users responded to their new position.
05
Hero Header Prototype B
Expanded Hero Layout with Repositioned Info and Bottom CTAs

Prototype B featured an expanded hero layout to spotlight the vehicle in action. Product info—including the name, tagline, price, and disclaimer—was moved below the image for a more focused view. CTAs were placed near the bottom to support a cleaner, more immersive entry.
06
Hero Header Prototype C
Expanded Hero with Shifted Info and CTAs for Building and Local Pricing

Prototype C kept the expanded hero and moved product info—name, tagline, price, and disclaimer—below the image. It also introduced both “Build” and “Get Local Price” CTAs near the bottom to support customization and local pricing.
We realised that...
The original header was cluttered and lacked focus. We tested it for user feedback.
Trim & Color Features Compare Specs Accessories Reviews
RZR XP 4 1000
RZR XP 4 1000 Sport
Starting at $23,900 US MSRP

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien.
Starting at $32,900 US MSRP
RZR XP 4 1000 Premium
Trim & Color Options
(1 of 2)
Find Dealer
Help
US - English
Account
Vehicle Shopping Tools Parts & Accessories Clothing Gear Discover Rides
Find Out What Your Current Vehicle Is Worth - Estimate Your Trade-In!
RZR XP 4 1000
Starting at $23,9999 US MSRP
THE INDUSTRY'S TOP
SELLING 2-SEATER
4.2 (348) Reviews
Plus destination charge and set up.
Logistics surcharge of $400 will apply.
*Lorem ipsum dolor sit amet consectetur adipiscing elit.
Build
Get Local Price
Search
01
02
Original mobile header
Mobile users felt lost from the start, with a header that lacked clarity and direction.
This User Zoom-tested prototype shows the current mobile view without a hero header. Key CTAs were placed low on the page, requiring users to scroll—while dense product info risked overwhelming them upfront.
Could a Hero Header Actually Feel Heroic? We Set Out to Find Out.
Inspired by vehicle sites, we tested a visual-first hero to boost first impressions, engagement, and immersion into product discovery.
03
04
Hero Header Prototype A
Fullscreen Layout with Focused and Clear CTAs

Prototype A featured product info on a white background with black text to draw attention, including the product name, tagline, starting price, and a disclaimer link for clarity. It also placed standard CTAs at the top of the screen to test how users responded to their new position.
05
Hero Header Prototype B
Expanded Hero Layout with Repositioned Info and Bottom CTAs

Prototype B featured an expanded hero layout to spotlight the vehicle in action. Product info—including the name, tagline, price, and disclaimer—was moved below the image for a more focused view. CTAs were placed near the bottom to support a cleaner, more immersive entry.
06
Hero Header Prototype C
Expanded Hero with Shifted Info and CTAs for Building and Local Pricing

Prototype C kept the expanded hero and moved product info—name, tagline, price, and disclaimer—below the image. It also introduced both “Build” and “Get Local Price” CTAs near the bottom to support customization and local pricing.
We realised that...
The original header was cluttered and lacked focus. We tested it for user feedback.
Trim & Color Features Compare Specs Accessories Reviews
RZR XP 4 1000
RZR XP 4 1000 Sport
Starting at $23,900 US MSRP

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien.
Starting at $32,900 US MSRP
RZR XP 4 1000 Premium
Trim & Color Options
(1 of 2)
Find Dealer
Help
US - English
Account
Vehicle Shopping Tools Parts & Accessories Clothing Gear Discover Rides
Find Out What Your Current Vehicle Is Worth - Estimate Your Trade-In!
RZR XP 4 1000
Starting at $23,9999 US MSRP
THE INDUSTRY'S TOP
SELLING 2-SEATER
4.2 (348) Reviews
Plus destination charge and set up.
Logistics surcharge of $400 will apply.
*Lorem ipsum dolor sit amet consectetur adipiscing elit.
Build
Get Local Price
Search
01
02
Original mobile header
Mobile users felt lost from the start, with a header that lacked clarity and direction.
This User Zoom-tested prototype shows the current mobile view without a hero header. Key CTAs were placed low on the page, requiring users to scroll—while dense product info risked overwhelming them upfront.
Could a Hero Header Actually Feel Heroic? We Set Out to Find Out.
Inspired by vehicle sites, we tested a visual-first hero to boost first impressions, engagement, and immersion into product discovery.
03
04
Hero Header Prototype A
Fullscreen Layout with Focused and Clear CTAs

Prototype A featured product info on a white background with black text to draw attention, including the product name, tagline, starting price, and a disclaimer link for clarity. It also placed standard CTAs at the top of the screen to test how users responded to their new position.
05
Hero Header Prototype B
Expanded Hero Layout with Repositioned Info and Bottom CTAs

Prototype B featured an expanded hero layout to spotlight the vehicle in action. Product info—including the name, tagline, price, and disclaimer—was moved below the image for a more focused view. CTAs were placed near the bottom to support a cleaner, more immersive entry.
06
Hero Header Prototype C
Expanded Hero with Shifted Info and CTAs for Building and Local Pricing

Prototype C kept the expanded hero and moved product info—name, tagline, price, and disclaimer—below the image. It also introduced both “Build” and “Get Local Price” CTAs near the bottom to support customization and local pricing.

We found that...

Build + Price Preferences

Most users preferred having both a “Build” button for real-time 3D customization and a “Local Price” button to view pricing by location.

Initial Interaction Insights

Users spent about 9 seconds on the new hero header, describing it as immersive and spacious—showcasing the vehicle’s capabilities without feeling overwhelming.

We found that...

Build + Price Preferences

Most users preferred having both a “Build” button for real-time 3D customization and a “Local Price” button to view pricing by location.

Initial Interaction Insights

Users spent about 9 seconds on the new hero header, describing it as immersive and spacious—showcasing the vehicle’s capabilities without feeling overwhelming.

We found that...

Build + Price Preferences

Most users preferred having both a “Build” button for real-time 3D customization and a “Local Price” button to view pricing by location.

Initial Interaction Insights

Users spent about 9 seconds on the new hero header, describing it as immersive and spacious—showcasing the vehicle’s capabilities without feeling overwhelming.

Synthesis # 2

User Learning Content

We introduced a "Browse Articles" page, organized by top categories, to help users explore vehicles, accessories, and use cases—making complex info easy to navigate and learn from.

We found that...

First Iteration

In the first iteration, we introduced a dropdown menu to display article categories. After testing with users, we learned it felt clunky—taking up too much of the screen—and they wanted filtering options like date to find articles more easily.

Second Iteration

In iteration two, we added icons to make categories easier to browse. Users liked the clarity but wanted to see more articles at once for quicker browsing.

Final Iteration

The final design kept the category icons and filters users preferred, and introduced a two-row layout to reduce scrolling and make it easier to scan multiple articles—improving efficiency while maintaining a clear, organized experience.

Synthesis # 2

User Learning Content

We introduced a "Browse Articles" page, organized by top categories, to help users explore vehicles, accessories, and use cases—making complex info easy to navigate and learn from.

We found that...

First Iteration

Second Iteration

In iteration two, we added icons to make categories easier to browse. Users liked the clarity but wanted to see more articles at once for quicker browsing.

Final Iteration

Synthesis # 2

User Learning Content

We introduced a "Browse Articles" page, organized by top categories, to help users explore vehicles, accessories, and use cases—making complex info easy to navigate and learn from.

We found that...

First Iteration

Second Iteration

In iteration two, we added icons to make categories easier to browse. Users liked the clarity but wanted to see more articles at once for quicker browsing.

Final Iteration