BOREAS

BOREAS

For my Project 3, we had to make an experience website based on a one-day event. For me, I chose storm-chasing as I found it really interesting. Boreas is a storm-chasing tour company that offers adrenaline-fueled experiences for thrill-seekers. The goal of this project was to design an experience website that merges high-energy aesthetics with seamless booking functionality. The challenge was to create a site that reflects the raw power of nature while maintaining an intuitive and engaging user experience.

Client

NUA Brief 3

Year

2024

Category

Web Design

Introduction

Introduction

Existing tour booking websites often feel generic and lack the immersive appeal that experience-driven travelers seek. Boreas needed a site that:

  • Emphasizes the intensity of storm chasing through dynamic visuals and bold design.

  • Provides a smooth booking experience without clutter or confusion.

  • Captures the essence of adventure through storytelling and curated content.

  • Ensures accessibility and responsiveness for all users, including mobile and tablet users.

To craft an engaging user experience, I conducted:

  • User personas & interviews: Adventure travelers, photographers, and extreme weather enthusiasts.

  • Competitive analysis: High-end travel and experience websites.

  • Visual and UX research: Exploring design elements that convey motion, power, and exclusivity.

Existing tour booking websites often feel generic and lack the immersive appeal that experience-driven travelers seek. Boreas needed a site that:

  • Emphasizes the intensity of storm chasing through dynamic visuals and bold design.

  • Provides a smooth booking experience without clutter or confusion.

  • Captures the essence of adventure through storytelling and curated content.

  • Ensures accessibility and responsiveness for all users, including mobile and tablet users.

To craft an engaging user experience, I conducted:

  • User personas & interviews: Adventure travelers, photographers, and extreme weather enthusiasts.

  • Competitive analysis: High-end travel and experience websites.

  • Visual and UX research: Exploring design elements that convey motion, power, and exclusivity.

Introduction

Existing tour booking websites often feel generic and lack the immersive appeal that experience-driven travelers seek. Boreas needed a site that:

  • Emphasizes the intensity of storm chasing through dynamic visuals and bold design.

  • Provides a smooth booking experience without clutter or confusion.

  • Captures the essence of adventure through storytelling and curated content.

  • Ensures accessibility and responsiveness for all users, including mobile and tablet users.

To craft an engaging user experience, I conducted:

  • User personas & interviews: Adventure travelers, photographers, and extreme weather enthusiasts.

  • Competitive analysis: High-end travel and experience websites.

  • Visual and UX research: Exploring design elements that convey motion, power, and exclusivity.

Research & Insights

Research & Insights

My design goals were simple: how could I make a scientific hobby like storm-chasing more appealing to the general public?

This is what I found out.

Edgy, immersive visuals: A dark, cinematic theme with high-contrast imagery and subtle animations.

  1. Seamless booking flow: A frictionless, mobile-optimized reservation system.

  2. Storytelling elements: Integrated blog and storm chaser testimonials.

  3. Bold typography and UI: Strong typographic hierarchy and motion elements


My design goals were simple: how could I make a scientific hobby like storm-chasing more appealing to the general public?

This is what I found out.

Edgy, immersive visuals: A dark, cinematic theme with high-contrast imagery and subtle animations.

  1. Seamless booking flow: A frictionless, mobile-optimized reservation system.

  2. Storytelling elements: Integrated blog and storm chaser testimonials.

  3. Bold typography and UI: Strong typographic hierarchy and motion elements


Research & Insights

My design goals were simple: how could I make a scientific hobby like storm-chasing more appealing to the general public?

This is what I found out.

Edgy, immersive visuals: A dark, cinematic theme with high-contrast imagery and subtle animations.

  1. Seamless booking flow: A frictionless, mobile-optimized reservation system.

  2. Storytelling elements: Integrated blog and storm chaser testimonials.

  3. Bold typography and UI: Strong typographic hierarchy and motion elements


Design Process

Design Process

Design Process

  1. Concept Development

    • Defined the aesthetic direction: dark mode, kinetic layouts, and dramatic visuals.

    • Developed wireframes emphasizing immersive content blocks.

  2. High-Fidelity Prototyping

    • Built interactive prototypes with micro-interactions and hover effects.

    • Designed a custom tour-selection interface for enhanced engagement.

  3. Development & Testing

    • Developed the site using a headless CMS and modern front-end technologies on Framer.

    • Conducted usability testing with target users to refine interactions and booking processes.

Design Process

  1. Concept Development

    • Defined the aesthetic direction: dark mode, kinetic layouts, and dramatic visuals.

    • Developed wireframes emphasizing immersive content blocks.

  2. High-Fidelity Prototyping

    • Built interactive prototypes with micro-interactions and hover effects.

    • Designed a custom tour-selection interface for enhanced engagement.

  3. Development & Testing

    • Developed the site using a headless CMS and modern front-end technologies on Framer.

    • Conducted usability testing with target users to refine interactions and booking processes.

Design Process

Design Process

  1. Concept Development

    • Defined the aesthetic direction: dark mode, kinetic layouts, and dramatic visuals.

    • Developed wireframes emphasizing immersive content blocks.

  2. High-Fidelity Prototyping

    • Built interactive prototypes with micro-interactions and hover effects.

    • Designed a custom tour-selection interface for enhanced engagement.

  3. Development & Testing

    • Developed the site using a headless CMS and modern front-end technologies on Framer.

    • Conducted usability testing with target users to refine interactions and booking processes.

Results

Results

The Boreas website successfully blends high-intensity aesthetics with smooth functionality, setting a new standard for experience-driven travel platforms. Future improvements may include AI-powered storm forecasts and AR-enhanced storm-tracking maps.

By curating a bold, immersive digital space, Boreas captures the thrill of storm chasing while delivering a seamless, high-end booking experience.

The Boreas website successfully blends high-intensity aesthetics with smooth functionality, setting a new standard for experience-driven travel platforms. Future improvements may include AI-powered storm forecasts and AR-enhanced storm-tracking maps.

By curating a bold, immersive digital space, Boreas captures the thrill of storm chasing while delivering a seamless, high-end booking experience.

Results

The Boreas website successfully blends high-intensity aesthetics with smooth functionality, setting a new standard for experience-driven travel platforms. Future improvements may include AI-powered storm forecasts and AR-enhanced storm-tracking maps.

By curating a bold, immersive digital space, Boreas captures the thrill of storm chasing while delivering a seamless, high-end booking experience.

jeslyn chua :)

jeslyn chua :)

jeslyn chua :)

jeslyn chua :)

©2024 MANDRO DESIGN

GO BACK TO TOP

©2024 MANDRO DESIGN

GO BACK TO TOP

©2024 MANDRO DESIGN

GO BACK TO TOP

©2024 MANDRO DESIGN

GO BACK TO TOP