← Back to all work
UX/UIbrandingsoftware services *

Bazaar Block

Bazaar Block is a phone and desktop web application, which we have designed the UX/UI for.

The Process

How it came together.

01

Color & typography

several color scheme were proposed which from all one was selected. The idea behind the color schemes was to convey a mood of calm and adventure and exploration. as part of the design system, typography schema was created to match the color scheme

several color scheme were proposed which         from all one was selected. The idea behind the color         schemes was to convey a mood of calm and adventure and exploration.         as part of the design system, typography schema         was created to match the color scheme
several color scheme were proposed which         from all one was selected. The idea behind the color         schemes was to convey a mood of calm and adventure and exploration.         as part of the design system, typography schema         was created to match the color scheme
02

Concept mockups

After that we created a few concept mocks to create a mood, and convey how the color and font system would look in an actual application

After that we created a few concept mocks to create a mood, and           convey how the color and font system would look in an actual application
After that we created a few concept mocks to create a mood, and           convey how the color and font system would look in an actual application
After that we created a few concept mocks to create a mood, and           convey how the color and font system would look in an actual application
After that we created a few concept mocks to create a mood, and           convey how the color and font system would look in an actual application
03

Component system

Then we started restructuring our prototype mockups and created a reusable component system, that we could use to create the rest of the views

Then we started restructuring our prototype         mockups and created a reusable component system, that we         could use to create the rest of the views
04

Review & revise

The designs are reviewed and revised, several times with interactions connected. This is a crucial step as this would reveal issues with the workflow and it would expose many missing functions initially not thought of

The designs are reviewed and revised, several times           with interactions connected. This is a crucial step as this           would reveal issues with the workflow and it would expose           many missing functions initially not thought of
05

Interaction video

a full end to end video of the interaction is created and ready for developers to start implementing the workflow

Like what you see?

Let's build your brand next.