Letup

UX / UI Design| Capstone Case Study
CLIENT
Individual, Capstone Project
MY role
UX Researcher, Design Strategy, UX/UI Designer
timeline
Oct - Dec 2022, 8 weeks
Tools
Figma, Sketch, Invision
Skills & Method
Qualitative research, User interviews, Usability testing, UX design, UI design, Prototyping

Introducing Letup

An app designed to help remote employees connect and build a sense of community within their company. In a world where remote work is becoming increasingly prevalent, Letup aims to provide a platform for employees to engage with their colleagues beyond work hours and collaborate more effectively. With features like calendar syncing and event creation, Letup offers a solution to the problem of isolation and a lack of connection among employees.

View Prototype

The Problem

Remote work presents unique challenges, including a lack of connection and communication among remote employees. Buffer's survey found that 20% of remote workers struggle with loneliness and 74% experience communication and collaboration issues, while Owl Labs found that remote employees are twice as likely to feel misunderstood by colleagues.

These challenges can negatively impact productivity and organizational culture, highlighting the need for solutions that address the problem of isolation and a lack of connection among remote workers.

Solution

An app designed to help remote employees build a sense of community within their company by facilitating connections and interactions beyond work hours. By syncing with work calendars and allowing users to create and attend events, Letup helps employees find and connect with colleagues who share their interests and work schedules. This can help foster stronger relationships and improve collaboration and productivity within organizations, even in a remote work setting.

View Prototype

Discovery of Problem Space

As a remote worker in my mid-twenties, I've experienced the challenge of feeling disconnected from colleagues and company culture. This issue is particularly prevalent among workers in my age group, where building connections and networking is crucial for career growth. After conducting research and speaking with other remote workers, I realized that many others face the same problem.

OPPORTUNITY
The increasing prevalence of remote work and the resulting lack of connection among remote employees, particularly among younger demographics. This presents a challenge for companies that rely on collaboration and communication to drive productivity and growth.
HYPOTHESIS
I believe that the absence of a sense of community among remote workers leads to reduced collaboration, communication, and job satisfaction. Informal interactions are crucial to building trust and relationships, which are necessary for effective teamwork and productivity.
"Since I started working remotely, I feel like my network is not growing as much"
"Being around my colleagues helped me grow faster because knowledge transfer was easier"
"Since I started working remotely, I feel like my network is not growing as much"

Research gave me new insights

Through the process of conducting user interviews with a carefully selected group of 5 participants, all of whom are between the ages of 24 to 30 and working from home full-time in British Columbia, I was able to gain valuable insights into their experiences and challenges as remote workers.

Who am i designing for?

I created two personas to allow for a more hollistic understanding of the problem space. By considering both perspectives, I was able to ensure that the solution addresses the needs of both the end user and the organization.
Michael Smith
Vancouver, BC. 28 Y.O

Michael Smith is a 28-year-old marketing executive who has been working for a mid-sized company for the past 3 years. He enjoys collaborating with her colleagues and building relationships with them. He believes that socializing with colleagues helps her learn from their experiences and grow professionally.

PAIN POINTS

Difficulty socializing with colleagues who are introverted or reserved.

Working with colleagues who don't communicate well or don't prioritize building relationships.

MOTIVATIONS

Building a strong network of colleagues and mentors to gain insights into different industries.

Developing a healthy work-life balance by socializing with her colleagues and participating in office events.

Sarah Jones
Vancouver, BC. 40 Y.O

Sarah is a 40-year-old senior manager who has been working for a large corporation for the past 15 years. She believes that building strong relationships with her team is essential for their success and the success of the company. She enjoys mentoring and coaching her employees and helping them achieve their goals.

PAIN POINTS

Dealing with conflicts or misunderstandings between team members.

Managing remote teams or employees who work from home and having to find ways to keep them connected.

MOTIVATIONS

Building a high-performing team that collaborates effectively and supports each other.

Creating a positive work environment that encourages open communication and trust.

Taskflow Selection

The task flow for creating an event in Letup was chosen to address the key pain point of remote employees: the lack of opportunities for employees to connect with their colleagues beyond work-related tasks.
It is designed to be intuitive and user-friendly. By breaking down the event creation process into smaller steps, users can easily navigate the app and create events that are tailored to their specific needs.

Exploration through sketches

I used paper and pen to sketch out ideas for possible solutions after finalizing my core task flow. I drew inspiration from other existing UI components on Dribbble and features from competing apps like Slack, Donut, and Meetup. The sketches to the left are my top ideas, which were later turned into wireframes.

Wireframes & User Testing

Iterating on my design process, I progressed from early sketches to grayscale wireframes before conducting two rounds of user testing with ten participants. While observing their interactions with my mid-fidelity prototypes, I identified usability issues with the hiring status screen. Despite this unexpected outcome, I was able to revise and improve my designs to better meet their intended purpose.

Iterations

Breaking Down the Process into Smaller Steps

User testing revealed that users found the initial screen too complex and wanted a more streamlined process. This feedback led to an iteration of the design. The new design provides a more intuitive and user-friendly experience, making it easier for users to create an event and reducing the risk of abandonment due to an overwhelming amount of information.
The updated design breaks down the event creation process into three screens. The first screen is a list of pre-selected team bonding events to choose from. The second screen is a calendar view for selecting the date and time. The third screen includes additional details like the meeting description and link.

Simplifying The Contact Page

In response to user feedback, the contact list page was redesigned to be more user-friendly. The swipe right to select feature was removed in favor of a simpler tap-to-add method with a list of selected contacts at the bottom.
The page was also streamlined with only relevant information displayed, and spacing adjustments were made to make it more visually appealing and less overwhelming
The progress bar was moved down to avoid being a distraction, while the back and next buttons were spaced out to create a more visually appealing and digestible page.

Improving Contact Selection with Filters and Sorting

The shuffle feature in the first iteration of the app was deemed difficult to use and restricted users' control over contact selection. Therefore, it was removed in the second iteration.
To make contact selection more intuitive, a new filter option was introduced. Users can now sort and filter by department, interest, and event type, and even see who's available at a particular time. This aligns with current mental models.
A suggested people feature was added to further streamline contact selection. Based on user interest and department, this feature recommends relevant contacts who may be interested in attending the event.

Brand Discovery

After testing various options, I selected the name "Letup" for my app, as it aligns with the goal of providing relief from work-related stress by encouraging users to slow down, pause and connect with colleagues outside of work hours.

To complement the name, I experimented with different fonts and styles to create a wordmark that resembles a house, symbolizing remote work. Through this process, I was able to develop a consistent visual identity for the brand and establish a recognizable icon that users can easily associate with the app.

Visual Identity

In choosing the visual identity for Letup, I wanted to create a design that was modern, clean, and professional. The primary color of #FAFAFA was chosen for its simplicity and ability to provide a neutral backdrop that allows other design elements to stand out. The darker blue color of #445597 was selected because it provides a strong contrast and complements the lighter shade of #FAFAFA.

For typography, I chose the Nunito font family from the Sans Serif category. This font family was selected because it is clean, modern, and easy to read, which is essential for an app designed for professional use. It also has a good balance between thick and thin strokes, making it legible in various sizes and weights.

Designing for Inclusivity

In selecting the colors for Letup's visual identity, I made sure to consider accessibility guidelines to ensure that the app is inclusive for all users. Specifically, I ensured that the colors chosen meet the WCAG 2.1 AA guidelines, which provide standards for making digital content accessible to people with disabilities. This ensures that Letup's interface is easy to use for all individuals, regardless of any visual impairments they may have.

Introducing Letup

Designing a visual identity for my brand in the prototype turned out to be quite the adventure! Balancing the right colors, establishing an accessible type hierarchy, and creating a unique identity took a lot of experimentation and testing.
After numerous rounds of feedback, I finally arrived at a final UI prototype that I was thrilled with!

View Prototype

Features

Explore new rituals to foster team unity, collaboration, and community.

A well connected workplace will function as a community. Keep regular interactions with colleagues and seniors interesting by initiating a range of fun events. This also enables inter department interactions which can help with knowledge growth.

Sync your calendar to plan your meets more conveniently.

Sync Letup with your google calendar so that your availability is updated in real-time. You can conveniently view current meetings while creating an event and avoid juggling calendars.

Connect with colleagues with similar interests from different departments.

Whether it is a casual team bonding meet or a knowledge exchange meet, with the filter option you can easily invite colleagues from other departments or invite colleagues who you share similar interests with.

Multi-Platform

Having a desktop version of Letup ensures that all employees, regardless of their device preference, can access and use the app.

The desktop version also promotes a more seamless and integrated experience across different devices. Users can easily transition from their desktop computer to their mobile device and still have access to the same features and functionality.

Value Proposition

Employees

Builds relationships with colleagues across departments and levels

Improves work-life balance by allowing users to schedule meetups around their availability

Promotes a sense of community and reduce isolation in remote work environments

Managers

Improves collaboration and productivity among team members.

Boosts employee engagement and morale.

Creates opportunities for knowledge sharing and skill development.

Helps retain top talent by fostering a positive work environment

Company

Helps foster a positive company culture and improve overall employee satisfaction.

Encourages innovation and creativity through cross-functional collaboration.

Increase employee retention and reduce turnover costs.

What's next for Letup?

In terms of features, Letup could explore the possibility of adding more functionality such as gamification elements, personalized recommendations, or integration with other social media platforms to help facilitate connection and engagement between remote employees.
Letup could also look into integrating its app as a plugin for popular communication tools such as Slack, Microsoft Teams, or Google Calendar. This would allow users to access Letup's features and capabilities directly within the platform they are already using for work, making it more seamless and convenient for them to build relationships and engage with their colleagues.
Let's Connect!
© 2022 Vidhi Rajesh Mehta. All right reserved.