General Assembly design challenge

Designing a better way for freelancers and remote workers to find great coffee shops, restaurants, and public spaces to do work from.

Role :

UX Strategy & UI Designer

Year :

2017

Overview

Overview

Project goals and details

Project goals and details

Post Up is a new startup that wants to make it easier for freelancers, and remote workers to find great coffee shops and public spaces to do work from.

This case study highlights my entire process of designing this solution - from learning the needs, behavior, and pain-points of Post Up users, to designing a prototype and branding solution.

Research Findings

To learn more about the needs of Post Up users, I analyzed interview highlights, a persona, and watched a user walk through how they currently look for a place to work.

Afterwards, I put key findings on Post-its to create an affinity map, and focus on a few key themes that I wanted to consider in my solution.


Below is the most frequently requested needs expressed by users, that we decided to solve going forward in our designs:

Users want to find a location that's close to them

Users want to know about amenities (free wifi, power, bathrooms)

Users want to know how crowded or noisy a place is

Users want to see photos of the space to see if it fits their needs

Competitive Analysis

Google Maps
Popular times screen

Google Maps does a great job at indicating the most popular times places are crowded by giving estimates of peak or quiet hours.


For Post Up, we could use a similar indicator to help users know an estimate of how crowded a place is currently or will be when they go there.

Delta
Amenities icon indicators

Delta gives a helpful overview of a seating highlights summary and a list of amenities included in the space with helpful icons.


We could use a similar organization structure of information to make sure the user knows what will be offered at each location without any guess work.

AirBnb
Map view and list options

Airbnb’s map does a great job of showing the user the map location along with price and a large image of the listing below.


For PostUp, we could use a similar design to help users search for a location, with some specific criteria that our users are looking for (hours open, working areas available, etc...)

Prototypes

Prototypes

Sketches

Sketches

Next, I wanted to start generating ideas for the features and visual design of the main flow, which shows a user searching for places, sorting through a list, and eventually landing on a detailed screen of the selected location. These are a few concepts which I wanted to explore further:

1. A map showing the current location and where the closest places to you currently are.

2. Large photos, since many users indicated that photos give them a good idea of the space, and if it would be a good place to work from.

3. An amenities filter that allows users to narrow places based on certain criteria - like WiFi, quiet areas, and available restrooms.

Low Fidelity Wireframes

The prototype above shows a user searching for places nearby, with the ability to filter important criteria, like distance, hours, and amenities. Each location briefly indicates how crowded it is and the hours of operation so the user can quickly judge important criteria.

From there, the user can select a place to see the name, location, distance, and how busy it is. Choosing the location brings up detailed information with amenities, description, reviews, and other work-related criteria.

I designed it to default to nearby places, because most users expressed that they need to find a place while they’re in an unfamiliar area.

UI Style Guide

UI Style Guide

I then designed the logo and buttons, finalized the color palette, fonts, icons, input fields and other miscellaneous elements.

Final designs

Final designs

High Fidelity Wireframes

High Fidelity Wireframes

After a few iterations of my low-fidelity prototype, I fleshed out the details of each page with images, typography, navigation menus, etc. I spent a good amount of time exploring different colors and UI styles. I wanted to find a visual balance between playful and fresh while also professional and clean. The icons were a combination of Linearicons, The Noun Project, and my own illustrations.

Takeaways

Post Up was a very interesting project which I learned a lot from. Based on the initial research and findings, a more seamless and faster way of providing freelancers and remote-workers seems like a useful service that Google or Yelp do not give.


An app with this information would provide a reliable service and new tool for many users. As the working world and office culture changes, there are many opportunities for services like Post Up to provide new office solutions.

Next steps

Next steps

We should never stop researching, testing and iterating, in order to come out with the best design. I would like to get my designs in front of users to continue learning and developing this app and see what opportunities there are for improvements, services, and business models. Discover what could be done to get more users subscribing and paying for the service. I would then continue to test and iterate the product.

Dan Alcala design. All rights reserved.

Brooklyn © 2024

Dan Alcala design. All rights reserved.

Brooklyn © 2024

Dan Alcala design. All rights reserved.

Brooklyn © 2024