Role

Competitive analysis, Product thinking, User research, Rebrand

Team

1 product designer, 1 design intern, 1 project manager, 1 engineer

Duration

February 2023 (2 weeks)

Project background

Litespace is an HR software that connects employees in hybrid workplaces by improving employee engagement, strengthening corporate culture, and boosting productivity.

My role

I was tasked with redesigning the schedule page of this Web App to incorporate new features and design an AI that will recommend optimal work schedules, and incorporate our new branding.

Challenge

How might we help our users optimize their hybrid work schedules and assist the HR team in gaining visibility into office space utilization?

Competitive analysis goals

User insights

Gain insights into the scheduling design patterns that users are already familiar with for hybrid work models.

Product differentiation

Identify unique features and functionalities from gaps in competitor products.

Innovation and improvement

Evaluate competitor offerings and identify areas where the previous schedule design can be improved.

User interview findings

“People say they will come to the office, but don’t actually show up. We wasted so much money on renting our office space.”

“I like that I get a say in when I go into office and when I stay home.”

“I wish I could get more visibility on when everyone is working.”

Key insights

Users are accustomed to viewing a weekly work schedule.

HR team wants an accurate understanding of how employees are utilizing the office space.

Users want to connect with their coworkers and ensure in-office days are as productive as possible.

Sketches

Here I utilized my expertise in user-centric design and collaborated with stakeholders to ensure my concept sketches aligned with their go-to-market strategy, business goals, and were technically feasible.

Challenge #1 reducing areas of user confusion

During discussions with the sales team, we discovered that 40% of users found it confusing to have the recommended schedule separated from their schedule and did not use it.

Solution #1 restructuring the layout

By changing the layout of this page to display the AI recommended statuses beside the user's set status, 93% of users could easily understand and utilized the recommended statuses.

Challenge #2 accurately documenting office attendance

Stakeholder discussions with our customer success team alerted us that users reported discrepancies between the office attendance metric in our Reporting page and actual office attendance.

Solution #2 addition of a check-in feature

Requiring users to check-in upon arrival at the office allowed us to improve the accuracy of our Reporting analytics, increase compliance with covid-19 capacity restrictions, and provide cost-saving insights to our users' HR teams.

Challenge #3 optimize the information distribution

During user testing we discovered that 35% of users felt overwhelmed by the amount of information on this page.

Solution #3 revamp the page layout

By focusing on enhancing design elements such as visual hierarchy, balance, and colour, 78% of users found the information on this page to be well organized and easily digestible.

Mobile Design

Once we finalized the high-fidelity screens, we created mobile screens to ensure a responsive design implementation. This helped the development team adapt the design across various devices.

Product Demonstration

Please view the video below to see the scheduling page in action. This design now plays a pivotal role in the company's journey to secure funding and propel growth.

Key Takeaways

User-Centric Mindset

By empathizing with the pain points and preferences of the users, I was able to create a more intuitive and impactful design.

Collaboration

This project emphasized the importance of a collaborative environment where seeking feedback and leveraging skills of team members created optimal solutions.

Growth Mindset

I learned that embracing challenges as opportunities for improvement leads to better user experiences and more impactful solutions.

Litespace

Project background

My role

Challenge

Research

Competitive analysis goals

User interview findings

Key insights

Ideation

Sketches

User flow

Challenges And Solutions

Challenge #1 reducing areas of user confusion

Solution #1 restructuring the layout

Challenge #2 accurately documenting office attendance

Solution #2 addition of a check-in feature

Challenge #3 optimize the information distribution

Solution #3 revamp the page layout

Responsiveness

Mobile Design

Final Product

Product Demonstration

Reflection

Key Takeaways

RealtyAI