.png)
Cafe helps connect colleagues working in hybrid environments by giving them ways to meet and interact in real life.
.png)
UX/UI Designer
4 weeks
ā¢ 4 UX/UI Designers
ā¢ 1 Project Manager
ā¢ Competitive analysis
ā¢ Medium-fidelity wireframes
ā¢ Prototype
ā¢ Slack
ā¢ Figma
ā¢ Miro
ā¢ Zoom
Cafe is a B2B SaaS company that is designed to help hybrid teams personalize their work experience. It empowers people to decide where to work from so they can meet and interact with team members in real life. Cafe focuses on keeping coworkers connected wherever they are working from.
Cafe's current digital experience was at times, overwhelming and difficult to navigate. Ā The team was responsible for simplifying existing features. I was tasked with redesigning the flow and experience of accessing the directory while giving the users a personalized experience.
The solution that I worked on was a newly designed user flow that added the directory to the dashboard navigation for easier access and Ā created sort and filter capabilities for the directory feature.
Cafe's customer base has grown from working with small startup companies to now working with enterprises. To align with the client's current needs, we were entrusted to design a revamped MVP focusing solely on the user experience element of the existing product, up to the point of medium-fidelity wireframes, in 4 weeks.
Cafe had recently conducted a survey with their customers and found that their customers thought parts of the platform were hard to navigate and information was difficult to find.
āIn order to identify areas that required optimization and gain a better understanding of areas in need of improvement, I performed an audit of the existing platform. The key things I found were:
.png)
To find inspiration and ways to enhance the platform, I researched competitors. Because Cafe has no direct competitors, the client provided four indirect competitors for a comparative analysis. Here is what I found:
I ideated ways to implement an intuitive search bar that would have filter and sort capabilities to offer users customization. My goal was to make it easier for users to find the information that they needed. I gathered feedback, iterated and then created a high-fidelity prototype.
.png)
.png)
Based on feedback, this dropdown menu felt too large and covered a significant portion of the screen, leading to a less user-friendly experience.
I reduced the filter and sort drop-down menu size to improve user interaction and preserve screen space, creating a more efficient experience.
I worked on the prototype for the updated functionalities such as searching, sorting, filtering, and exporting a CSV to give the client and dev team an idea of what the new flow would look like.
I then prepared the designs to be sent off to the client. This included annotating comps to clearly explain my designs and decisions. I believe this step is very crucial because it allows for a seamless transition. You can view the prototype here.
I learned quite a lot from the process, as well as from my team members. I was introduced to new tools like Annotate it, Autoflow and measure, just to name a few. These plug-ins helped speed up the process.
Presently, certain elements are being integrating into the existing design. If I had enough time, I would have conducted moderated usability testing and then used the insights gathered to iterate and improve the designs.
I learned quite a lot from the process, as well as from my team members. I was introduced to new tools like Annotate it, Autoflow and measure, just to name a few. These plug-ins helped speed up the process.
.png){kind=small}
.png){kind=icon}
