Strawberry Creator - Image uploader
Company: Strawberry
Project name: Strawberry Creator
Part: Image uploader
Role: Product designer
Intro
The Image Uploader was part of Strawberry Creator, a new internal tool for the content team.
The goal was to simplify how images are uploaded, tagged, and managed, reducing duplication and making workflows faster and easier.
Through user interviews, I discovered several pain points in how the content team uploaded and managed images to Contentful. Rather than patching these issues within Contentful, the stakeholders saw an opportunity to design something new. A tool that could potentially evolve into a full replacement for Contentful in the future.
My workflow started with the stakeholders, interviewing the users, brainstorm with designers from other teams, create a user flow, sketching and designing for the developers to start building.
MVP for this project
-
Bulk uploading. When images were needed in different aspect ratios, they had to be cropped outside the tool and uploaded one by one. It was very time consuming for the user.
-
Thumbnails. Without previews, it was almost impossible to identify the right image. Since more than 10 team members named files differently, it often felt faster to upload a new image instead creating many duplicates. (Both in the uploader and in Contentful after.)
-
Alt text and translations. While generated by AI, translations into five languages were inconsistent, and often over the character limit. This forced the team to regenerate multiple times just to make it work and this was time consuming.
-
Inefficient tagging. Image tags could only be added or changed one at a time, and the options for general editing were spread across different places in Contentful. This meant a lot of unnecessary clicking and wasted time.
The Goal was to enable all edits in the Image uploader, so in Contentful the only step left is placing the image where it belongs.
The solution was a list view with thumbnails and bulk actions. This allowed the team to upload many images at once, edit filenames, tags, and alt texts directly, and adjust all aspect ratios from a single focus point.
Drafts stayed in the uploader until published, so users could always continue where they left off. The result was a simpler workflow with less clicking, fewer duplicates, and faster image management.
This is just a shorter overview, the full project can be found in my Figma file. And I am happy to share more details in an interview.
Solutions
Screenshots
Listview after adding images, alt tex generated at the same time. User can add more images in the drop area and they will appear at the top.
Image tags in list with search function. Added one by one in listview or in bulk by marking several images and then click on image tag button.
Focal point editor, when moving the cross from the original image the other aspects will follow and focus on for example the plate.
Alt text generator, add word or change the whole text completely. Can also be edited manually in the listview.