PicFest
~ An app to share event photos ~
High-Fidelity Prototype
Timeframe: 2 weeks
Role: UX/UI Designer
Scope: UX Research, Business Competitive Analysis, Qualitative and Quantitative Research, Branding, Visual Design, Interaction Design and Prototyping.
Objective:
Designing an app to share photos of events.
What is Picfest?
Picfest is an app that is being created to facilitate the sharing of digital photos of events, between organizers and attendees, sparing them from the frustration of having to ask for photos directly to every person.
Empathize
Competitive Analysis
As I was working with an app that was in the first steps of it’s creation, I decided to start my process by analysing the competitive brands to understand their strengths, weaknesses and what features they offered their users.
I analysed the apps Momentum, Lense and POV, amongst others, and from this analysis I created an Affinity Diagram divided in Pros and Cons.
During my user research, I conducted interviews with:
5 Event Organizers
4 Event Atendees
1 Stakeholder
I also sent a survey that was answered by 20 people.
The most important information I got from users was:
From this diagram I created the script for my interviews and survey. My goal was to understand which features and characteristics were aligned with the user’s needs.
User Research
2. Define
Users that organize or attend events, need a platform that gathers all the photos of the event without they having to ask the other guests to upload them, because they get frustrated when they have to do that.
Problem Statement
User Persona
Maria, 33
She’s getting married soon and would like to have all the photos of her wedding to always remember it, but she doesn’t want to spend her honeymoon worried about asking for them to her guests.
3. Ideate
Moodboard & Logo
I used the same inspiration and colors to create a logo for Picfest, because I wanted to maintain the consistency between the app’s interface and the branding. Also, the rectangular shape resembles the icon to crop pictures, bringing to the logo the main purpose of the app.
Features
Supported by my competitive analysis and user research, I prioritized the features that the app “Must have” in a first step and then I ideated on how they would be presented to the users.
“Must Have” Features for Event Creator
Creating an Event
Editing an existing Event
Reviewing the photos of the event before making them public
Sharing and downloading event QR Code at any moment
Download, share, favorite and reject the photos in an Event Gallery
Joining a new Event by reading a QR Code
I created my moodboard based on Picfest’s brand attributes and I decided to choose the Bauhaus movement as an inspiration, because of it’s simplicity and energetic colors.
I designed for iOS and I used iOS Design System for most components and text styles.
“Must Have” Features for Event Attendees
Joining an Event
View all the Events the user is attending, their info and uploading timeline
Upload photos to the Events Gallery
Sharing and downloading event QR Code at any moment
Joining a new Event by reading a QR Code
Download, share, favorite and report the photos in an Event Gallery
4 & 5. Prototyping and Testing
In the flow of creating an event, the “Number of Guests” and the “Number of Photos” was in the same screen, which was a lot of information for some users, so I divided it into two screens.
Also, the way to select the intended option went from being a radio button to being a checkmark, because it wasn’t clear for the users that they could only select one option.
I moved the Edit button to the top right of the page, because it wasn’t clear that it was to edit the entire event. I also removed the icon, because I used the IOS Visual System and wanted to keep everything consistent with it.
I also added a Call To Action button to upload the photos of the event, because before this option was only available when there were no photos in the folder.
I added labels to the navigation bar, because the Qr Code icon was confusing for several users that I tested.
Final Mockups
High-Fidelity
Complete User-flow Hi-Fi Prototype
Learnings & Next Steps
Working with Picfest was a great opportunity to start a project from scratch and confirm how important it is to find a balance between what is asked by the Stakeholder and what the user research communicates about the user’s needs.
In this project I valued immensely the problems and needs from the Event Creators and Event Attendees and this research guided all my decisions regarding the flows and design of the prototypes.
As this was a short-term project of only two weeks, I believe I could have improved some design aspects if I had more time to work on it, as well as dedicated more time to other flows and screens.
For the next steps I would dedicate myself to the “Search” feature, as it is intended to be developed with A.I. and allow the users to organize their Galleries with filters, categories and photos they appear on.