Partnership with Samsung C&T, Syracuse University, and more
Timeline
July 2023 - Present
Role
Product Designer -
design, usability testing, research
Tools
Figma / Jira / Miro / Notion
Collaborator
1 Product Manager, 1 Researcher, and 2 Software Engineers
Context
DIEMlife is a platform that improve employees' well-being and productivity through organizing events.
In the post-pandemic era, the rise of remote jobs has been accompanied by a decline in employee engagement. DIEMlife introduces "QUEST" as the primary tool for companies to organize events. Participants can join individually or in teams to complete tasks and share their activities for a wider impact. By taking part in these events, employees are encouraged to voluntarily donate, supporting others in achieving their community goals for greater influence.
01 - Research
Quick statistics on current user engagement
QUEST, the primary tool for companies to organize events, has relatively low retention and engagement rates. These metrics suggest significant potential for improvement to better meet company objectives.
Why did users fail to actively engage with the platform?
The statistics prompted me to seek feedback from previous users. After conducting 11 comprehensive interviews and the collection of 153 survey responses. I uncovered two main insights:
Insight 01 - Lack of call-to-action to get involved on the platform
Users can easily get bored with check tasks off as their only way for engagement. The limited online activities prevent them from forming a connection with the platform. They wish for their experiences and activities to be more interacted with those of other participants.
Insight 02 - 15% of the users need financial support to achieve their goals
15% may not be a huge percentage, however, if we multiply by the number of participating users, a good amount of users struggle to actively engage with the platform despite their motivation. The current low rate of donations is insufficient to meet their needs.
02 - Design Ideation
Our "North Star": Social elements is the key to enhance community engagement
Rather than experiencing simply checking-off tasks assigned by the company, we shifted our focus towards enriching the platform's value and brand identity for our users. Concluded and analyzed from the insights, our aim was to create an engaging and thriving community space for users, mirroring the atmosphere of working in-person. Therefore, I ideated and (re)designed two main approaches that allows users to share experiences, forge connections, and offer mutual support as they pursue their individual objectives.
01 - New social space added: Activity Posts
The concept behind DIEMlife is to offer a platform where users can share their activities and engage with others who share similar interests. Previous research has shown that users are keen on sharing their progress on tasks, making it a vital means for socializing with others participating in the same events.
Acitivity Posting Flow
02 - Donation flow redesign
We've recognized the importance of making an effort to increase the donation rate. It's crucial to motivate users to contribute financially to support those who lack the necessary resources to reach their goals. To enhance the donation process, I've introduced additional customization options and a modal window that allows users to share the impact of their contributions.
Visual Representation
03 - Iteration
Users appreciate the social elements added, but there are some situations to improve
After finishing the design ideation phase, I conducted 7 rounds user testings. The results were encouraging – all testers preferred the decluttered experience and redesigned interface. However, I further conducted rounds of iterations in 3 major areas: Visual, Interaction, and Functionality.
VISUAL DESIGN ITERATION
Crafting the ideal feed post card
After posting activities from the event, feed post cards display the basic information to show users' activities in the event and interact with the community. They play a dominant role in shaping the visual experience.
Step 01 - Choosing the core layout
Step 02 - Unifying colored tags
Initially, I had 6 distinct colored tags to distinguish types of activities. I soon realized after card sorting that people have different ideas when it comes to categorizing activities. I then decided to go with a single color for universal clarity. In the last few rounds of testing, I decided to go with the dark blue tags seem much less aggressive and no longer felt like an error state. It also decreases eye strain.
INTERACTION DESIGN ITERATION
Maximizing donation efficiency
Initially we used the drop down menu to show all options for users to select amount and tip. Test results indicated that this approach was not user-friendly and negatively affected the efficiency of donations. Therefore, I redesigned the interaction with a sliding bar to provide intuitive and customizable experience.
FUNCTIONAL DESIGN ITERATION
Sharing impact after donation
After revamping the donation flow, users are satisfied with the step by step guidance. However, at the end of their donation, they would like to share donation activities with the community like others to make a greater impact. Therefore, I designed and iterated on this crucial social element of the donation flow.
Step 01 - Modal window vs. Full screen
We initially used full screen to display thank-you notice, receipt, and sharing features. However, as the sharing feature becomes an important call-to-action, I decided to isolate it from other less important information. A modal window would provide the privacy and attentiveness for users.
Step 02 - Spread words inside and out of the community
80% of users believe that others in the community would feel more motivated to donate if they saw shared activities. Therefore, I tailored the modal sharing window to primarily focus on sharing within DIEMlife connections, while also offering options to share across various social media platforms.
04 - Measuring Success
After the redesigning the platform, which focused on enhancing its social features, 4+ partnered companies and organizations have hosted 10+ events with DIEMlife. This resulted in a 25% increase in average employees' engagement and raised over $100,000 in funds.
05 - Reflection and Next Step
The key is to integrate online and offline experiences
Throughout the journey of boosting employee engagement and productivity, DIEMlife plays an important role in offering a platform, launching events, and fostering social connections. However, the online experience require effort from employees to undertake offline activities. As a product designer, I need to dive deeper into users experience to develop a integration solution. Concurrently, I'm working on designing the mobile version of DIEMlife as a means to enhance convenience.
Potential data analysis and display features
For future steps, many employees indicated a desire to know more about their improvement progress during the process. Additionally, companies, the initiators and organizers of the events, require a quantifiable overview of their employee engagement. Therefore, I have suggested that DIEMlife focus on features geared towards data-driven collection and analysis. For example, an overview dashboard would greatly help to reach the unmet needs.Achieving this objective also necessitates collaboration with software solutions to enhance backend logistics.
Thank you so much for making up here
I'm always happy to chat!
©2024 Felix Teng Portfolio