Enhancing Usability: Cosmo Photo Editor

I redesigned Cosmo Editor to create a user-centered and easily scalable love-mark product while leading the product and system design of a custom web app for enhanced internal tooling.

In Collaboration with

Lyrebird Studio

Role

Product Designer, Researcher

Company size

80+

Duration

3 Months

State

Launched

Team

Product Managers, Mobile Developers

Try it

Overview

I redesigned Cosmo Editor to create a user-centered and easily scalable love-mark product while leading the product and system design of a custom web app for enhanced internal tooling.

Due to my privacy commitments, I can't disclose many important parts of the process in my case study.

What is Cosmo

Cosmo Editor is an all-in-one photo editing app that offers a comprehensive set of tools for face, hair, and makeup editing, body reshaping, AI eraser, enhancement, and AI avatars. We are constantly enhancing its features to meet user needs and to establish it as an industry-leading editing app.

The target users are quite broad, with the largest groups being women from Gen X and Gen Y.

User Needs

Some users found the application complicated.
Wanted to be able to choose a photo and then edit it in many editing modes.
After saving a photo, they needed to go back to the home screen to select another editor.

Challenges

Different editors that were designed with incoherent experiences made it difficult to learn the simplest actions.
Users were requesting more features but the existing structure made it difficult to scale the design.
Technical complexities

Overview

I redesigned Cosmo Editor to create a user-centered and easily scalable love-mark product while leading the product and system design of a custom web app for enhanced internal tooling.

Due to my privacy commitments, I can't disclose many important parts of the process in my case study.

What is Cosmo

The target users are quite broad, with the largest groups being women from Gen X and Gen Y.

User Needs

Some users found the application complicated.
Wanted to be able to choose a photo and then edit it in many editing modes.
After saving a photo, they needed to go back to the home screen to select another editor.

Challenges

Different editors that were designed with incoherent experiences made it difficult to learn the simplest actions.
Users were requesting more features but the existing structure made it difficult to scale the design.
Technical complexities

Overview

I redesigned Cosmo Editor to create a user-centered and easily scalable love-mark product while leading the product and system design of a custom web app for enhanced internal tooling.

Due to my privacy commitments, I can't disclose many important parts of the process in my case study.

What is Cosmo

The target users are quite broad, with the largest groups being women from Gen X and Gen Y.

User Needs

Some users found the application complicated.
Wanted to be able to choose a photo and then edit it in many editing modes.
After saving a photo, they needed to go back to the home screen to select another editor.

Challenges

Different editors that were designed with incoherent experiences made it difficult to learn the simplest actions.
Users were requesting more features but the existing structure made it difficult to scale the design.
Technical complexities

Context

Objective

Cosmo Editor was still in the early stages but showed promise according to the data. So the core experience of Cosmo looked like this;

Over 3 months before deciding on the redesign, we tried to gather tons of user feedback through a series of user interviews, analyzing the support messages and app store reviews.

With the product managers in the project, we also analyzed conversion and drop off data from the editors, as well as unique users' usage patterns of different editors. Tried to find answers to questions such as:

How often does a user edit the same photo in more than one editor?
What is a common user flow for those users?
Where are the most problematic areas in our user flows according to the drop-off data?
What are some usability issues according to the user behavior tracking tools and user feedback?

According to the answer to these questions, we arrived at the solution below.

Biggest Challenges

Technical Integration: Unifying disparate photo editing modules within existing infrastructure was a big constraint. To overcome this challenge I worked closely with our product manager and developer team and together we came up with a good solution to create a streamlined experience.

After coming up with a solution with our team, I benchmarked several products to compare interface solutions to seemingly similar problems.
We also considered future scenarios to see if our new solution could accommodate various challenges in the future, during this process I've designed various interfaces for possible product ideas some of which provided valuable insights and affected the current design.

UI Design

Video Recording from the launched product!

Here, you can see the new editor design (photos can't be recorded unfortunately). You can also see the Splash animation, home and share screens I've designed for Cosmo Editor.

Process Design Alternatives

AI Prompt Field Design for AI Filters