MI MIATA DREAM: WEBSITE PROTOTYPE

Website Prototype

by Adrianna De la Rosa

This project involves designing a website for Kainos Wellness. The site features a calming palett

About Project

This project focuses on designing a prototype for a one-page website promoting the "Mi Miata Dream" raffle for a 1990 Mazda Miata MX-5. The design incorporates a clear CTA, informative raffle details, and an interactive element to enhance user engagement. Inspired by the Miata’s iconic bold red color, the layout features bold typography and a maximalist aesthetic, enriched with dotted textures and hand-drawn sketches.

Desktop

Interactive Figma Prototyping

SKILL & GROWTH

This project marked my first experience going beyond a simple Figma design, challenging me to explore advanced prototyping techniques. I pushed myself to incorporate hover, scroll, and click effects, refining my skills to create a more dynamic and interactive user experience. Through this process, I worked to elevate my website prototype, ensuring it fully captured my initial vision while enhancing usability and engagement.

Reflection

Seamless Online Booking Integration

One of the key priorities in designing the Kainos Wellness Massage website was ensuring a smooth and accessible booking process. To enhance user convenience, I integrated a prominent booking button at both the top navigation barand the bottom of each page. This eliminates the need for users to search for the booking option, allowing them to schedule an appointment quickly and effortlessly.



Showcase and Interactive Activity

In hopes of capturing the friendliness and welcoming nature of the 1990 Mazda Miata MX-5, I chose to create a turnaround 3D model for the showcase and interactive activity. Additionally, I designed a car repaint feature resembling a game, allowing users to visualize how their car would look in different colors.


3D Model Credits: Royd45 on Sketchfab



CTA and Information

After experiencing the entire website and being visually engaged by the car model and its various attributes, I intentionally placed the raffle information and tickets at the end. My goal was to ensure that after completing the one-page experience, users would be more likely to participate in this unique opportunity.



Mobile

Name

Mi Miata Dream

My Role

UX/UI Designer

Timeline

January 2025 - March 2025

Tools

Figma, Adobe Illustrator, Canva

MI MIATA DREAM: WEBSITE PROTOTYPE

Website Prototype

by Adrianna De la Rosa

This project involves designing a website for Kainos Wellness. The site features a calming palett

About Project

This project focuses on designing a prototype for a one-page website promoting the "Mi Miata Dream" raffle for a 1990 Mazda Miata MX-5. The design incorporates a clear CTA, informative raffle details, and an interactive element to enhance user engagement. Inspired by the Miata’s iconic bold red color, the layout features bold typography and a maximalist aesthetic, enriched with dotted textures and hand-drawn sketches.

Desktop

Interactive Figma Prototyping

SKILL & GROWTH

This project marked my first experience going beyond a simple Figma design, challenging me to explore advanced prototyping techniques. I pushed myself to incorporate hover, scroll, and click effects, refining my skills to create a more dynamic and interactive user experience. Through this process, I worked to elevate my website prototype, ensuring it fully captured my initial vision while enhancing usability and engagement.

Reflection

Seamless Online Booking Integration

One of the key priorities in designing the Kainos Wellness Massage website was ensuring a smooth and accessible booking process. To enhance user convenience, I integrated a prominent booking button at both the top navigation barand the bottom of each page. This eliminates the need for users to search for the booking option, allowing them to schedule an appointment quickly and effortlessly.



Showcase and Interactive Activity

In hopes of capturing the friendliness and welcoming nature of the 1990 Mazda Miata MX-5, I chose to create a turnaround 3D model for the showcase and interactive activity. Additionally, I designed a car repaint feature resembling a game, allowing users to visualize how their car would look in different colors.


3D Model Credits: Royd45 on Sketchfab



CTA and Information

After experiencing the entire website and being visually engaged by the car model and its various attributes, I intentionally placed the raffle information and tickets at the end. My goal was to ensure that after completing the one-page experience, users would be more likely to participate in this unique opportunity.



Mobile

Name

Mi Miata Dream

My Role

UX/UI Designer

Timeline

January 2025 - March 2025

Tools

Figma, Adobe Illustrator, Canva