Case study overview

The submission status page displays of displaying all bounties that a user has submitted alongside relevant information such as the date it was submitted, the name of the bounty, the link to the submission, a user's wallet address, the submission status, and payment amount.

Upon many users submitting bounties, Flipside started receiving a ton of help requests and questions related to the status of their submission which resulted in an inconvenient influx of time dedicated to answering these reoccurring requests at the hands of our team.

My assignment was to create a visual tool that allows all users to have the answers to the question "What does my submission status mean?" efficiently.

What is Flipside Crypto?

Flipside Crypto is a company that hosts a platform for a community that matures data insights available in the blockchain industry. Regarding product design, I contributed to three different areas—the bounty program, analyst workflows and the .XYZ website. The grading status tracker was a bounty program tool located on the .XYZ website.

At the time the assignment was given, the initial submission page appeared as seen below.

Bounty submissions could be visibly labelled as submitted, not eligible [for payment], approved [for payment], or a grand prize winner. Each status had its respective graphic labels.

Updating logic

The user could see what status their submission possessed, but the vague wording of the labels, lack of payment understanding, and the fleeting tool tip did not suffice. As I mapped out the logic of an infographic to explain each status label, concerns arose about the logic behind the statuses themselves. This provoked the need to reconsider the journey of a submission through statuses.

I decided that the best way to update the submission statuses would be to remove the graded status, as it created frustration around the ambiguity of results, and to add paid statuses.

Adding visual labels

I decided that visually distinguishing the grand prize statuses from the regular reward statuses would make the most sense.

Pizza tracker prototype

My first iteration was inspired by a pizza tracker where the user could get a holistic view of a submission journey and know the respective status of each submission upon clicking into one.

Redoing graphic labels

I was not super pleased with my initial labels for the new submission statuses because of the horizontal space taken. I decided to distinguish the grand prize results with a trophy emoji because it keeps the interface real estate humble and adds a layer of hierarchy. I found the use of an emoji appropriate for this project because web3 is inherently digital-native and embraces playful, intuitive design elements.

Final prototype

Although the pizza tracker was visually pleasing and gave a nice holistic understanding, a user needed to understand each stage. So, I designed an interactive infographic that dedicated a description of each status in addition to what to expect next.