Picfest is an engaging photo-sharing application, that allows users to capture and share memorable moments during events.

Project scope

Disposable camera-style photo-sharing

Event creation and management

QR code initiation for seamless event participation.

User authentication and authorization.

Secure photo storage and transmission.

Intuitive user interface for photo capture and viewing.

Platforms: Initially iOS and Android mobile applications.

Events: Weddings, corporate events, and other private/public gathering

Challenge : User Screens

1. login: Mobile phone number input for passwordless authentication (Include country code selector)

2. Registration: Fields: First and last name, email, phone.

3. Verification: Four-digit OTP (one-time password) for phone verification, sent via SMS.

4. Include option for resending OTP code. Implement a loader for maximum times of resending the code.

5. Profile: Must include image, tag, social media links, logout button, and remove account button.

RESEARCH

I begin by conducting secondary research to identify different methods for login, registration, authentication, and profile creation in event-organizing apps and other similar applications

User Interview I conduct five user interviews to better understand the needs and pain points of users.

INSIGHTS

• Many individuals prefer to use their email address or phone number to login to various apps

• People like to receive verification of OTP (one-time password) through their phone number.

• People like to fill out registration forms with their name, email address, and phone number.

• Many people are having trouble locating the “remove account” option in their profile.

COMPETITIVE ANALYSIS

I analyze existing photo-sharing apps, event management apps, and websites to identify gaps in the market and opportunities for Picfest to stand out. I focus on their login, registration, and profile views, as well as the colors, fonts, and logos they are using. I also noted a detailed report highlighting the identified gaps and opportunities for Picfest to differentiate itself from the competition.

LOW-FIDELITY WIREFRAMES AND TESTING

After completing the research phase, I began designing and prototyping by creating low-fidelity wireframes. I tested these wireframes with five users and obtained some key insights. For example, users did not prefer logging in with Facebook, they wanted a back option on Android phones for better visibility, and the follow button did not make sense to them. They suggested adding it to the footer or placing it near the relevant section.

MID-FIDELITY WIREFRAMES AND TESTING

After receiving feedback from low-fidelity prototypes, I made changes to mid-fidelity prototypes and tested them with five users. This process provided me with important insights, such as the need to include a label option on the registration page, align social media icons correctly, replace the back button in the profile with a navigation bar, and introduce a home page.

HIGH-FIDELITY PROTOTYPE

Finally, I created my mood board and selected fonts and colors for my design. I then prepared my high-fidelity prototype and tested it while designing it. I also made sure that the contrast was clear enough for the user to see. I create a QR code flow that enables users to scan a code and enter an event.