NEO LAUNCH
I had the opportunity to work with a leading brand in audiovisual technology, known for creating premium webcams, microphones, Stream Deck controllers, and capture cards. My role was instrumental in the launch of a new product line aimed at beginners. I contributed to this project by creating tokens within the design system to support an alternate layout for the new release. Additionally, I conducted extensive design research and prototyped how to seamlessly integrate the new product onto the website, ensuring it lived harmoniously within the existing web structure.MORE INFORMATION AVAILABLE UPON REQUEST.
Echo
Tackling Mass Fashion Consumerism with Circularity
[Master Thesis]
![](https://freight.cargo.site/t/original/i/ffb988a281add4a877ba271c0c50125224c8bde5b9b23fbc587961ee364cce49/Mockups-Reduced.png)
Abstract
In today's fashion landscape, sustainability stands as a paramount concern amidst growing environmental challenges. The fashion industry's ecological footprint, coupled with consumer behaviours favouring fast fashion, necessitates innovative solutions to promote circular solutions. This project addresses these pressing issues by introducing Echo, an innovative fashion management app, poised to revolutionize the way users interact with their wardrobes. Functioning as a wardrobe companion, Echo combines advanced Artificial Intelligence (AI) capabilities with a user-friendly interface, allowing individuals to seamlessly log, track, and gain insights into their clothing choices. Echo's development is grounded in extensive research, ensuring it aligns with users' needs, promotes sustainable practices, and serves as a valuable tool for individuals on their fashion journey. Echo's primary objective is to inspire users to reevaluate their closets first, emphasizing the importance of prioritizing quality items and ultimately reshaping behaviors to combat overconsumption.
![](https://freight.cargo.site/t/original/i/78c4bf1b9036c49a1e97212c5ea2359a1d9b4e21bab61a4cca795585f113dae1/Scanning-Mockup.png)
![](https://freight.cargo.site/t/original/i/eb624ddc67b645ed9d4a62e1ddd409a036501c173059d2618c91d73e3b51a450/Home-Page.png)
Context
Astonishingly, clothing, despite its ubiquity, is vastly underutilised. Some low-income countries exhibit relatively high clothing utilisation rates, whereas the problem lies in more developed parts of the world. Here, garments are worn for a mere fraction of their potential lifecycle due to artificially established demand creation and constant perceived human need dissatisfaction (Eräpuu, 2023). This underutilisation rate translates into a loss of value for consumers, missing out on a staggering 460 billion annually by discarding clothing prematurely. The question at hand then becomes, why is this happening and what can we do about it?Research
Desk + User Research
To better understand the topic and underlying causes, the inital research was organized into five main themes: intention vs. behavior, emergence of circularity, underutilized clothing, sustainability standards, and greenwashing + misinformation.![](https://freight.cargo.site/t/original/i/6a975d26355b73d5b9a949c21be27306dd06e6a3d0f334ac3f5924ae28a55a27/Research-Points-1.png)
Upon the first look, I realized that tackling some of the bigger issues may require government intervention so I decided to focus on a more approachable topic, altering consumer behaviours.
Through deeper exploration, I uncovered the influence of social media on consumer purchasing habits with several statistics that indicated consumer desires to purchase sustainably alonside statistics that showed behaviours that swayed otherwise. I also uncovered a rising phenomenon identified as circularity which can be defined as:
“Whereas sustainability mainly looks after the first stage of a product’s linear existence, circularity cares for its entire life cycle — from design and manufacture, to use, to re-use, to closing the loop with recycling or biological disposal.”
![](https://freight.cargo.site/t/original/i/bf1536d8837bb461d60bfd55b6a949b167b1cd085fcb70220d54340f7e58a549/Research-1.png)
![](https://freight.cargo.site/t/original/i/66084af443e2c60b35c6f1a44b2eea4bb16646df6625d6f3e6adb4a6fedf48e0/Circularity.png)
Through my network, I interviewed a total of 6 people. I used the desk research to help validate some of my assumptions. The interviewees and their purpose are listed as follows:
- Sustainability Analyst: Broader perspective on current sustainability practices
- Frequent Shoppers (4): Insight and behaviours of everyday consumers
- Fashion Influencer: Insights into the impact of their recommendations
Out of the interviews conducted, all participants indicated their care for the environment but described several pain points such as price, influence and difficulty identifying quality items thus deterring them from purchasing more sustainably. It also seemed to be a shared sentiment that trend influence played a huge part in their purchasing patterns and that they lacked knowlege of circular fashion solutions.
Key Findings
From the research, three key insights and opportunities were developed which informed the problem definition.![](https://freight.cargo.site/t/original/i/af7944f7aac94cbfc8a6dea1cdee800155bbd0530270b680689dcdbc6ca8e786/4---INSIGHTS-2.png)
Define
The Problem
Informed by these insights, I embarked on refining potential solutions, recognizing the imperative of instigating genuine behavioral change and prioritizing education. It became evident that any proposed solution should avoid the acquisition of new clothing. This realization guided the formulation of my "how might we" question and subsequently informed the creation of the onliness statement.“How might we cultivate a circular economy, empowering consumers to embrace sustainable trends, prioritize quality, and enjoy a sense of style without missing out on the latest trends?
Ideation
During the ideation phase, the concept of creating a tracking app for closets, such as Echo, emerged as a promising solution. This idea stemmed from recognizing a gap in the market—users needed assistance in identifying materials, costs, and other relevant information about their clothing items. Understanding that users often seek convenience, it was imperative to design a solution that catered to their inherent laziness, making it effortless for them to engage with sustainable practices.![](https://freight.cargo.site/t/original/i/c5d3c4cd40ddd2f72650ad14a7a7f71c868a810018b88b048d375be839ce4d8b/Onliness-Statement-1.png)
The Target
I developed a persona named Nina, a 22-year-old marketing professional from Toronto, ON, to illuminate the user journey and address key pain points. Nina embodies the ideal user—a fashion-forward individual seeking to document her style evolution while prioritizing quality and sustainability in her wardrobe choices. The app primarily targets women due to their heavy involvement in the fashion industry, yet remains inclusive of all genders, targeting individuals aged 18-29 frequently engaged on social media platforms. Leveraging insights from Nina's journey, I crafted features that resonate with user needs, informing the application's design and direction.![](https://freight.cargo.site/t/original/i/ed26f7fd6c0a0404caee4d5480ccb2b082f5443b3e6c85c5747dacfe9be55bdb/Personna.png)
Ideate
Customer Journey
To better understand the main features of the application and visualize how a user (in this case, Nina) would utilize this in a realistic way, a user journey map was developed showcasing before, during and after phases of Echo usage.![](https://freight.cargo.site/t/original/i/d78aa41eb29e73c644022262650667c9f39f5ebdfb9adb4ce492d5931c72baac/User-Journey_-Before.png)
![](https://freight.cargo.site/t/original/i/8e13a4442e877226f1fd6c4b16104173de0f5fec1373d270fe033275ee76a3f5/User-Journey_-During.png)
![](https://freight.cargo.site/t/original/i/6710b4f37ba7e1ca5980f637d717513a4013971f7eb3df6027aebcc410e823d1/User-Journey_-After.png)
From here, I created an architecture map to map out the application and understand how things would interact with eachother. This map delineates how different sections of the application can be strategically arranged and accessed. The main page layout is structured into distinct sections, aligning with the information architecture framework. These sections correspond closely with the key stages outlined in the user journey. The main navigation bar features:
Home Feed: This is a dashboard that includes summarized insights of your wardrobe, a calendar to plan and track outfits, detailed weather forecast and AI outfit suggestions.
Discover: Explore insights and information on circular fashion principles including information on how to care properly for clothing to promote longevity.
Posting: Log your outfits and items and assess their sustainability, tracking details like cost per wear, materials, and brands.
Inspo: Explore diverse styles, search for specific wardrobe pieces, and ignite your creativity with a daily dose of fashion inspiration within the Echo community.
Profile: Access an archive of past outfits and a comprehensive inventory with detailed stats such as cost per wear.
Outfit Canvas Creation: Using the application’s existing feature to log clothing items, users would be able to visualize and plan outfits on a canvas, enhancing the app’s utility for daily ensemble preparation. This allows users to effortlessly experiment with outfit combinations and organize them into personalized folders. This feature not only amplifies the utility of the app for planning daily ensembles but also enhances the creative process of fashion exploration.
![](https://freight.cargo.site/t/original/i/783534196a5ffcf9dce8544dad04d868b2b88a368dba49e3713754a44f0001b4/Key-Screens-2.png)
![](https://freight.cargo.site/t/original/i/31f0ae2fe9dd21fc817fa33f5d4ccf33afe8ef40c640ed8cd66d52caa1af5456/Information-Architecture-3.png)
Name + User Interface
“Echo” embodies the spirit of circularity, echoing the essence of repetition and continuity in fashion. The name signifies a commitment to sustainability by emphasizing the importance of reusing, reimagining, and prolonging the life cycle of clothing items.For a sustainable fashion app like “Echo” that focuses on circularity, eco-consciousness, and reusability, a colour scheme that embodies these principles were ideal when constructing the solution. Since the universal colour for recycling is blue, the colour palette includes calming blues and lots of white space to indicate simplicity.
Echo is designed to resonate with a modern and younger audience, particularly women, who are keen on fashion and therefore typically enjoy visual aesthetics. Its design draws inspiration from contemporary graphic styles that embody elegance, sophistication, and simplicity.
![](https://freight.cargo.site/t/original/i/6368a89e2c8ab89dc83124f000a148d0892ab54e9f0b5fd20874474ab4c1c118/Style-Guide-7.png)
The style guide had to be reworked throughout the process of creating the application but the following makes up the final style guide.
Wireframing, Testing + Iteration
In the initial stages of development, I explored the possibility of incorporating a social media aspect into the app. My assumption was that users might not feel motivated to document their items unless the app offered additional value through social interactions. Consequently, these assumptions influenced the direction of our wireframes. However, during preliminary concept testing, we discovered that this approach resulted in an overly complex app for its initial version. It became evident that we needed to streamline the app to better align with its core purpose.![](https://freight.cargo.site/t/original/i/56d168e54e47e55af26380e135d3e03fbe3edbfbf474c9998bbad0873b21d7ab/image-1-1.png)
Through interviews and user feedback, we uncovered a genuine interest among users in tracking their clothing items and collaborating on outfit planning. Users expressed enthusiasm for the idea of creating preplanned outfits using the items they logged in the app. Additionally, they found the tracking feature to be particularly valuable in gaining insights into their closets. These insights prompted us to pivot towards a simplified approach focused on empowering users to curate their wardrobe and plan outfits efficiently.
Later versions of the application also included more complicated user experiences and were later refined in the final stages through user testing and iteration. For example, tagging screens included several navigation paths and were modified to all be included on one page as shown below.
Before:
![](https://freight.cargo.site/t/original/i/0fce2555fcfcf94c77d721bf517447aa10096158a03e648b8205914e27b4f3e7/BEFORE-TESTING.png)
After:
![](https://freight.cargo.site/t/original/i/61f1bc11b771a363ca26c006c27c1852685bce082d669265ff1059725303fe40/AFTER-TESTING.png)
Outcome
Introducing Echo: Your sustainable fashion companion. Echo goes beyond conventional fashion apps by serving as your outfit diary, sustainability tracker, and community hub. With Echo, you can effortlessly document your style journey, prioritize quality and sustainability, and connect with like-minded individuals. Revolutionize your approach to fashion and embrace mindful consumption with Echo.![](https://freight.cargo.site/t/original/i/5d994c7db0c50cfd379a5e2f0220d2c0a78c0da7e7d6ad9bb56d8a6245a4956b/Overview-1.png)
![](https://freight.cargo.site/t/original/i/c06fbbd8d50e492fc27598e92cd71946d793001f27ad35475834f3c013b263b4/Overview-2.png)
![](https://freight.cargo.site/t/original/i/bc580a84cfe73da100658d67cb9132b58e239e466b08fe05ac90ca5ab671c1d0/Overview-3.png)
![](https://freight.cargo.site/t/original/i/490c2e1631463c85dc023e7ea1e2167d4e44047f4785a5430fe4b769b6f0009a/Overview-4.png)
![](https://freight.cargo.site/t/original/i/ede1786effb436cf90a88e81fb1fed68b2b5622c68e6ebeda790197163dbac6c/Echo-Open-Title.png)
Speak
Intelligent Experiences in the Workplace: Longterm Engagement at Adidas
[In Collaboration with: Jean Tschanz Egger, Riccardo Sala + Samuele Brenna]Role: Researcher, UX Design, User Testing
Duration: 1.5 months
![](https://freight.cargo.site/t/original/i/3436276d8569c0e8475fdb3daa9c02857705a39d359efea7846fa4b447f567e1/SPEAK.png)
Abstract
In the contemporary workplace landscape, even with the introduction of engaging onboarding experiences and attractive perks, many companies face an ongoing challenge: sustaining long-term employee satisfaction and commitment. Despite the initial allure of these initiatives, employees often grapple with burnout and dissatisfaction, significantly impacting productivity and overall morale. Addressing these challenges necessitates a comprehensive exploration of the root causes behind employee disengagement and unhappiness.
![](https://freight.cargo.site/t/original/i/81ddd47588c4393ff9c71dd6febbdeb48056605fd173ad26ac2d6ecd97f3df3e/Group-30858.png)
![](https://freight.cargo.site/t/original/i/e16220405b738000aa93d1055512f4787989e23e9b91b435a4601abf6da9c048/Group-30860.png)
![](https://freight.cargo.site/t/original/i/d24e58b9eb36744c38ecffeda51cf8b60b96612886b44db4c95e344ec7a3e37c/Group-30859.png)
![](https://freight.cargo.site/t/original/i/7508b99355c6330f5fac1f4aff341acd7a0f3e2f001ca3c0822cea6473f5dc36/Group-30861.png)
The Challenge
As part of our project scope, Adidas assigned us with the critical task of investigating the root causes of employee turnover and devising strategies to improve long-term retention. More specifically, we were given the following questions to answer:
“How can we design a future intelligent experience allowing employees to remain engaged, motivated and committed while running their daily tasks?“
“How could this experience promote knowledge sharing across different departments generating value for the company as a whole?”
Research
Learning Objectives
To effectively tackle the challenge, we established the following learning objectives to guide our research and design process. These objectives helped us focus our efforts and streamline our scope:![](https://freight.cargo.site/t/original/i/883ae274fbd72fdf4fb8134d272f1e57ef0e7a320d137640c43cf0edf1de9aa9/Learning-Objectives.png)
Structuring the Research Plan: Methodology
We continued to structure our research plan by establishing mandatory and nice-to-have criteria for recruiting our interview participants. We aimed to gather a diverse range of perspectives by including employees at different stages of their careers and from various generational cohorts. Specifically, we sought to interview:- Employees entering, existing, and exiting the workplace (years of experience)
- A mix of Millennials and Gen Z employees
We also created an interview plan and script. Our interviews were held by myself and a colleague. I interviewed the user while my colleague recorded important answers. All interviews were also audio recorded with the permission of our interviewees. After each interview we debriefed and revised the questions as needed.
![](https://freight.cargo.site/t/original/i/2501e764616bf77dac1abfde01e02dd9c7986a8f215a68d52351ddad10d0c57f/Screen-Shot-2024-06-05-at-4.55.26-PM.png)
![](https://freight.cargo.site/t/original/i/e2b4adaf913b3dd985232a263d3ec8f329ac29320c4bdd9eed42a68669e5fe8d/Approach---Methodology.png)
In our interviews we mostly came across those working at big organizations. The most prevalent topics that came up included:
- Post covid including the status of remote work, flexibility and company culture
- Cross-Departmental Relations + Info Share
- Recognition including politics, competitions, managerial trajectory and tangibility; and
- Boredom + Burnout
Insights + Opportunities
From the research, two key insights and opportunities were developed which informed the problem definition.![](https://freight.cargo.site/t/original/i/b78e16151ff304e5f3f3d4316f3b76754c127824eccc3f4a1ce5678a758a6c70/Key-Insights.png)
The Archetypes
In order to better categorize and understand our insights, we created archetypes.The archetypes included “The Newcomer” employee; This is somebody who has just entered the workforce, excited to prove themselves and take on the world and don’t want to feel like a number.
“The Been Around the Block” refers to an intermediate position who has masted their craft and craves more community.
Lastly, “The I Live Here Now” is an employee that displays leadership skills, has worked in the industry for quite a while and typically fits a managerial role. This particular person usually doesn’t have much more room for growth and can often feel bored and unfulfilled.
![](https://freight.cargo.site/t/original/i/707cb5579aefcce33649ef29dafd9ecdf7b0681a90582f05c9d5bdae5fafdcb9/Archetypes-Moaner-2.png)
Interestingly enough, within all these roles we discovered a common trait that we’d like to distinguish as “The Moaner”.
Now what is “The Moaner” you ask? The Moaner makes it’s presence known in different ways—often first with suggestions during meetings, when these aren’t heard, it may complain during coffee breaks, with other co-workers, or at the water cooler, over time it may manifest itself in eye rolls and long sighs, before manifesting into it’s final form: disengagement.
![](https://freight.cargo.site/t/original/i/01844d8d93ddb916dd4954437b19c0a56a4a0b58143a21bbf167731f3b64e60f/Eye-Roll-Moaner.gif)
![](https://freight.cargo.site/t/original/i/18cccd1c646e631ed92103c7a6ee274ae744e49d8fbbd8386f836bb7ec579913/Why-is-the-Moaner-so-Important.png)
Define
With this additional insight of the moaner... the new question to be asked became:
“How do we free the moaner!!?”
![](https://freight.cargo.site/t/original/i/fb3412fc3d36578bd7f8a33739776a4c35cd3d62cbd9086a856a457821469816/The-Idea_-SPEAK.png)
The Idea
Speak is a service that enables a decentralized and community-based feedback cycle, where employees can collaborate, learn, and envision improved scenarios for their workplaces.Speak is for progressive middle managers who want to experiment with a new form of engagement and decentralized feedback cycle within their team and for employees who want to collaborate, learn, and envision improved scenarios for their workplaces.
We essentailly wanted to take the need for agency and updated appreciation frameworks and give these people a space to moan, thus providing employees with a sense of voice, community and a way in which they can improve their place of work, thus avoiding disengagement.
User Journeys
To better understand each of the archetypes, their moaning phases and how the service would affect them, we created a user journey for each archetype.The Newcomer
![](https://freight.cargo.site/t/original/i/9fe8257da082c3a335e87e7bf9cc9c270b8b0f3e7fca0065270ef1ced4af6e06/User-Journey---The-Newcomer-1.png)
![](https://freight.cargo.site/t/original/i/195f9baa5066df326f502abd6d65b81124a4fe2d64fd92c4448be1be2876d0a2/User-Journey---The-Newcomer-2.png)
The Been Around the Block
![](https://freight.cargo.site/t/original/i/2dbc7b9836cdde382c11cdbded75328c9b92522dad8614d61472709c8ce3b5d9/User-Journey---The-Been-Around-the-Block-2.png)
![](https://freight.cargo.site/t/original/i/ef47c63489e40b179615cdd3ddb942f73a8eb4d3e8ad1046b61d818f549ab957/User-Journey---The-Been-Around-the-Block-1.png)
The I Live Here Now
![](https://freight.cargo.site/t/original/i/0b941141e143a71a38f3896b7a99575fb472902f261b1d0c284c0fb4f00563f4/User-Journey---The-I-Live-Here-Now-2.png)
![](https://freight.cargo.site/t/original/i/8b4b6cb741ac967accfdccd35d7b09066521a3a6c5cfd069cd25e44f5f52a6c8/User-Journey---The-I-Live-Here-Now-1.png)
Service Blueprint + Information Architecture
![](https://freight.cargo.site/t/original/i/a1450e6a47ee675b2cdfdabee0bf2661432841fd81fc97acc49be8d992f0c916/Information-Architecture.png)
So... How does it work?
The online service is made up of two main experiences coordinated by a dedicated desktop and followed by the production of a report.![](https://freight.cargo.site/t/original/i/5301d4f51543f95eecdd2ad36196a91665e8880796a1426a6e087a70cf306c1c/Service-Synthesis-1.png)
Experience 1: Team Collaborative Session
In the Experience 1 every team use the platform in the same moment to define problems and challenges. They can:- Input topics
- Cluster topics
- Rank topics
- Vote a Captain
![](https://freight.cargo.site/t/original/i/429719c45ca39cd37a7dd53c02c1a82c8de22d29edfa7778c727bc5a1ea8a4d9/Team-Collaborative-Session.png)
Experience 2: Inter-Departmental Speculative Workshops
The elected Captain will go to the Experience 2 to further the conversation around the most relevant topics. They would use the platform and a special conceptual map to:
- Speculate
- Ideate together
- Actionable solutions
- Generate a report
Part 3: Report Generation
The report will then be accessible to everyone within the company and will become part of an archive. This report is meant to be temperature check or speculation for the entire company.
The process is not top-down, no longer bottom-up, it is DECENTRALIZED.
The Focus
For the first phase of this project, we focused on Experience 1: Team Collaborative Session. We developed a storyboarding exercise to better explain how the collaborative team session works. You can check it out here.![](https://freight.cargo.site/t/original/i/b163142c4c21a874b6dabd4f2f87910d1faefbd798e0dfe967394bba2033b62a/Slide-16_9---268.png)
![](https://freight.cargo.site/t/original/i/0b5f795358353b00f16aae36157f7ddd41e0834d00f2f53bd3aa66229707160f/Storyboard-2-1.png)
![](https://freight.cargo.site/t/original/i/e140bb9dfa8aa758b93d3884bbc2e0986edcb403573befb1bf7d7c76ee874c16/Storyboard-1.png)
![](https://freight.cargo.site/t/original/i/e63cf320ea8c0f03428c53c56416a6cc14337ed1577b7db867ec421ca35d4d3a/Storyboard-3.png)
![](https://freight.cargo.site/t/original/i/9b00d2682a49c089ab1489bf8e82ea200d6d6fcebb5e86d34cfcff4bdf8d5d13/Storyboard-4.png)
![](https://freight.cargo.site/t/original/i/f30aa5a87e5894d0e8a0bf400410713f40d613446a55fe2ffa737c1f2cbf1f80/Storyboard-5-1.png)
![](https://freight.cargo.site/t/original/i/d1bb491d73f7f7bd0eb698c62addbc4e9d1546ba5e64931f9b7d6f2c017a76bd/Storyboard-6.png)
![](https://freight.cargo.site/t/original/i/1d9b1f62bdd42527a097fd1f0e4c7c5ccfd9a5ac0e762ad77199e108d28061a3/Storyboard-7.png)
![](https://freight.cargo.site/t/original/i/830660f36eb41ae184b9aa8020b745804adca5b72f79ccfe38f61077b11c92a9/SYNPOSIS-of-Claudia-s-Experience-1.png)
![](https://freight.cargo.site/t/original/i/5bff1bf2eabc961a59037bf9c92c641f9359d5e35eaa626c90d453772a2dda42/Synopsis-of-Claudia-s-Experience-2.png)
Check out the Mock-Up ︎︎︎
User Testing
The team interviewed 6 users for a total of 6 hours. A combination of paper prototypes, digital prototypes and concept testing was used to achieve our results. The results were as follows:![](https://freight.cargo.site/t/original/i/2c419386d6e75ccee98a6e1051f912d9e319bd4577c3a40c86ee1924d61c410c/User-Test.png)
![](https://freight.cargo.site/t/original/i/df6840fa8c90e5307781ee2a9b96cce46f4f21ffb94df0155c3e9ddd23e60fd8/USer-Test-Results.png)
Next Steps
- Beyond nominating team captains, the framework would be expanded to include a guild to help the team captain tackle the chosen topic.
![](https://freight.cargo.site/t/original/i/d44226e4bfd3b5f447a8b2b38d874348bf8568d6abbcdd5f6266f6429fe492b5/Group-30861.png)
- To better identify skill share and captain nominations, profiles will be created with preferences, skills and past sessions history.
![](https://freight.cargo.site/t/original/i/1d0a0ba34d9293b32f2f3729ddaa28311da6f83f41eb1b66f2191e77029762a8/MacBook-Pro-18.png)
- More Testing within a “real” environment to gather feedback on the whole process
Flo + UTI Expansion
[In Collaboration with: Angela Landi, Jack Laven]Role: UX/UI Designer, Conversational Designer, Researcher
![](https://freight.cargo.site/t/original/i/50b3afc220a4799644b1e1d6de450542c4eb257d37bcd12f1a0f5b75b42acd04/Header.png)
Abstract
Urinary Tract Infections (UTIs) are a common problem for young women which can be both painful and frustrating. Surprisingly, many of these women lack knowledge on effectively treating UTIs. To help address this issue, we expanded the functionality of Flo, an app designed to assist women during their periods. Now, Flo encompasses comprehensive UTI information, tracking features, and educational resources, empowering young girls to proactively manage and prevent UTIs. Moreover, we have introduced a digital assistant within Flo, offering users prompt and accurate responses to any health-related inquiries they may have.
![](https://freight.cargo.site/t/original/i/22c5c40769158bb911a9472c00efc92f63f17b6560b0478981711806397378be/Scene-1-8.png)
The Challenge
As part of the project brief, we were tasked with creating a digital assistant that could help educate users on intimate care, with a focus on UTIs (Urinary Tract Infection Diseases), their prevention and treatment and Antimicrobial Resistance (AMR). Our reserach aimed to address one question: “How can digital assistance improve our literacy of well-being and intimate care at home?”
Research
Desk + User Research
With our brief in mind, we began reviewing several resources to better understand the issues of Urinary Tract Infections (UTIs) and where there was potential for developing better health literacy.We then started to conduct some initial 1:1 interviews, focusing on women who had suffered from chronic UTIs and a microbiologist expert. In these interviews, we quickly shaped our topic of interest around prevention of UTIs. Specifically, we looked into alternatives for antibiotics and any other proactive or preventative methods that could be used. We quickly discovered however, that although probiotics and home remedies helped some patients, there was little research that supported their claim. From here, we needed to restructure our research— with the lack of alternative remedies, the best way we could prevent and better teach intimate care regarding UTIs was through education.
We conducted another round of desk research and interviewed 13 more women focusing on those who have experienced frequent UTIs and similar conditions, young women (aged 18-24) who have had one or less UTIs in their lifetime and healthcare professionals.
![](https://freight.cargo.site/t/original/i/dfe59daf4bdba679c63c87b42817730fa57d7ded178dba2491d98986cf5a7200/4.-Desk-Research.png)
Key Findings
From our research, we developed three key insights and opportunities to help develop the problem definition. The common themes, in the insights, were awareness, research and prevention.![](https://freight.cargo.site/t/original/i/256ca59feff13fbbd024d6ff48d4f4a716042854729a62015e9051e7a01d30a2/5.-Insights-1.png)
![](https://freight.cargo.site/t/original/i/6ca2d6a0996eed4f2b46fc4c827d04ab8595cc964273b398e8ad06851d697b21/6.-Insights-2.png)
![](https://freight.cargo.site/t/original/i/6c546ecf4f5d1c41cf467b7bd95f7a6a57316034561911d496df264a6ae440e7/7.-Insights-3.png)
Define
The Problem
Young women need a way to become informed about preventing, identifying, and effectively treating UTIs before they could become a problem for them. Equally important is instilling a sense of confidence in their knowlege and abilities to manage UTIs. This led us to the reframing of our “How Might We” question.“How might we better teach intimate care in young women to better treat UTIs and manage the threat of antibiotic over-usage?“
![](https://freight.cargo.site/t/original/i/5d39eadcb1a6b7f95fa35861a541215574362e22e6ef6627a9c5c2acf502740a/Personna-2.png)
The Target
While we would like the UTI expansion to be usable by all women, just as the base app is, we wanted to target young women in order to break the UTI loop early before it leads to chronic UTIs and over-use of antibiotics. Young women are already in the mode of learning about feminine health and are likely to be receptive to new tools and information about UTIs. Additionally, women aged 18-24 are most effected once sexually active and educating them before they get to that stage could help prevent any problems that could arise in their future.To gain deeper insights into our target audience, we diligently conducted interviews at every stage of the process, including in our ideation, user testing, and branding to ensure their perspectives and needs were at the core of our decision-making.
Ideate
The Ideation
According to Avily & Levis, “Health apps have often been conceptualized as revolutionary tools for patient empowerment and education (2019).” And in an age of digital devices, what better way to educate Gen Z than through a health application.In our ideation we found that creating an application unique to UTIs could be too niche, and from our initial research we discovered that our demographic preferred the information be embedded into their existing routines and classes. We therefore developed a UTI expansion app that would be embedded into an existing period app— an app widely used by young women to track their periods and daily symptoms.
To begin this, we started with some market research and identified some applications that we thought had potential. We initially identified six applications and rated their positives and negatives.
Benchmarking
![](https://freight.cargo.site/t/original/i/96972a4ea2084d81ac6ff168f1eebcc3e025b77c3b7cb7ddd76c6cf4218405b7/Group-1467.png)
We chose the app Flo as it showed the greatest potential for incorporating the features we wanted to fit in. We then conducted an analysis of must-haves, could-haves, should-haves and won’t haves for the application going forward.
![]()
From the analysis we dissected the opportunities of focus including:
To develop a better idea of what our target is captivated by we did some additional desk research and then created a mood-board with that information.
Some key desk research we found was:
![](https://freight.cargo.site/t/original/i/f6ef6e1b421fd1af9e1cb8007566d50f698decdad79ae51aae3482740a2e3928/Musthave.png)
From the analysis we dissected the opportunities of focus including:
- Creating a voice assisted animated character to give more personality to the application and to help assist the user in their problems
- Added UTI Features including sections dedicated to UTIs, games and articles to better appeal to our target.
- A free feature of the app for women under 18 to help promote health literacy.
- UTI Doctor’s Reports within the insights to help women better track their symptoms and infections and easily share with doctors.
- Added UTI Symptoms within the existing symptom tracking to put into the Doctors Reports.
Customer Journey
To better understand how our user could acquire and use the new extension pack, we developed a user journey map to better understand their experiences. These consisted of three different phases; the before, during and after which walked through Alison’s activities and emotional experiences.Validate
Visual Identity + Character Development
To develop a better idea of what our target is captivated by we did some additional desk research and then created a mood-board with that information.
Some key desk research we found was:
- Gen Z does not like distinctions like blue for boys and pinks for girls;
- Gen Z enjoys trend-led identity packs with a flexible palette of icons and colors to reflect ‘trends.’
- 2-3 colors is more than enough and make sure that content is visible.
- 3-D images and inclusive images is popular amongst Gen Z.
![](https://freight.cargo.site/t/original/i/7df61b85b723a23c9ffea2fa65017c20b8e0b89e5538f3b0d54eba3f57f99638/Sara-s-Moodboard.png)
User Interface
From there we began to develop the branding of the UTI Expansion. The new colour palette consisted of bright and vivid colours associated with Gen Z— our target audience. Specifically, we added two bright blues and a funky patterns to appeal more to our demographic as the existing application was quite plain and lackluster. The blues and funky patterns are found within the app in sections where the new UTI features are included.For the font, we chose Inter because it is the one used by the existing app and we did not want to destabilize the user. We additionally added Bebas, a more contemporary font to help distinguish the new UTI feature.
![](https://freight.cargo.site/t/original/i/1f393e9496829a0cc2a7a9010a8baa991f378aa4cf49fefb885413e8b2f60786/Group-1463-2.png)
We then developed the personality and look of our voice assistant that would be incorporated into the app, an owl named Flo. Flo was developed in Adobe Character Animator to better show her expressions and give the same expression of speaking to our user. We created four main states as shown above, each representing a different action. An owl was chosen as they are an animal characterized by wisdom and the original logo of the Flo app is a feather. After some interviews, and to accommodate to Gen Z preferences, we steered away from pink for her appearance. As a big sister, her personality is helpful but a little sassy in nature which was reflected in her natural dialogue.
Wireframing
After the branding and functionalities were determined, we began low-fidelity wireframing on existing screens and new screens using Figma. We additionally began prototyping conversations through Protopie.Onboarding
![](https://freight.cargo.site/t/original/i/6e72a466109c5499cb2d8804716db1835a47ded0f9abb76d97052b02aa27f73a/LO-FI-PROTOTYPING.png)
Virtual Assistant + Content
![](https://freight.cargo.site/t/original/i/1fca3721c1885ae35e306814c567bbb0a6c98bf31d2fcfc6f3062ab84181c775/LO-FI-PROTOTYPING-1.png)
Health Reports, Stats + Test Results
![](https://freight.cargo.site/t/original/i/3136d9c27ba10bc7632cac2137934503310d3509d8fe49ea8665664944a70c99/LO-FI-PROTOTYPING-2.png)
Test
User testing for the voice assistant was composed of two stages: Lo-Fi Wizard of Oz testing and a Hi-Fi prototype using ProtoPie.
Lo-Fi Wizard of Oz
Before developing a working prototype we decided to use the Wizard of Oz test method to get feedback on our concept and voice flows of the voice assistant. Voice flows were tested by mapping our potential conversational flows This was refined throughout the user testing.![](https://freight.cargo.site/t/original/i/a7d65157f08aa3a14f82d5af8a355a42b31b6ddd9d51400668f89950d8a2fc22/VoiceFlo-Plan.png)
Signal is a chat service that had a similar interface to our mockup of the chat the user would have with Flo, so we used that for the messages and a WhatsApp phone call in the background to mimic the voice. We also used text-to-speech for the VA’s voice in order to better approximate its speech patterns.
However, because of this large pipeline of software working in tandem, the responses came with a large delay that affected the ability to use the model to test what we wanted as the users were more concentrated on the functionality of the VA than its personality.
However, because of this large pipeline of software working in tandem, the responses came with a large delay that affected the ability to use the model to test what we wanted as the users were more concentrated on the functionality of the VA than its personality.
Hi-Fi Testing
For the Hi-Fi prototype we used ProtoPie to give the interface a much more similar design to the mockup we had envisioned. It also had speech recognition paired with many responses to possible utterances which could be voiced and shown automatically by ProtoPie in response to user prompts/questions.
Outcome
Flo + UTI Expansion is the ultimate app for period tracking and intimate care. The comprehensive platform now goes beyond the norm by providing thorough UTI tracking, credible resources, and voice-activated assistance to help advise proper treatment and prevention of UTIs. With Flo + UTI Expansion, you have the power to take control of your health and well-being like never before.![](https://freight.cargo.site/t/original/i/af486c1d8f440d30b4387baf0bfcd781d1c4a64410306840a953e8d4c0484730/2.-The-Conept--The-Problem-Definition--The-Onliness-Statement.png)
Check out the full project here ︎︎︎