bp AI Image Generator


Designing an accessible way for bp employees to create the images they need

In 2024, I interned as a UX Designer at bp. My primary project involved designing an interface for bp's innovative image generation sandbox, DALL-E.


  • bp

  • User Research

    User Personas

    Usability Testing

    Prototyping

    UI/UX Design

    Design thinking

    AI Tool Usage

  • Aug '23 - May '24

  • Sketch

    Mural

    Figma

Executive Summary​

How are bp employees currently sourcing images?​

At the beginning of my internship, my mentor and I discussed several potential projects. I was particularly drawn to the idea of developing a tool that would empower users to easily create or discover images.


Current user flow


Problem Statement

How might we enable bp employees to create generative AI images?​​

  • Designers and bp employees alike all use images every day.

  • However, finding these images can be difficult and time consuming.

  • How can we make it easier for these employees to access images that suit their needs?​


Value

Why bp needs generative image AI

How does this product align with bp's code of conduct?


Empathize

I developed a research plan

Research Objectives​

Quantitative data

Sending out a survey to bphxd

After 2 weeks, here are the key findings of my survey

19 participants

42% of participants have no experience with AI image generators

  • This indicates that a significant portion of bp employees currently lack experience with AI image generators.


100% of participants use images within their work

  • This number shows that every single participant would have a use case for an AI image generator.


36% of participants already integrate AI image generators into their work at bp

  • Since bp doesn't have an approved internal tool, some employees might unintentionally be using bp's data to train AI models without realizing it.

  • The top 3 purposes of images are for presentations, infographics, and design

  • The top 2 style of images are stock images (primarily photography) and illustrations


Qualitative Data

I organized 6 user interviews with designers at bp

I conducted these interviews 1 on 1, recording each of them so I would be able to reference them later.


Affinity mapping

Using these interviews, I was able to start affinity mapping

These are the 6 most important themes I gathered from my user interviews


User Personas

I developed 3 different personas using the research I conducted.

These user personas were meant to identify the different needs and wants of various roles

  • Due to time constraints, I wasn't able to interview any non designers officially

  • However, I did user interviews with various designers to gain more diverse opinions

  • I focused on which roles would have the highest use cases for my user personas​


Regular bp employee

(Non designer)

all images are ai generated for anonimity

Ideate

Feature prioritization 2x2 matrix

Recognizing that I can't tackle everything at once, I created this 2x2 matrix to help identify and prioritize the most important tasks.




Based off of this, I didn't include:

  • Light and dark mode

  • Randomize button for specific purposes

Mid fidelity wireframes​

By referencing the most important features, I was able to begin sketching

Testing out different formats using Sketch





User flow diagram​

Allowing stakeholders to see how the user would interact with this product​

I created 3 different pathways depending on the user's current skills






Prototype​​

First iteration of high fidelity wireframes​

While the original prototypes were designed in Sketch, I converted them into a clickable Figma file to embed in this portfolio​






Usability testing

I conducted usability testing with 5 participants

I interviewed both designers and non-design employees







Assisted image prompter


Side bar



Regenerator tool




Download button




Conclusion

Final Prototype

The final prototype was created using sketch


Next

STEMuli Proposal