Poolday.ai

Role:

Product Designer

Team:

Oliver Nicolini, SWE
Damien Benloukil, SWE

Kamil Debbagh, PM

Timeline + Status

Mid-February 2024 - Present
Launched and Relaunched :)

OVERVIEW

Revolutionizing Ad Creation

Amid the boom of generative AI Poolday aims to provide a platform for gaming companies to automatically generate batches of short form ad content to post on social media platforms for their gaming apps.

I was the sole designer working alongside PMs and engineers to develop the platform from infancy, riding the wave of vertical pivots, redesign efforts, roadmap switches, and the startup’s mentality of shipping fast.

HIGHLIGHTS

Create Your Ads in Minutes

RESEARCH

Understanding Our User

Who They Are

Marketing managers without video editing skills

What They Do

Create and maintain 10+ gaming apps

Their Problem

Creating ads is costly and time consuming as actors, video editors, and script writers have to be coordinated

DESIGN REVIEW

The Old Design Had Lots of Opportunities for Improvement ... and a surprise

1

Poor information architecture and coloring in menu bar.

The menu contains a mix of site pages and buttons to launch major actions. Selected menu items are colored the same as CTA’s diluting their significance.

2

Poor use of spacing and size in title area.

The title is excessively large considering that the main focus of the page are the videos. Lots of spacing is used around the CTA and title, eating up space that could be used to show more video cards.

3

Illogical use of tabs

These tabs don’t make sense. Each original has their own set of variations so showing all variations on 1 screen doesn’t make sense.

!!!

Surprise - no components in the design file

Components weren’t used and some icons were images - not svg’s! Talk about a nightmare!

GOAL

Launching a Redesign

Sometimes stepping back

is really stepping forward

Our engineering team already had lots on their plate but we decided a redesign was worth it. Why?


  • desire to speed up development by using shadcn - a front end library thats lightweight and maturity in design

  • we wanted a sleek modern feel to reinforce the message of being a cutting edge AI company

  • our target audience had pivoted from small mobile app start ups to multi-app gaming companies calling for changes in design to ensure usability

  • a redesign would allow us to capitalize on areas for improvement in our prior version


But don’t forget the pile of constraints!

Tight timeline

We had 4 weeks until relaunch to both redesign and rebuild the platform.

Limited engineering capacity

We had 2 engineers for the entire product and they were still laying the foundations of the platform

Reliance on Gen AI

Use of third party Gen AI APIs meant long loading times and limitations on what could be presented to users.

DELIVERY AND REASONING

Empathetic and Research Based Design

Improving Information Architecture

Given that most of our users have 10+ apps, navigation to apps was added to menu. The “Create Video” button was moved to the header to keep this crucial action in one consistent place and outside of the side menu which features locations.

A single video? Or multiple?

User testing illuminated the fact that users didn’t always know there were more videos behind a batch card. To address this:


Number of videos is displayed in the top left corner

Batch cards don’t have a playable preview. While this may be valuable to customers I chose to prioritize directing users to open the batch by showing a button on hover

You can leave! I promise!

Originally, upon completion of the video creation process, users were brought to a detailed loading screen. However users during interviews noted that they were afraid of the process stopping if they left the page. To eliminate this, I chose to direct them to the home screen, show the video batch in its loading state, explicitly tell the users they could leave, and only show the detailed loading screen upon click.

Balancing flexibility and simplicity

Selection of video elements were placed on one screen instead of separate pages. While splitting each selection onto its own step could make the experience less overwhelming as there would be only one decision per page, this design allows users to easily change their mind as they explore the various options. I chose to optimize for flexibility for the user here.

Loading with Limitations

Knowing that AI is non-deterministic in its generation which inherently gives it variable loading time, I reached out to our engineers to understand the loading information available. Instead of settling for a loader which shows no indication of progress, we defined a few trackable steps in the generation process. While the percentage is not completely accurate user, it still suffices to reassure our users that progress is being made.

LEARNINGS

Go with the flow

The start up world moves quickly. One week the targeted user base may change.

Another week we’re switching front end libraries an doing a complete redesign. Features I designed for are out the window. I learned to just roll with the bumps and not get too emotionally engrossed.

Be scrappy

Research insights are gold but getting permission to talk to customers was a challenge. I found that asking for non-customer contacts who fit our user persona, whether they be coworkers or acquaintances was an invaluable work around.

Consider Implementation

In helping the team create product roadmaps I found it very fruitful to leverage my past experience as an engineer and bring up obvious technical blockers. This prevented me and the company from wasting valuable time.

irene.pham99@gmail.com

irene.pham99@gmail.com