1) Introduction

User Experience Design (UXD) plays a vital role in crafting web projects that resonate with users by understanding their needs, behaviours, and challenges. In today’s digital era, websites need to go beyond aesthetics and deliver functionality and user-centric solutions to ensure an engaging experience. By focusing on empathy, accessibility, and intuitive design, UXD empowers users to connect meaningfully with content and products (Unger and Chandler, 2023). For my Major Project, titled “Different Types of Brewing Indian Tea/ Chai”, the goal is to design an immersive website that addresses specific user needs while reflecting the project’s overarching objectives. This project requires integrating research-driven insights into the planning and development process to ensure the final product aligns with the target audience’s expectations.

This article outlines how I will apply UXD techniques, such as user personas, empathy mapping, and journey mapping, to my project. Additionally, I will discuss research-driven insights, prototyping strategies, and user testing methods to ensure the final design meets user needs effectively. By integrating these tools, I aim to deliver a website that educates, inspires, and delights users while promoting the timeless charm of Indian tea/chai.

2) Context and Goals of the Project

The Project, “Different Types of Brewing Indian Tea/Chai”, is an initiative designed to celebrate and share the rich heritage of Indian tea culture through a dynamic and user-centric website. The project is built around two core ideas. The first idea focuses on creating an educational platform that delves into the history, unique flavors, and health benefits of Indian tea, while also offering step-by-step recipes and tips for brewing tea using varieties popular in the UK. The second idea centres on branding and convenience by introducing pre-packaged tea bags that cater to the needs of fast-paced modern lifestyles, making authentic Indian tea/chai more accessible to a global audience.

The objectives of this project are twofold: firstly, to educate users about the origins and brewing techniques of Indian tea, fostering a deeper appreciation for its cultural and culinary significance; and secondly, to promote innovative, instant solutions for tea lovers who value both tradition and convenience. By combining these elements, the project aims to bridge the gap between cultural heritage and contemporary needs, offering a platform that is both informative and practical (Mazzetto, 2024).

User Experience Design (UXD) plays a critical role in achieving these outcomes. Through thoughtful UXD techniques, such as empathy mapping and user personas, I aim to understand and address the unique needs and behaviours of the target audience, which includes tea enthusiasts, busy professionals, and health-conscious individuals. The website will be designed to provide an engaging, seamless user journey that balances storytelling, education, and accessibility. The impact of UXD will be seen in the intuitive navigation, visually appealing layouts, and interactive features, all tailored to create a meaningful and memorable user experience (Zhao, 2022).

3) Research and Planning

A) Research Objectives

The primary objective of the UX research for “Different Types of Brewing Indian Tea/Chai” is to uncover the needs, preferences, and behaviours of users who engage with tea-related content or products. Specifically, I aim to understand how users value cultural storytelling, educational content, and convenient tea solutions. Additionally, the research focuses on identifying user pain points, such as difficulties in brewing authentic tea/chai or a lack of accessible information about its history and health benefits.

B) Assumptions and Hypotheses

I assume that:

• Many users are unfamiliar with the diversity of Indian tea/chai and its cultural significance.
• The demand for convenient, pre-packaged tea solutions is increasing, especially among busy professionals.
• Users value platforms that provide step-by-step guidance, health-related benefits, and authentic recipes.

Based on these assumptions, my hypotheses are:

• If users are educated about the heritage and health benefits of tea/chai, their interest in brewing Indian tea will increase.
• A branding website featuring pre-packaged tea bags will attract modern users who value time-saving solutions.
• Providing visually engaging and intuitive design features will enhance user satisfaction and encourage return visits.

C) Methodology

To validate these hypotheses, I will employ a combination of qualitative and quantitative research methods:

1. User Interviews: To gain in-depth insights into user preferences, motivations, and barriers (Özal and Münch, 2024).
2. Usability Testing: To assess how users interact with prototypes and identify areas for improvement (Hertzum, 2022)
3. Surveys: To capture a broad range of user feedback on content preferences and usability (Vayadande et al., 2024).
4. Personas and Empathy Maps: To contextualize user behavior and emotional responses. These methods are suitable as they combine exploratory and evaluative approaches, providing a holistic understanding of user needs (Gauvin, 2024).

D) Target Audience

The primary audience includes:

1. Tea Enthusiasts: Individuals interested in learning about tea cultural and culinary significance.
2. Busy Professionals: Users seeking convenient, high-quality tea solutions for their fast-paced lives.
3. Health-Conscious Consumers: People drawn to tea for its health benefits and wellness appeal.

4) Applying UXD Techniques to the Project

A) User Personas

Developing user personas was a crucial step in understanding the diverse audience for the project (Zergaw, 2024).  The persona was created based on insights gathered through interviews, surveys, and secondary research. The persona includes specific details such as demographic information, motivations, frustrations, and behavioral patterns. For example, the tea enthusiast values educational content and interactive storytelling, while the busy professional seeks ease of use and efficiency. These personas shaped the design by ensuring that the website provides personalized experiences. For instance, features like detailed brewing guides cater to the enthusiast, while an intuitive e-commerce section for pre-packaged tea bags appeals to the professional.

B) Empathy Mapping

Empathy maps were used to dig deeper into the emotional landscape of the target users. For the persona, I created an empathy map that captures what they think, feel, see, and do during their interaction with tea-related content or products (Riksen et al., 2022). For example:

• Think: “I want to understand the cultural significance of tea/chai.”
• Feel: “Frustrated when I cannot find reliable recipes or convenient options.”
• See: “An overwhelming number of generic tea websites that fail to inspire me.”
• Do: “Spend hours searching for authentic recipes or shop for convenient pre-packaged tea options.”

These insights informed the design by identifying key pain points and opportunities. For example, the frustration of finding reliable recipes guided the inclusion of detailed, step-by-step guides, while the need for convenience highlighted the importance of a user-friendly online store for tea bags.

C) Journey Mapping

Journey maps were developed to visualize how users interact with the website from start to finish (Lichaw, 2016). For instance, the journey of a Tea Enthusiast includes:

• Awareness: Discovering the website through social media or word of mouth.
• Engagement: Exploring the history and brewing techniques of tea/chai through interactive storytelling.
• Action: Saving recipes or purchasing pre-packaged tea bags.
• Reflection: Sharing the experience with friends or returning to the site for new content.

This process revealed critical touchpoints, such as the need for visually appealing layouts to draw users in during the Awareness phase and a seamless checkout process during the Action phase. It also identified potential pain points, such as confusing navigation, which was addressed by implementing a clear, logical menu structure.

D) System Mapping

System mapping helped streamline the flow of user interactions within the platform. Starting with the end goal in mind—whether it’s reading about tea’s/ chai’s history or completing a purchase (Otaduy and Diaz, 2017)—I will design the system to be intuitive and task-focused. For example:

• Educational Content Flow: Users can easily navigate from introductory articles about tea/chai to detailed brewing guides.
• E-Commerce Flow: A step-by-step checkout process minimizes friction, with features like guest checkout and quick payment options.

Interactive features, such as recipe filters and visual aids for tea bag preparation, further enhance usability. Additionally, responsive design ensures the system works seamlessly across devices, catering to users who may access the site on-the-go.

5) Prototyping and Ideation

A) Ideation Process

The ideation process for the website will begin with brainstorming sessions inspired by the insights gathered from user research. Guided by personas, empathy maps, and journey mapping, I will generate ideas that align with the users’ needs and project objectives (Puspita and Apriyanti, 2023). For instance, the Tea Enthusiast’s desire for cultural immersion sparked the idea of interactive storytelling about tea’s/chai’s history, while the Busy Professional’s need for convenience will lead to the concept of a seamless e-commerce experience for pre-packaged tea bags. I will use techniques like “How Might We” statements to frame problems creatively, such as “How might we make brewing authentic tea/chai easy for a beginner?” and “How might we present tea’s/chai’s cultural significance in an engaging way?” To push ideas further, I will be utilising the SCAMPER technique (Substitute, Combine, Adapt, Modify, Put to other uses, Eliminate, and Rearrange) (Lopes et al., 2020). For example, I will explore combining educational content with recipe functionality, creating a dynamic experience that guides users step by step while highlighting tea/chai’s rich cultural context.

B) Prototyping Process

In prototyping process I will start with low-fidelity prototypes, such as wireframes and sketches, to visualize the basic layout and structure of the website (Bordegoni et al., 2023). Using tools like Figma and paper sketches, I will design wireframes for core pages, including the homepage, brewing guides, and the e-commerce section. These low-fidelity prototypes focused on establishing navigation patterns, content hierarchy, and user flows based on journey maps (Akhmedov, 2023).

After validating the structure through user feedback, I will progress to high-fidelity prototypes, incorporating branding elements, visuals, and interactivity. Features like recipe filters, interactive storytelling, and an intuitive checkout process will be refined using tools such as Adobe XD. These prototypes closely resembled the final design, allowing me to test usability and visual consistency across devices (Unnava and Liu, 2023).

C) Guiding Further Design Phases

The prototypes will serve as a foundation for iterating and refining the design based on user feedback. During usability testing, I will evaluate how well users navigated the site, accessed recipes, and completed purchases. Insights from these tests will inform adjustments in layout, content placement, and interactive features. For instance, if users face challenges during the checkout process, I will revisit the flow to minimize friction. By iterating on these prototypes, I aim to ensure that the final product meets user needs effectively while providing a seamless, engaging experience that aligns with the project’s goals of celebrating and promoting Indian tea/chai culture. Prototypes also guide future development by acting as a blueprint for the technical team, ensuring consistency and clarity throughout the process (Green and Labrecque, 2023).

6) Testing and Feedback

Usability testing is a critical component of the development process. I plan to conduct both moderated and unmoderated usability testing at various stages of the project. In the early phases, I will use low-fidelity prototypes to test navigation, content placement, and user flows. Moderated sessions with a small group of users, such as tea enthusiasts and busy professionals, will provide detailed insights into their behaviors and challenges (Tiriticco, 2021). As the project progresses, high-fidelity prototypes will be tested through unmoderated remote usability sessions using tools like UsabilityHub. This will allow me to gather data on user interactions across different devices (Khan, 2018). Additionally, I will deploy surveys to capture broader feedback on content relevance, visual appeal, and overall usability.

Insights from these methods will be iteratively applied by addressing pain points, such as confusing navigation or unclear instructions. For instance, if users report difficulty accessing recipes, I will adjust the interface or layout. This feedback loop ensures that the final website meets user needs and provides a seamless, engaging experience.

7) Reflection and Future Implications

Working on this project has deepened my understanding of UXD techniques and their real-world applications. Creating personas, empathy maps, and journey maps allowed me to see the project from the users’ perspective, ensuring that every decision is user-centered. The primary challenge will be balancing diverse user needs, from detailed educational content for enthusiasts to streamlined functionality for busy professionals. However, applying UX principles like iterative testing and feedback has helped refine solutions effectively.

8) Conclusion

User Experience Design has been instrumental in achieving the goals of “Different Types of Brewing Indian Tea/Chai.” By applying research-driven techniques like personas, empathy mapping, and usability testing, I have ensured that the website is accessible, inclusive, and user-friendly. The iterative process of gathering and applying feedback underscores the value of UXD in creating meaningful and engaging digital experiences. This project has demonstrated how thoughtful design can bridge cultural storytelling with modern convenience, catering to diverse user needs. As I move into the development phase, I feel confident in my ability to apply UXD principles to further refine and enhance the project. This experience has prepared me to approach future challenges with a user-centred mindset, ensuring that every decision contributes to an intuitive and impactful digital experience.

References

1. Akhmedov, N., 2023. Designing and prototyping a learning and testing platform for user experience (UX) and user interface (UI) designers with the aim of improving knowledge and establishing a standard evaluation benchmark for UX/UI design skills and competencies (Doctoral dissertation, Technische Hochschule Ingolstadt). https://opus4.kobv.de/opus4-haw/files/3819/I001557435Thesis.pdf
2. Bordegoni, M., Carulli, M. and Spadoni, E., 2023. Prototyping: Practices and Techniques. In Prototyping User eXperience in eXtended Reality (pp. 29-47). Cham: Springer Nature Switzerland. https://link.springer.com/chapter/10.1007/978-3-031-39683-0_3
3. Gauvin, N., 2024. Perceptions of Empathy for Users Through Personas in the UX and Learning Design Communities: A Mixed Methods Study (Doctoral dissertation, University of Hawai’i at Manoa). https://www.proquest.com/openview/35ac91d79bf49e9c7627c99acfe7a2f7/1?pq-origsite=gscholar&cbl=18750&diss=y
4. Green, T. and Labrecque, J., 2023. The Prototype. In A Guide to UX Design and Development: Developer’s Journey Through the UX Process (pp. 67-87). Berkeley, CA: Apress. https://link.springer.com/chapter/10.1007/978-1-4842-9576-2_4
5. Hertzum, M., 2022. Usability testing: A practitioner’s guide to evaluating the user experience. Springer Nature. https://books.google.com.pk/books?hl=en&lr=&id=fYlyEAAAQBAJ&oi=fnd&pg=PR1&dq=2.%09Usability+Testing:+To+assess+how+users+interact+with+prototypes+and+identify+areas+for+improvement.&ots=ngr0gLTPC8&sig=_EdBCTxBBX14_VkEVdytn__Z4to&redir_esc=y#v=onepage&q=2.%09Usability%20Testing%3A%20To%20assess%20how%20users%20interact%20with%20prototypes%20and%20identify%20areas%20for%20improvement.&f=false
6. https://dk.upce.cz/items/798ce5fe-5e0d-4c0b-b33f-581b9e5b7dd0
7. Khan, Z.A., 2018. Unmoderated Remote Usability Testing By Expert Reviewers: An Assessment Of A Web-Application For Sample Donors (Doctoral dissertation, Johns Hopkins University). https://jscholarship.library.jhu.edu/server/api/core/bitstreams/d7f80425-0b7f-43b2-85d7-3e6e38dc02b6/content
8. Lichaw, D., 2016. The user’s journey: storymapping products that people love. Rosenfeld Media.https://books.google.com.pk/books?hl=en&lr=&id=DHo3DwAAQBAJ&oi=fnd&pg=PP1&dq=Journey+maps+were+developed+to+visualize+how+users+interact+with+the+website+from+start+to+finish.&ots=m_hzwgg7KL
9. Lopes, R., Malta, P., Mamede, H. and Santos, V., 2020. A Creative Information System Based on the SCAMPER Technique. In Information Systems: 17th European, Mediterranean, and Middle Eastern Conference, EMCIS 2020, Dubai, United Arab Emirates, November 25–26, 2020, Proceedings 17 (pp. 595-606). Springer International Publishing. https://link.springer.com/chapter/10.1007/978-3-030-63396-7_40
10. Mazzetto, S., 2024. Integrating Emerging Technologies with Digital Twins for Heritage Building Conservation: An Interdisciplinary Approach with Expert Insights and Bibliometric Analysis. Heritage, 7(11), pp.6432-6479. https://www.mdpi.com/2571-9408/7/11/300
11. Otaduy, I. and Diaz, O., 2017. User acceptance testing for Agile-developed web-based applications: Empowering customers through wikis and mind maps. Journal of Systems and Software, 133, pp.212-229. https://www.sciencedirect.com/science/article/abs/pii/S016412121730002X
12. Özal, E. and Münch, J., 2024, April. Unveiling Customer Needs: A Comprehensive Exploration of Jobs to be Done Interviews. In Proceedings of the 7th ACM/IEEE International Workshop on Software-intensive Business (pp. 48-55). https://www.researchgate.net/profile/Juergen-Muench/publication/379988396_Unveiling_Customer_Needs_A_Comprehensive_Exploration_of_Jobs_to_be_Done_Interviews/links/662576f243f8df018d1f8ce7/Unveiling-Customer-Needs-A-Comprehensive-Explore
13. Puspita, S.M. and Apriyanti, N., 2023. The UI/UX Design with Design Thinking Method for The University Complaint Website. Information Technology International Journal, 1(1). http://itijournal.org/index.php/ITIJ/article/view/2
14. Riksen, E., de Wit, J. and Ashby, S., 2022. Increasing Empathy in Designers by Adding Context to Empathy Maps in the Design Process. https://arno.uvt.nl/show.cgi?fid=159241
15. Tiriticco, R., 2021. Evaluation and implementation of accessible methods to perform remote moderated usability testing on websites. https://www.theseus.fi/handle/10024/503653
16. Unger, R. and Chandler, C., 2023. A Project Guide to UX Design: For user experience designers in the field or in the making. New Riders. https://books.google.com.pk/books?hl=en&lr=&id=wsHWEAAAQBAJ&oi=fnd&pg=PT18&dq=User+Experience+Design+(UXD)+plays+a+vital+role+in+crafting+web+projects+that+resonate+with+users+by+understanding+their+needs,+behaviors,+and+challenges&ots=Bt6szwTgEv&sig=bcPA4eXperoID64rJfa9sxDNyp4&redir_esc=y#v=onepage&q&f=false
17. Unnava, V.S.A.G. and Liu, Y., Prototyping Tool for Large Scale Interactive Experiences. https://lup.lub.lu.se/luur/download?func=downloadFile&recordOId=9128220&fileOId=9128222
18. Vayadande, K., Shivankar, I., Shrivastava, T., Sonawane, P., Sutrave, R. and Mattoo, S., 2024. Development of Responsive and Attractive Websites: A Survey of Methods and Trends. Authorea Preprints. https://www.techrxiv.org/doi/full/10.36227/techrxiv.171925833.36414557
19. Zergaw, T.H., 2024. Personas Identification for the Users of the Information System.
20. Zhao, J., 2022. Strategies that Improve UX (User Experience) Design Through Product Innovation. Walden University. https://scholarworks.waldenu.edu/cgi/viewcontent.cgi?article=14173&context=dissertations

PDF’s

user-personaDownload

empathy-mapDownload

user-journey-mappingDownload