UX/UI Design

Case Study 
Saas web application

This project was produced under NDA and all proprietary and non public information has been removed. This case study reflects information that is publicly available and based on pre and post project experience and facsimile research.

The Problem:

Enable tenants to book office space in minutes instead of days through a real-time booking calendar.

Roles

UX researcher
Interaction Designer
UI Designer
Project Manager

Timeline

9 months

 

Team Size

In house we had 2 team members working on the project, and contracted with several cross functional teams to provide further development and testing 

Tools

Illustrator
Adobe XD
UXpin
Python (django framework)
Boostrap
Jira
Trello

Methods

Stakeholder Interviews, Competitor Analysis, Affinity Maps, Personas, Heuristic Evaluations, Usability Testing, Card Sorting, Prototyping

Creative Process

We identified core features and pages after interviewing major stakeholders and developed a development life cycle using an Agile metholodgy.

For years the client had been using disparate web applications to rent out his current office space to tenants and felt all the money and time he spent using these various applications together, which still lacked all of the features he wanted, could be put to better use creating the platform he needed.

PHASE 1

We met with the client to identify the site map/architecture, developed a Scope of Work, conducted a competitive analysis and primary research, developed personas, and carried out card sorting.

 

PHASE 2

Met with the developers to articulate and define the project requirements, developed user stories, and user flows. 

PHASE 3

Conceptual ideation and modeling, Lo-Fi Wireframes were produced to test user flows, feedback and testing led to reiterating in greater fidelity. Development began two sprints behind design.  

PHASE 4

QA and usability testing on development deliverables. 

Core Features

The core pages and features we identified for a minimum viable product were: Search Functionality, Booking Calendar and Profile Pages. We indicated to the client that if they wanted us to develop this project, because we were a small team, then we had to stick with a lean approach to product design. Unfortunately, the client had big aspirations and was more familiar with a waterfall approach. We had to constantly persuade them to stay with the lean approach.

b

Scalable

Responsive Design

Versatile

User Experience Research

Collecting the field studies, client interviews and a handful of customer interviews, we created an affinity map. From the affinity map we generated several empathy maps: a renter, a landlord, and a new user.

Takeaways

I was initially skeptical that we could produce a solution that differentiated itself from competitors. As I delved deeper into the competitor analysis and learning about the client’s problem, I realized that the engine behind the search and the booking calendar needed to be developed to be robust enough to handle unanticipated use cases.

UX Design 

It took several iterations to get the user flows right, each persona had several points of entry into the application and there were more than a handful of tasks/nuances to account for in their processes. Usability testing was crucial here and we used invision to test the logic of each task. 

Wireframes

The client’s goal was to capture as much data as possible from users in order to power search results. This meant we needed to create a solution that kept the task of filling out form fields from feeling overwhelming. We also had to accommodate the robust search results  filters in a logical and simple way.  

UI Design

I implemented and extended the visual language created by our graphic designer for new elements and use cases.