Beta-Fish-Cover.png

BetaFish Product Design

Designing a new product for gathering user feedback on web applications

Working through the initial concept

Working through the initial concept

BetaFish was born out of a real-world desire to get user feedback from our users in a more efficient way. I was in charge of designing product flows for a busy startup and found that establishing a continuous feedback cycle from users was too much work to keep up.

I started by iterating through dozens of different ideas by sketching on my notebook.

Designing the widget

Designing the widget

A core concept of BetaFish is that the feedback is collected inside our customer's own app. I designed a widget icon that would sit at the bottom corner of a web application in a fixed position.

The icon is a mutation of the message icon. I turned it into a fish inside a bowl to reflect our narrative: BetaFish is a fish that sits on your web app to collect feedback.

Categorizing feedback

Categorizing feedback

I wanted BetaFish to ask the user to put their feedback into a category so that user feedback is organized as it gets collected.

Providing more detail to our users

Providing more detail to our users

We wanted BetaFish to not only be great at gathering feedback, but also at managing. I designed the interface to resemble an email inbox with strong filters and useful meta information on tickets such as the user's browser, OS and screen resolution when they give feedback, along with a screenshot taken at the moment the feedback was sent.

Prototyping the solution

I used Flinto to quickly create a few prototype videos of the three main flows we wanted to show to our target customers to gauge interest and test our concept. We also created a separate prototype using MarvelApp for the admin side, which you can see here.

Stay tuned for more information on this project on our website betafish.io