B12 Trader

B12 Trader is an online financial schooling business.

ROLE

Lead designer
Art Director, Creative, Designer
UX - UI - Visual - Interaction

2017

Why the square in the middle

I had three items I wanted to emphasize.
- video about what they do
- a line of text about who they are
- sign up button

In order to get all these elements to be noticeable, I decided to mask a part of the screen to clean up some room for the signup button and give it some attention and to avoid losing the video attraction, I made the mask transparent. This approach took care of the website's aesthetics and functionality at the same time.

I also created an animation to show the movements, hover effects and transitions
examples of xray images examples of xray images examples of xray images examples of xray images