Product Experience Design Portfolio of Anamoul Rouf

Redefine the ad network experience for Advertiser & Publisher

Product:

G&R Dashboard Wireframe Design

Timeline:

Janurary 2021 – March 2021

My Role:

UX Research, UI/UX Design

Tools:

Figma, FigJam, Notion.

Platform:

Web App.

Team Collaboration:

Product, Marketing & Customer Support, and Tech.

Background

G&R Ad Network is a platform of advertisment network. It has type of customers- advertiesers and publishers. I was requested to help G&R Product team to design a mid-fidality wireframe.

Goal

Design more friendly and simple user journey flow.
Get more efficient, functional, and scalable web app.

Design Challenge

The G&R team planned to restructure and redesign the existing platform for their customers. Our challenges was to define the user role, and to design functional, simple, intuitive, innovative, easy to use, user-friendly, and frictionless wireframes.

It has to be easily used by non-tech people.
Users can easily navigate through the web app.
Users with multiple role can easily switch their respective dashboard.
Users can easily launch campaign and track its progress.

The UX Process

Design Thinking & Lean UX Design

It is always challenging to select an efficient, sustainable, and flexible design process when we had very limited time and resources. I had selected the approach to the Lean UX process. It is an iterative process with three simple steps.

Think
Make
Check

...and keep repeating the steaps.

G&R Web App Case Study by Anamoul Rouf, Product Designer

The Discovery

I have no ideas about the ad network industry!

It is crucial to understand the end goal from users and business perspectives. So I started seeking answers to my questions.

What does the product do?
What are the business goals?
Who is the audience? How they are related to it?
Where they live, what they think, like & do?
Why/How often do they use it?
Do there are simillar products in market? How their users are using the services?

The Findings

We started with UX Audit in the existing system

To gain an insight, we explored the existing user journey to find the ux problems.

There are 2 types of user roles in the system - Advertisers and Publishers.
A customer can have one role in system. A customer can also have both roles if it is permited from System Admin.
Only the G&R authority will have the System Admin access.
The customers who have the both roles, It is hard and confusing for them to do all the activities of both roles. Examples - switching user role, generate and export custom reporting, getting live data and forcast, using publisher credits to launch ad in advertiser dashboard.

Wireframing & Prototyping

We created digital wireframes and built a low-fidelity prototype. Also, we conducted a series of sessions for usability testing.

The following steps were to sketch wireframes based on the user flow maps and built the flow and low-fidelity prototype for a series of testing sessions.

Explore the Wirefreame Screens

Testing

User Interface Design

We invited some focus group users for testing sessions.

Creating wireframes helped me to visualize the ideas and gave us the basic structure for how users would use the app.
When creating these wireframes, we kept the user needs from the earlier findings and research in mind.
We have done several testing sessions with a close group of users.