Wi-Find

UX/UI Design
Overview
Wi-Find is a location-based app that allows users to find cafes or venues with a wi-fi hotspot that they can work or study out of. Users can modify their searches based off their specific needs such as outlet availability, how busy the cafe is, or how late the location is open until. Its a platform work nomads can use if they aren’t ready to financially commit to a coworking space. 
Tools Used
Pen and Paper
Sketch
Invision
Marvel
Photoshop
Goal
To create a unique location-based app that helps remote workers or students who often use cafes or places with wi-fi find their ideal work setting. 
My Role
UX/UI Designer
The Problem
As the idea of “digital nomads” and remote working becomes more popular, so will working outside of a traditional office space. Having internet accessibility anywhere a remote worker goes is compulsory but not always easy to find. 
‍
Problem Statement: "Finding nearby places with free and accessible wi-fi can be extremely difficult."
Research
In order to get a better understanding of the wifi app landscape, I conducted a competitor & SWOT analysis featuring similar products. The goal for this competitor analysis was to discover the following:
Competitor 1:
Free Wifi Cafe Spots
Competitor 2:
Work Hard Anywhere (WHA)
User Research and Personas
After identifying app objectives, I proceeded to conduct user interviews. I interviewed 3 users of diverse backgrounds via a 30 minute phone call asking them about their experiences and concerns working in public places.
‍
Based on the responses I received, I created three user personas:
I summarized each user persona to come up with one end goal for each prospective user:
The Product
After identifying user goals, I identified the MVP user objectives. In the MVP, users can use their location settings to find nearby cafes and public places that contain wifi hotspots. This is all done through an interactive map where each hotspot will be represented as a pin. Users can tap on the pin to get more information on the location, such as hours of operation and directions. Once I had identified the MVP objectives, I was ready to map out a flowchart documenting the user's journey throughout the app.
User Flow
Low Fidelity Wireframes
Mid Fidelity Wireframes
Usability Testing
After receiving mixed feedback on the contrast of original app color scheme, I decided to conduct a user preference test. I had users select from 3 different color schemes and asked them why they had made their selection. 20 users participated in the survey and these were the results:
Final Product
High Fidelity Wireframes
Responsive Design
Key Takeaways
What went well:
Overall, I am very pleased with the final results. I enjoyed creating user personas, and based them off of issues colleagues of mine have expressed having in the past when it came to finding an ideal workspace at a cafe. Conducting interviews with potential users of the app was also an exciting challenge that gave me insight of what features were most important. 

What didn't go well:
‍I initially had contrast issues in my UI due to my original lighter color palette. In an effort to resolve this issue, I went back to the drawing board and recreated several color schemes for my app. I then conducted a user survey to see which color was the most appealing and over half of the participants selected this current color scheme, pointing out how it contained the most contrast.

What can be improved:
‍Certain elements on some screens could’ve had an even better contrast. I now use an ADA Contrast checker against all my color schemes to make sure those who are visually impaired can still use my apps and not feel limited or excluded. 
‍

Check out my other projects!

Email meLinkedINBehance
© 2024 Karina Medina