Follo
A personal UX design project
-
My Contributions
UX Research
UX and UI Design
Branding
-
The Team
Solo Project
-
Duration
July ‘20 - Nov ‘20
-
Project Type
Mobile App Exercise for Personal Growth
-
Tools Used
Figma, Adobe Creative Suite
Process Overview
01 - Planning and Discovery
I began by coming up with a few potential ideas for app projects and lining out a process to follow.
02 - User Research
Next, I gathered some potential user data via Google Forms and organized it into an affinity map, created a few personas, and worked out task flows.
03 - User Experience Design
Then, I sketched some sample screens, started to create wireframes, and worked out the beginning of the brand’s design. It was around this time that gained a new job and set this project aside to begin working on product work at my new job.
The Results
For my second project, I focused on gathering data through surveys, creating affinity maps, developing personas, and creating user task flows. I also worked on improving my sketching and wireframing skills, and started developing a brand that I plan to eventually turn into a design system.
The Full Story
As A: Pet Owner
I Want: A way to see and track my pet’s behavior and location
So That: I always know they’re safe
As the owner of a dog with separation anxiety and two mischievous cats, I often wonder about how they’re feeling and what they’re up to throughout the day. When I leave my dog with family or friends if I’m going away for a weekend, I find myself worrying about whether my dog is okay and what would happen if he were to get away from them when I’m not around?
What if there was a camera, a tracking device, a cohesive system to see and follow your pets wherever they go.
Meet Follo
The accompanying app for a system of pet monitoring cameras and tracking collars to keep pets safe and give pet parents peace of mind from anywhere.
UX Research
I created a Google survey and sent it out via social media asking for pet owners to volunteer to fill it out. I received 47 submission from across 15 states. After submissions were close the Data was organized into an Affinity Map to better categorize and digest the information collected.
Goal: The goal of this survey was to collect information from pet owners to find out if any of them have pet cameras and to gather information about how they feel about pet cameras.
Common Experiences: I found that 85% of the survey respondents did not own cameras and of those who did not own cameras, only half of them had ever considered buying a camera. When considering what encourage them to buy a pet camera a common concern was to ensure that pets were safe and to monitor any unwanted behaviors. When asked what features they would expect a pet camera to have they most mentioned camera features such as a wide lens and the ability to pan and tilt.
When I posted this survey, I originally contemplated asking specifically for people who had or where interested in a pet camera. Instead I ended up just asking for people with pets who were willing to fill out the short survey. I found that the data collect was very interesting as many of these people had not looked into pet cameras before so some of their wants and needs were unique because they didn’t know what was already out and so their imagination wasn’t as limited.
Surveys
I used the data collected to create personas to help me better understand the users’ needs so I could suit the app to meet them.
Personas
After assembling my personas, I began to ideate and brainstorm for the app’s flows and functions. I decided on an initial list of features and began to create a user flow for the onboarding experience. The first one got to be a little lengthy so I research some onboarding experiences and design patterns using mobbin design as a reference point.
User/Task Flows
UX Design
Initial sketches and brainstorming of page layouts and flows. For layout inspiration I read up heavily on the Material Design System, exploring proper grid layouts, navigation best practices, and the best use of different kinds of components.
Sketches
Wireframes
First set of wireframes for the on-boarding process.
Brand Design
The first step in my progress is feeling out the overall look and feel I'm aiming for with some inspiration in the form of logos, icons, and imagery.
Mood Board
Next I like to start out the traditional way, with pencil and paper. I work out a number of ideas until I feel I have a few I'd like to pursue further.
Sketches
After I've select a few sketch I start working in the digital space by playing with fonts, and shapes and working out a few visual elements I'll keep for the final design.
Digital Roughs
Once I've worked out the logo idea I want to continue with I refine it into it's final stage.
Final Logo Design
After the final logo is created I begin to expand to include colors, fonts, icons, and other graphic elements into a brand board. The following brand board is still in progress.
Brand Board
Conclusion
Through this project, I expanded my skill set by learning and implementing different research methods that I didn’t get to cover in my previous project at LaunchCode.
Specifically, I added user surveys to my repertoire, which allowed me to collect valuable data about user preferences, behaviors, and needs. I also created affinity maps to better understand the connections and relationships between different data points, helping me to identify patterns and insights that informed my design decisions.
Finally, I created user task flows to visualize the different steps that users would need to take in order to accomplish their goals within the product. This helped me to identify potential pain points or areas of confusion, and allowed me to design more intuitive and streamlined user interfaces.
Overall, this project has provided me with a valuable opportunity to expand my skill set and improve as a designer.