CalmConnect
What?
What?
A workplace wellbeing platform that helps remote teams check in with each other and strengthen transparency through surveys and visualized insights.
A workplace wellbeing platform that helps remote teams check in with each other and strengthen transparency through surveys and visualized insights.
For who?
For who?
Distributed teams and managers who want to create an open, stigma-free space to discuss wellbeing, offer support, and prevent burnout.
Distributed teams and managers who want to create an open, stigma-free space to discuss wellbeing, offer support, and prevent burnout.
My role
My role
Led interface and design and prototyping during the initial hackathon, collaborating with teammates on research, concept ideation, and system mapping.
Later revisited the project independently to refine the UX, update the interface, and prototype a more engaging survey experience.
Led interface and design and prototyping during the initial hackathon, collaborating with teammates on research, concept ideation, and system mapping.
Later revisited the project independently to refine the UX, update the interface, and prototype a more engaging survey experience.
Duration
Duration
1 day (initial hackathon) + 3 weeks (solo revamp)
1 day (initial hackathon) + 3 weeks (solo revamp)
Tools
Tools
Figma
Figma
Figma Make
Figma Make
Why This Matters
Why This Matters
The shift to remote work during the COVID-19 pandemic made it harder for teams to recognize stress and emotional fatigue early on. CalmConnect encourages proactive wellbeing conversations by helping teams visualize how they're doing and identify areas that need support.
The shift to remote work during the COVID-19 pandemic made it harder for teams to recognize stress and emotional fatigue early on. CalmConnect encourages proactive wellbeing conversations by helping teams visualize how they're doing and identify areas that need support.
What Users Need
What Users Need
Research showed that lack of support and loneliness/isolation are the biggest contributors to burnout and stress. They need a system that could balance anonymity with empathy and insight.
Research showed that lack of support and loneliness/isolation are the biggest contributors to burnout and stress. They need a system that could balance anonymity with empathy and insight.
The Solution
The Solution
CalmConnect gathers data from quick, anonymous check-ins from team members and visualizes patterns through clear, data-driven dashboards. The result helps normalize mental health discussions and empowers managers to respond with care and awareness.
CalmConnect gathers data from quick, anonymous check-ins from team members and visualizes patterns through clear, data-driven dashboards. The result helps normalize mental health discussions and empowers managers to respond with care and awareness.
Final prototype
Original design built during one-day hackathon
New design built during solo revamp
Final prototype
Original design built during one-day hackathon
New design built during solo revamp
The Hackathon: Designing Under Pressure
The Hackathon: Designing Under Pressure
This project emerged as part of a one-day hackathon where our team was challenged to design a digital solution addressing burnout in remote work environments. With less than 24 hours to complete the challenge, we quickly divided roles, conducted lightweight research, and built a prototype that prioritized emotional connection within teams.
This project emerged as part of a one-day hackathon where our team was challenged to design a digital solution addressing burnout in remote work environments. With less than 24 hours to complete the challenge, we quickly divided roles, conducted lightweight research, and built a prototype that prioritized emotional connection within teams.
Research & Understanding the Problem
Research & Understanding the Problem
The Design Challenge
The Design Challenge
The COVID-19 pandemic redefined how people work, offering flexibility while also erasing the boundaries between professional and personal life. Remote workers faced increased pressure to stay constantly available, often leading to burnout and isolation.
Our design brief asked us to create a system or experience that restores work-life balance by addressing mental health, overworking, and social disconnection in remote environments.
The COVID-19 pandemic redefined how people work, offering flexibility while also erasing the boundaries between professional and personal life. Remote workers faced increased pressure to stay constantly available, often leading to burnout and isolation.
Our design brief asked us to create a system or experience that restores work-life balance by addressing mental health, overworking, and social disconnection in remote environments.
Key Research Insights
Key Research Insights
Lack of support is the leading contributor to burnout, stress, and anxiety in the remote workplace.
Loneliness and isolation can lead to increased stress and bad decision-making.
New college grads struggle to make friends and find community when joining hybrid teas, especially if the team has pre-COVID bonds.
Feeling included in the workplace can contribute to increased productivity.
Lack of support is the leading contributor to burnout, stress, and anxiety in the remote workplace.
Loneliness and isolation can lead to increased stress and bad decision-making.
New college grads struggle to make friends and find community when joining hybrid teams, especially if the team has pre-COVID bonds.
Feeling included in the workplace can contribute to increased productivity.
Framing the Problem
Framing the Problem
Research revealed that remote worker struggled not only with maintaining work-life balance, but also with feeling emotionally disconnected from their teams. The lack of casual interaction and open dialogue around stress made it difficult to identify when someone was overwhelmed.
We wanted to design a tool that would make these emotional check-ins natural and non-intrusive, something that helps teams see and support each other without adding to digital fatigue.
Research revealed that remote worker struggled not only with maintaining work-life balance, but also with feeling emotionally disconnected from their teams. The lack of casual interaction and open dialogue around stress made it difficult to identify when someone was overwhelmed.
We wanted to design a tool that would make these emotional check-ins natural and non-intrusive, something that helps teams see and support each other without adding to digital fatigue.
Defining the Approach
Defining the Approach
How might we...
How might we...
create a workplace system that promoted open communication about mental health while preserving privacy and empathy among team members?
create a workplace system that promoted open communication about mental health while preserving privacy and empathy among team members?
Design Goals
Design Goals
Normalize emotional transparency
Encourage teams to check in on their mental wellbeing without stigma or discomfort.
Normalize emotional transparency
Encourage teams to check in on their mental wellbeing without stigma or discomfort.
Foster connection through shared insight
Provide a visual representation of how teammates are doing to prompt empathy and awareness.
Foster connection through shared insight
Provide a visual representation of how teammates are doing to prompt empathy and awareness.
Integrate seamlessly into daily workflows
Make emotional check-ins quick, lightweight, and compatible with existing workflows.
Integrate seamlessly into daily workflows
Make emotional check-ins quick, lightweight, and compatible with existing workflows.
Competitive Analysis & Ideation
Competitive Analysis & Ideation
Ginger
Ginger (Headspace Care) offered self-care content and mental health resources. However, it placed full responsibility on individual employees without addressing team-based connection or shared accountability.
First Up
First Up tracked productivity and engagement metrics, but revealed that higher performance does not always equate to higher happiness. The platform's ranking system, while data-driven, risked increasing anxiety rather than relieving it.
Ginger
Ginger (Headspace Care) offered self-care content and mental health resources. However, it placed full responsibility on individual employees without addressing team-based connection or shared accountability.
First Up
First Up tracked productivity and engagement metrics, but revealed that higher performance does not always equate to higher happiness. The platform's ranking system, while data-driven, risked increasing anxiety rather than relieving it.
Analyzing the Landscape
Analyzing the Landscape
Analyzing the Landscape
To ground our concept in existing workplace wellness tools, our team conducted a competitive analysis of two platforms: Ginger (now Headspace Care) and First Up. Both aimed to improve employee wellbeing, but from very different perspectives.
While these tools measure productivity and offer self-help, few products promote collective awareness or de-stigmatize emotional transparency within teams. This inspired our team to design a tool that blends data visualization with empathetic communication to help teams understand each other's emotional health without judgment.
To ground our concept in existing workplace wellness tools, our team conducted a competitive analysis of two platforms: Ginger (now Headspace Care) and First Up. Both aimed to improve employee wellbeing, but from very different perspectives.
While these tools measure productivity and offer self-help, few products promote collective awareness or de-stigmatize emotional transparency within teams. This inspired our team to design a tool that blends data visualization with empathetic communication to help teams understand each other's emotional health without judgment.
Ginger
Ginger (Headspace Care) offered self-care content and mental health resources. However, it placed full responsibility on individual employees without addressing team-based connection or shared accountability.
First Up
First Up tracked productivity and engagement metrics, but revealed that higher performance does not always equate to higher happiness. The platform's ranking system, while data-driven, risked increasing anxiety rather than relieving it.
Ginger (now Headspace Care)
Ginger offered self-care content and mental health resources. However, it placed full responsibility on individual employees without addressing team-based connection or shared accountability.
First Up
First Up tracked productivity and engagement metrics, but revealed that higher performance does not always equate to higher happiness. The platform's ranking system, while data-driven, risked increasing anxiety rather than relieving it.
Ideation
Ideation
With limited time during the hackathon, we rapidly conducted a brainstorming session and discussed ideas that could merge the best features of both competitors while solving their weaknesses.
Our solution focused on three core ideas:
Quick well-being surveys to capture employees' stress levels, moods, and workloads.
Anonymous team data visualizations that highlight overall morale and collective stress levels.
Manager dashboards to provide organizational insights.
With limited time during the hackathon, we rapidly conducted a brainstorming session and discussed ideas that could merge the best features of both competitors while solving their weaknesses.
Our solution focused on three core ideas:
Quick well-being surveys to capture employees' stress levels, moods, and workloads.
Anonymous team data visualizations that highlight overall morale and collective stress levels.
Manager dashboards to provide organizational insights.
Hackathon Design
Hackathon Design
Bringing CalmConnect to Life
Bringing CalmConnect to Life
Bringing CalmConnect to Life
After identifying key gaps in existing tools, our team rapidly designed and prototyped CalmConnect, a workplace wellbeing system that helps remote teams open up about mental health in a safe, data-driven informed way.
The final presentation consisted of:
Human-centered personas to set the stage of our product and establish core users.
A mobile app where employees complete quick, anonymous wellbeing surveys.
A data visualization dashboard with team-wide summaries that help both employees and managers track morale and identify pain points.
A system flow mapping how visibility scales across roles, from individuals to managers to leadership.
Our team prioritized clarity and empathy, ensuring each feature served our core goal: normalizing mental health conversations at work and advocating for support.
After identifying key gaps in existing tools, our team rapidly designed and prototyped CalmConnect, a workplace wellbeing system that helps remote teams open up about mental health in a safe, data-driven informed way.
The final presentation consisted of:
Human-centered personas to set the stage of our product and establish core users.
A mobile app where employees complete quick, anonymous wellbeing surveys.
A data visualization dashboard with team-wide summaries that help both employees and managers track morale and identify pain points.
A system flow mapping how visibility scales across roles, from individuals to managers to leadership.
Our team prioritized clarity and empathy, ensuring each feature served our core goal: normalizing mental health conversations at work and advocating for support.
Human-Centered Personas
We created two personas two guide our design and reflect how CalmConnect supports both ends of the workplace spectrum:
Maria, a project manager striving to build openness and strong community within her team.
Darren, an engineer seeking to express stress or burnout without judgment and feel more in tune with his team.
These personas grounded our design decisions in empathy, shaping how we balanced transparency, privacy, and emotional comfort.
System Architecture: Balancing Privacy and Awareness
Our system diagram shows how visibility scales across the organization. Employees like Darren view aggregated team wellbeing data, while managers like Maria can see broader summaries across teams. This hierarchy keeps insights actionable while maintaining confidentiality and trust.
Team Survey: Making Mental Health Check-Ins Routine
The team survey features a short series of reflective prompts that measure stress levels, workload, and emotional wellbeing. By keeping the surveys simple and judgment-free, we turned mental health reflection into a sustainable habit rather than an obligation.
Data Visualization: Turning Awareness into Action
The data visualization dashboard transforms survey results into clear, digestible summaries. Employees can see how their teams are doing collectively, while managers access patterns that highlight where support is needed most.
Human-Centered Personas
We created two personas two guide our design and reflect how CalmConnect supports both ends of the workplace spectrum:
Maria, a project manager striving to build openness and strong community within her team.
Darren, an engineer seeking to express stress or burnout without judgment and feel more in tune with his team.
These personas grounded our design decisions in empathy, shaping how we balanced transparency, privacy, and emotional comfort.
System Architecture: Balancing Privacy and Awareness
Our system diagram shows how visibility scales across the organization. Employees like Darren view aggregated team wellbeing data, while managers like Maria can see broader summaries across teams. This hierarchy keeps insights actionable while maintaining confidentiality and trust.
Team Survey: Making Mental Health Check-Ins Routine
The team survey features a short series of reflective prompts that measure stress levels, workload, and emotional wellbeing. By keeping the surveys simple and judgment-free, we turned mental health reflection into a sustainable habit rather than an obligation.
Data Visualization: Turning Awareness into Action
The data visualization dashboard transforms survey results into clear, digestible summaries. Employees can see how their teams are doing collectively, while managers access patterns that highlight where support is needed most.
Human-Centered Personas
We created two personas two guide our design and reflect how CalmConnect supports both ends of the workplace spectrum:
Maria, a project manager striving to build openness and strong community within her team.
Darren, an engineer seeking to express stress or burnout without judgment and feel more in tune with his team.
These personas grounded our design decisions in empathy, shaping how we balanced transparency, privacy, and emotional comfort.
System Architecture: Balancing Privacy and Awareness
Our system diagram shows how visibility scales across the organization. Employees like Darren view aggregated team wellbeing data, while managers like Maria can see broader summaries across teams. This hierarchy keeps insights actionable while maintaining confidentiality and trust.
Team Survey: Making Mental Health Check-Ins Routine
The team survey features a short series of reflective prompts that measure stress levels, workload, and emotional wellbeing. By keeping the surveys simple and judgment-free, we turned mental health reflection into a sustainable habit rather than an obligation.
Data Visualization: Turning Awareness into Action
The data visualization dashboard transforms survey results into clear, digestible summaries. Employees can see how their teams are doing collectively, while managers access patterns that highlight where support is needed most.
Human-Centered Personas
We created two personas two guide our design and reflect how CalmConnect supports both ends of the workplace spectrum:
Maria, a project manager striving to build openness and strong community within her team.
Darren, an engineer seeking to express stress or burnout without judgment and feel more in tune with his team.
These personas grounded our design decisions in empathy, shaping how we balanced transparency, privacy, and emotional comfort.
System Architecture: Balancing Privacy and Awareness
Our system diagram shows how visibility scales across the organization. Employees like Darren view aggregated team wellbeing data, while managers like Maria can see broader summaries across teams. This hierarchy keeps insights actionable while maintaining confidentiality and trust.
Team Survey: Making Mental Health Check-Ins Routine
The team survey features a short series of reflective prompts that measure stress levels, workload, and emotional wellbeing. By keeping the surveys simple and judgment-free, we turned mental health reflection into a sustainable habit rather than an obligation.
Data Visualization: Turning Awareness into Action
The data visualization dashboard transforms survey results into clear, digestible summaries. Employees can see how their teams are doing collectively, while managers access patterns that highlight where support is needed most.
Solo Revamp: Evolving The Idea
Solo Revamp: Evolving The Idea
Solo Revamp: Evolving The Idea
After the hackathon, I revisited CalmConnect to explore how the concept could evolve with more time and refined design thinking. My goals for this revamp were to:
Challenge myself to create a more cohesive, visually balanced interface
Enhance realism by refining survey questions to reflect real workplace stressors
Strengthen cohesion between the survey flow and data visualization for a more polished experience
This revamp became an opportunity to apply the skills I'd developed since the hackathon, moving from fast-paced ideation to thoughtful design rooted in systems thinking.
After the hackathon, I revisited CalmConnect to explore how the concept could evolve with more time and refined design thinking. My goals for this revamp were to:
Challenge myself to create a more cohesive, visually balanced interface
Enhance realism by refining survey questions to reflect real workplace stressors
Strengthen cohesion between the survey flow and data visualization for a more polished experience
This revamp became an opportunity to apply the skills I'd developed since the hackathon, moving from fast-paced ideation to thoughtful design rooted in systems thinking.
Moodboarding
Moodboarding
Exploring Visual Language
Exploring Visual Language
To set a clearer visual foundation, I browsed examples of wellness, productivity, and health app interfaces that communicated calm, balance, and focus. I collected visual patterns emphasizing clean layouts, soft gradients, and inviting color palettes to guide the tone of the redesign.
To set a clearer visual foundation, I browsed examples of wellness, productivity, and health app interfaces that communicated calm, balance, and focus. I collected visual patterns emphasizing clean layouts, soft gradients, and inviting color palettes to guide the tone of the redesign.
Survey Moodboard: I collected visual inspiration for survey layouts that balanced clarity with visual warmth. The references informed how I could use space, typography, and color to create a calming experience.
Data Visualization Moodboard: I gathered references for how mindfulness and productivity apps present insights in a clear and engaging way. These examples showed me how I could summarize complex data for both mobile and desktop screens.
Survey Moodboard: I collected visual inspiration for survey layouts that balanced clarity with visual warmth. The references informed how I could use space, typography, and color to create a calming experience.
Data Visualization Moodboard: I gathered references for how mindfulness and productivity apps present insights in a clear and engaging way. These examples showed me how I could summarize complex data for both mobile and desktop screens.
Survey Moodboard: I collected visual inspiration for survey layouts that balanced clarity with visual warmth. The references informed how I could use space, typography, and color to create a calming experience.
Data Visualization Moodboard: I gathered references for how mindfulness and productivity apps present insights in a clear and engaging way. These examples showed me how I could summarize complex data for both mobile and desktop screens.
Survey Moodboard: I collected visual inspiration for survey layouts that balanced clarity with visual warmth. The references informed how I could use space, typography, and color to create a calming experience.
Data Visualization Moodboard: I gathered references for how mindfulness and productivity apps present insights in a clear and engaging way. These examples showed me how I could summarize complex data for both mobile and desktop screens.
Restructuring & Drafting
Restructuring & Drafting
Transforming Sketches to Systems
Transforming Sketches to Systems
I started with low-fidelity sketches to establish a more grounded flow based on the original hackathon design. I added a homepage to anchor the experience and emphasize return engagement. These sketches helped me identify and refine the structure before moving into low-fidelity wireframing.
Building on the sketches, I created lo-fi wireframes that structured the survey and visualization experience. These wireframes formed the foundation for me to use Figma Make to explore high-fidelity layout possibilities and realistic interaction patterns.
I started with low-fidelity sketches to establish a more grounded flow based on the original hackathon design. I added a homepage to anchor the experience and emphasize return engagement. These sketches helped me identify and refine the structure before moving into low-fidelity wireframing.
Building on the sketches, I created lo-fi wireframes that structured the survey and visualization experience. These wireframes formed the foundation for me to use Figma Make to explore high-fidelity layout possibilities and realistic interaction patterns.
Sketches: Outlined the full survey journey, emphasizing progression and clarity of responses.
Lo-fi Wireframes: Defined the visual hierarchy and flow for the survey and insights screens, setting the groundwork for Figma Make prototyping.
Sketches: Outlined the full survey journey, emphasizing progression and clarity of responses.
Lo-fi Wireframes: Defined the visual hierarchy and flow for the survey and insights screens, setting the groundwork for Figma Make prototyping.
Sketches: Outlined the full survey journey, emphasizing progression and clarity of responses.
Lo-fi Wireframes: Defined the visual hierarchy and flow for the survey and insights screens, setting the groundwork for Figma Make prototyping.
Sketches: Outlined the full survey journey, emphasizing progression and clarity of responses.
Lo-fi Wireframes: Defined the visual hierarchy and flow for the survey and insights screens, setting the groundwork for Figma Make prototyping.
Co-Designing with AI
Co-Designing with AI
Accelerating the Process Using Figma Make
Accelerating the Process Using Figma Make
To accelerate the high-fidelity stage, I used Figma Make to quickly generate layouts based on my lo-fi wireframes and visual moodboard. This tool helped me iterate faster and test visual structure quickly.
I treated Figma Make as a creative partner, not a final solution. I manually refined each output, adjusting proportions, typography, and interactions to ensure that each screen and interaction conveyed clarity, calmness, and cohesion.
To accelerate the high-fidelity stage, I used Figma Make to quickly generate layouts based on my lo-fi wireframes and visual moodboard. This tool helped me iterate faster and test visual structure quickly.
I treated Figma Make as a creative partner, not a final solution. I manually refined each output, adjusting proportions, typography, and interactions to ensure that each screen and interaction conveyed clarity, calmness, and cohesion.
Mobile Prototyping: Using my low-fidelity wireframes as input, I asked Figma Make to generate high-fidelity drafts for the mobile flow. I also provided moodboard references and my primary color (#4486F7) to ensure visual consistency.
Mobile Prototyping: Using my low-fidelity wireframes as input, I asked Figma Make to generate high-fidelity drafts for the mobile flow. I also provided moodboard references and my primary color (#4486F7) to ensure visual consistency.
Desktop Prototyping: After finalizing the mobile version, I extended the experience to desktop using Figma Make. This version was designed for managers to visualize collective wellbeing data through a clear, actionable dashboard. I refined AI outputs to enhance readability and emphasize key insights over raw metrics.
Mobile Prototyping: Using my low-fidelity wireframes as input, I asked Figma Make to generate high-fidelity drafts for the mobile flow. I also provided moodboard references and my primary color (#4486F7) to ensure visual consistency.
Desktop Prototyping: After finalizing the mobile version, I extended the experience to desktop using Figma Make. This version was designed for managers to visualize collective wellbeing data through a clear, actionable dashboard. I refined AI outputs to enhance readability and emphasize key insights over raw metrics.
Mobile Prototyping: Using my low-fidelity wireframes as input, I asked Figma Make to generate high-fidelity drafts for the mobile flow. I also provided moodboard references and my primary color (#4486F7) to ensure visual consistency.
Desktop Prototyping: After finalizing the mobile version, I extended the experience to desktop using Figma Make. This version was designed for managers to visualize collective wellbeing data through a clear, actionable dashboard. I refined AI outputs to enhance readability and emphasize key insights over raw metrics.
The Final Prototype
The Final Prototype
The final version of CalmConnect builds on the original concept but delivers a more polished experience that encourages consistent emotional check-ins.
Readily available insights encourage employees to reflect on wellness trends.
Refined survey content reflect realistic work-related stressors and daily challenges.
Wellness dashboards visualize team data in a clear, supportive way.
Unified design system reinforces calm.
The final version of CalmConnect builds on the original concept but delivers a more polished experience that encourages consistent emotional check-ins.
Readily available insights encourage employees to reflect on wellness trends.
Refined survey content reflect realistic work-related stressors and daily challenges.
Wellness dashboards visualize team data in a clear, supportive way.
Unified design system reinforces calm.
Final mobile prototype
Updated Home Page
Updated Home Page
Updated Home Page
Employees like Darren are greeted with friendly reminders to complete new surveys and can review weekly team insights once their responses are submitted.
Employees like Darren are greeted with friendly reminders to complete new surveys and can review weekly team insights once their responses are submitted.
Employees like Darren are greeted with friendly reminders to complete new surveys and can review weekly team insights once their responses are submitted.
Before completing a survey: Users see pending tasks and locked insights.
After submitting a survey: Insights are unlocked to reveal team-level wellness data.
Relevant Survey Questions
Relevant Survey Questions
Relevant Survey Questions
Survey questions were redesigned to feel conversational and approachable while capturing key wellness indicators such as mood, sleep, workload, and team connection. This tone helps normalize reflection around stress and emotional well-being in the workplace.
Survey questions were redesigned to feel conversational and approachable while capturing key wellness indicators such as mood, sleep, workload, and team connection. This tone helps normalize reflection around stress and emotional well-being in the workplace.
Survey questions were redesigned to feel conversational and approachable while capturing key wellness indicators such as mood, sleep, workload, and team connection. This tone helps normalize reflection around stress and emotional well-being in the workplace.
Employee Data Visualization
Employee Data Visualization
Employee Data Visualization
The mobile dashboard gives employees a quick, anonymous summary of how their team is doing. Color-coded visualizations make it easy to understand mood distribution, top stressors, and progress without judgment or comparison.
The mobile dashboard gives employees a quick, anonymous summary of how their team is doing. Color-coded visualizations make it easy to understand mood distribution, top stressors, and progress without judgment or comparison.
The mobile dashboard gives employees a quick, anonymous summary of how their team is doing. Color-coded visualizations make it easy to understand mood distribution, top stressors, and progress without judgment or comparison.
Employee Data Visualization: After completing the survey, employees are shown an anonymous summary of the survey data.
Employee Data Visualization: After completing the survey, employees are shown an anonymous summary of the survey data.
Manager Dashboard
Manager Dashboard
Manager Dashboard
Managers like Maria gain deeper visibility into their team's mental health trends through a data-driven dashboard.
Managers like Maria gain deeper visibility into their team's mental health trends through a data-driven dashboard.
Managers like Maria gain deeper visibility into their team's mental health trends through a data-driven dashboard.
Survey Overview: The interface surfaces overall wellness scores, key stress factors, and anonymous insights, enabling proactive support and informed leadership descisions.
Individual Responses: Managers can view aggregated insights by participant, identifying patterns across mood, sleep, and communication. This view helps leaders pinpoint areas where support is needed and rebalance workloads to maintain productivity and morale.
Manager Recommendations: Based on the survey results, CalmConnect gathered tailored action items for managers such as rebalancing workload, encouraging clear boundaries, or improving team communication. These insights turn abstract well-being data into practical steps for building healthier, more connected teams.
Survey Overview: The interface surfaces overall wellness scores, key stress factors, and anonymous insights, enabling proactive support and informed leadership descisions.
Individual Responses: Managers can view aggregated insights by participant, identifying patterns across mood, sleep, and communication. This view helps leaders pinpoint areas where support is needed and rebalance workloads to maintain productivity and morale.
Manager Recommendations: Based on the survey results, CalmConnect gathered tailored action items for managers such as rebalancing workload, encouraging clear boundaries, or improving team communication. These insights turn abstract well-being data into practical steps for building healthier, more connected teams.
Survey Overview: The interface surfaces overall wellness scores, key stress factors, and anonymous insights, enabling proactive support and informed leadership descisions.
Individual Responses: Managers can view aggregated insights by participant, identifying patterns across mood, sleep, and communication. This view helps leaders pinpoint areas where support is needed and rebalance workloads to maintain productivity and morale.
Manager Recommendations: Based on the survey results, CalmConnect gathered tailored action items for managers such as rebalancing workload, encouraging clear boundaries, or improving team communication. These insights turn abstract well-being data into practical steps for building healthier, more connected teams.
Survey Overview: The interface surfaces overall wellness scores, key stress factors, and anonymous insights, enabling proactive support and informed leadership descisions.
Individual Responses: Managers can view aggregated insights by participant, identifying patterns across mood, sleep, and communication. This view helps leaders pinpoint areas where support is needed and rebalance workloads to maintain productivity and morale.
Manager Recommendations: Based on the survey results, CalmConnect gathered tailored action items for managers such as rebalancing workload, encouraging clear boundaries, or improving team communication. These insights turn abstract well-being data into practical steps for building healthier, more connected teams.
Reflection
Reflection
Working on CalmConnect reminded me that design is never finished. The original hackathon project taught me the value of teamwork and rapid iteration under pressure, while the solo revamp pushed me to slow down and approach designs with a more intentional process.
Revisiting this project also showed me how much I've changed as a designer, from focusing solely on execution to thinking systemically about user experience, scalability, and visual cohesion. Experimenting with AI tools like Figma Make also reshaped how I view the design process. Rather than replacing creativity, AI accelerated exploration and allowed me to focus on the human-centered elements (empathy, clarity, and emotional impact).
This project reaffirmed that thoughtful design takes time and iteration, but at its core it's still about creating experiences that make people feel seen and supported.
Working on CalmConnect reminded me that design is never finished. The original hackathon project taught me the value of teamwork and rapid iteration under pressure, while the solo revamp pushed me to slow down and approach designs with a more intentional process.
Revisiting this project also showed me how much I've changed as a designer, from focusing solely on execution to thinking systemically about user experience, scalability, and visual cohesion. Experimenting with AI tools like Figma Make also reshaped how I view the design process. Rather than replacing creativity, AI accelerated exploration and allowed me to focus on the human-centered elements (empathy, clarity, and emotional impact).
This project reaffirmed that thoughtful design takes time and iteration, but at its core it's still about creating experiences that make people feel seen and supported.
