top of page
Screenshot 2023-11-12 at 10.44.45.png
Screenshot 2023-11-12 at 10.44.45.png
NameLogo_Colour

EMPOWERING CHOISES, ENLIGHTENING LIVES

"YOUR PASSPORT TO INFORMED VAPING, WHERE EVERY CHOICE COUNTS!"

VapeFit, an innovative app, aims to transform the vaping landscape by prioritizing safety and informed decision-making. By regulating the sale of vape products, VapeFit not only establishes new safety standards but also acts as a strong deterrent for individuals lacking knowledge about vaping. 

Empowering users is at the core of VapeFit's mission. It equips them with comprehensive information and resources, empowering them to make responsible choices about their vaping experiences. Through this case study, we explore how VapeFit is reshaping the industry, revolutionizing safety, education, and user empowerment.

Tools Used

  • Figma

  • Miro

  • Illustrator

  • Photoshop

  • Procreate

Roles

  • User Experience Designer (UX)

  • User Interface Designer (UI)

  • UX Researcher

Project Timeline

  • Duration: 6 weeks

  • Discovery & Research: 3 weeks

  • Design & Testing: 3 weeks

Problem

  • Many, including young teens, vape without understanding the risks, and where this generation is heading is concerning.

  • People unknowingly get addicted due to the lack of strict regulations on buying vape products. Easy access allows everyone to get these products effortlessly.

  • Users lack enough knowledge about the drawbacks of vaping.

  • Urgent attention is required to address this issue and safeguard the younger generation from the dangers of vaping.

Solution

  • The VapeFit app ensures regulated purchases by implementing effective age and knowledge verifications. 

  • Providing a platform which offers comprehensive information about vaping processes, devices, and associated drawbacks to consumers. 

  • The aim is to validate the knowledge and to restrict unauthorised purchase of every individual purchasing vape products, promoting informed and responsible usage.

DESIGN PROCESS

01

EMPATHIZE

02

DEFINE

03

IDEATE

04

PROTOTYPE

05

TEST

"Cultivating Empathy: Illuminating User Insights through Extensive Surveys and Interviews"

The initial phase of my research, focused on empathizing, involved conducting user surveys and one-on-one interviews with three distinct user categories: Vapers (individuals who vape), Vape Sellers (Individuals who sell vape and vape products), and Non-vapers (commoners who don't vape). A total of 113 survey responses and 9 in-depth one-on-one interview responses were gathered across these user categories. These comprehensive data collection efforts yielded key findings that have provided invaluable insights. The analysis of survey responses and interviews has been instrumental in shaping the direction and goals of my application, guiding me towards the specific actions required for its successful implementation.

"Crucial Key Findings Shaping the Path Forward"

01

The number of people using vapes and vape related products has clearly increased

03

For youngsters, vaping opens the door to addiction to nicotine and other chemicals.

05

Young people who are under the legal age of vaping also uses vape and vape related products.

07

Increase in vaping has a very negative impact on the neighbourhood and as a community.

09

Recently, vaping has been linked to serious respiratory illnesses, including cancer, and even mortality.                                   

02

It is obvious that many teenagers are using vape products more frequently.

04

There is a widespread misperception that vaping is less dangerous than cigarette use. 

06

Vape items are readily accessible on online platforms, bypassing age restrictions with ease.

08

Participant's agree that developing an app to regulate the purchase of vapes and vape items is crucial.

10

Restrictions on the use and sale of e-cigarettes and other vaping products should be placed by the government.

"Persona Chronicles: Crafting Detailed User Personas for a Human-Centric Design Approach"

During the affinity mapping phase, I effectively utilized personas as part of my user-focused strategy. By carefully assessing the data collected, I carefully selected detailed personas including Vaping Enthusiast Amir, Vape Seller Steve, and health-conscious Non-vaper Cerina.

Each persona accurately represented specific behaviors, needs, and frustrations discovered during the data analysis. These personas played a pivotal role in shaping my design process, providing a comprehensive understanding of user journeys.

Throughout the different stages, I consistently referred back to these personas, personalizing my design to meet the distinct requirements of each persona. This ensured a comprehensive and empathetic approach to the project.

"Path to Perfection: Analysing the In-Depth User Journey Map for Optimal User Experience"

To achieve a smooth user experience, I actively chose specific routes for our user journey map, gaining insights from individual user profiles. I ensured the precision and dependability of these plotted pathways through a series of testing and validation sessions, incorporating valuable user feedback.

The outcomes of our journey mapping proved to be of utmost importance as they disclosed valuable touchpoints, emotional cues, and significant areas of concern for our user profiles.

Driven by this revelation, alterations were made to our design with the aim of simplifying navigation and enhancing accessibility.

The final result is a meticulously developed product with due consideration to the diverse interests and backgrounds of our targeted users. This iterative approach brings our design closer to fulfilling user preferences, thereby creating a more captivating and gratifying user experience.

"Seamless Navigation: Illustrating the Strategic User Flow Diagram for Effective Design" 

The diagram showcasing the user flow holds significant importance in our project, as it intricately illustrates the step-by-step journey that users undertake when navigating through the application. Through diligent research, this visual representation effectively outlines the logical progression and decision-making points that users encounter.

By mapping out the pathways followed by users, my objective was to streamline interactions, improve usability, and optimize the overall user experience.

This diagram serves as a comprehensive guide for our design, ensuring a cohesive and intuitive navigation system that seamlessly aligns with user expectations and objectives.

As I delve into the complexities of user flows, my commitment lies in crafting a user-centric design that facilitates effortless engagement and fulfills the diverse needs of our users.

User Flow Diagram

"Blueprinting Excellence: Unveiling the Strategic Site Map for Effortless User Navigation"

The site map acts as an architectural blueprint for the application, systematically organising its structure and hierarchy. This graphic depiction illustrates the linked network of pages and features.

As I chart the navigation paths, the site map becomes an important tool for providing a consistent and straightforward user experience. This strategic layout guided my design and development, promoting a systematic approach to information architecture that maximises accessibility and user engagement.

Using the site map as a reference, I worked on creating an application that effortlessly corresponds with user expectations, giving a user-friendly and purposeful journey throughout.

Site Map

"Foundations Unveiled: Navigating the UX Landscape with Our Low-Fidelity Prototype"

Dynamic low-fidelity prototypes were vital for presenting, testing, and brainstorming throughout every stage of my design process. These sketches are based on insights collected during the testing phase of low-fidelity prototype.
Multiple versions were developed with different element arrangements and features, each aimed at meeting different user demands and preferences. 
The chosen version prioritised simplicity in layout and arrangement, promising a straightforward understanding. 
These sketches helped me in progressing as it functioned as a visual guide, allowing for continuous refinement and enhancement of the user experience. 
I incorporated valuable feedback, iteratively shaping the final design to seamlessly align with user needs and expectations.

Lo-Fi Prototype

"Revolutionizing Design: Unveiling the High-Fidelity Prototype - A Pinnacle of Precision, User-Centricity, and Visual Excellence"

I created and wirframed the high-fidelity prototype using Figma, taking use of its collaborative capabilities that enable effective design development. 
It was crucial to test the wireframes as they provided important insights into user interactions and usability. The wireframes were improved over several iterations, taking into account user input and the results of each testing stage. 
I was able to improve the high-fidelity prototype's accuracy and detail through this iterative process, guaranteeing that it meets user needs and offers the best possible user experience. 
By presenting this prototype, I invite you to interact with the design that values user satisfaction and engagement above all else.

"Design Harmony: Navigating the Hi-Fi Prototype Through a Meticulously Crafted Style Guide"

While crafting the high-fidelity prototype, I adhered to a curated style guide that defines the visual language, typography, color schemes, and interface elements, ensuring a cohesive and aesthetically pleasing user experience.

Imbued with consistency and clarity, the style guide not only unified the design but also enhanced the usability, allowing users to seamlessly navigate and engage with the prototype.

Logo
NameLogo_White
NameLogo_White
StyleGuide

"Precision Validation: Elevating User Experience Through Rigorous Testing of the Hi-Fidelity Prototype"

Detailed usability testing on the prototype revealed some issues  as users expressed difficulty with the complicated design after finding some parts difficult to navigate over multiple testing. 
In order to fix this, I made design iterations and simplified those flows in response to user comments and observations. 
The solution went through many versions, all of which improved usability. I verified the solution through iterative testing, witnessing increased satisfaction among users and a smoother experience on the finished product. 
This extensive testing process translated user ideas into meaningful upgrades that guarantee our product not only meets but exceeds customer expectations. It was the ultimate validation.

"Elevating User Experience: Key Findings from Rigorous Testing"

01

Usefulness:

Users expressed high satisfaction with the app's utility, acknowledging its effectiveness in addressing their needs related to vaping, providing valuable information, and facilitating informed decision-making.

03

Applications Insight:

Users found the range of applications valuable, noting that the app served not only as a purchasing platform but also as an educational resource, enhancing their overall understanding of vaping.

05

Interactive Engagement:

Users appreciated the interactive elements within the app, such as quizzes and tutorials, enhancing user engagement. This dynamic feature not only provided an enjoyable learning experience but also contributed to a deeper understanding of vaping-related content.

02

Structural Cohesion:

Feedback highlighted the well-organized and intuitive structure of the app. Users appreciated the logical flow of information, emphasizing how it contributed to a seamless navigation experience.

04

Approachable Design:

The user-centered design approach resonated positively with testers, as they found the interface approachable and user-friendly. Icons, labels, and navigation elements were praised for their clarity and ease of use.

06

Overall Structure and Usage:

Feedback regarding the overall structure and usage of the app was overwhelmingly positive. Users noted the cohesive design, effective communication of information, and a general sense of satisfaction with the overall user experience

"Future Initiatives: Propelling VapeFit Project Towards Government Approval and Innovative In-Store Solutions"

Continuing with this project, my top priority is to present the application to the government and promote for its acceptance in order to thoroughly control the sales of vape and vape related products. To increase its impact, I propose introducing strong procedures that ensure strict regulations to age and knowledge verification criteria.

Furthermore, I plan to develop a physical device for purchases made in stores. This device, which can read the QR codes generated through the VapeFit application and will allow retailers to obtain vital customer data such as ID status, age, and vaping experience.

This approach tries to improve in-person purchases while complying with regulatory laws. Time restrictions limited the complete implementation of this device in the current project.

Utilising government support and highlighting the device's benefits in promoting appropriate sales behaviours of vaping products will be critical to the project's success.

I intend to continue iterating the application based on user input, pursue regulatory collaborations, and prioritise physical device development. 

"Design Evolution: Displaying the Learnings and Insights Through the VapeFit Project Journey"

Throughout this project, I honed my hard skills in prototyping tools like Figma, embracing its collaborative features. This project pushed me to a different thinking process, refining my soft skills in empathy and communication.

Implementing user personas and journey maps enhanced my understanding of user-centric design practices.

This project significantly contributed to my growth as a designer by emphasizing the iterative nature of the design process and the importance of user feedback.

It shattered preconceptions about assumptions regarding user preferences, emphasizing the value of real user insights. The emphasis on comprehensive user testing has influenced me to prioritize iterative improvements based on actual user experiences, ensuring a more refined and user-friendly end product in my future design endeavors.

Thank you 🙏 for looking into the intricate details of my case study. Your time and engagement in exploring the journey of the VapeFit project are truly appreciated. 

Interested in collaboration? Feel free to contact me -- I look forward to exploring potential opportunities with you!

bottom of page