Stay in Touch Application design

The product:

Stay in Touch application is for people who want to do a photo session and find the online offers from Photographers.

The problem:

Photographers looking for commercial offers and Models looking for a job.

Project duration:

November 2021 – December 2021

The goal:

To create an app for Photographers who can advertise themselves and Models looking for a job.

My role:

UX designer designing an app Stay in Touch from conception to delivery.

Responsibilities:

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

User research: summary

I conducted interviews and created empathy maps to understand the users I’m
designing for and their needs. A primary user group identified through research
was Photographers looking for a commercial offers and Models looking for a jobs.

User research: pain points

Lack of Contacts – someone who want to become a Model and earn some money need to find a proper offer.

Lack of services – no local services

Safety – Photographers must be verified.

Fake adverts – no verified adverts.

Problem statement:

Marta is a Model who wants to find Photographer offer to earn some money.

User journey map

Mapping Marta user journey revealed how helpful it would be for
users to have access to a Stay in Touch App.

Paper wireframes

Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes would be well-suited to address user pain points.

Digital wireframes

As the initial design phase continued, I made sure to base screen designs on feedback and findings from  the user research. 

Low-fidelity prototype

Using the completed set of digital wireframes, I created a low-fidelity prototype.

Please click on FIGMA to see how the prototype is working.

FIGMA

Usability study: findings

I conducted two rounds of usability studies. Findings from the first study helped guide the designs from wireframes to mockups. The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

The most important findings:

Most users didn’t know how to send a message.

The login process is not clear for most users.

Mockups

High-fidelity prototype

FIGMA

Accessibility considerations

I used icons to help make navigation easier. I used detailed imagery for offers and to help all users
better understand the design.

The final thoughts.

When I finished the application designing I was not satisfied. It was ok but I felt that I can do much more. Here we go.

Takeaways

I changed the design at the end and I hope it is far better. I learned how to use Figma for prototyping which is very useful tool. The whole UX Google corse was great and I learned a lot. Especially in User reaserch and testing.