design - sasjakoning/blok-tech-2022 GitHub Wiki

based on my flowchart I created a moodboard.

For Battle Matcher I wanted to go with a clean design with the option to switch light/dark mode.

Below is my first iteration, a wireframe. At this point I wanted to like/dislike users from a grid view list. Eventually I switched to displaying just one card that the user could like dislike.

I went through several iterations before landing on the final design.

I also illustrated the main part of the wireflow.

Below are the final designs.

These designs are made using Figma.