— PROJECT

FBO Biz

UX/UI Design of a web app that helps contractors to find and manage government business opportunities.

Client
FBO Biz
Location
Fort Lauderdale, Florida
My Role
– UX/UI & Web Design
– HTML5 & CSS3

The Overview

I was hired by FBO Biz to design a cloud-base solution that would bring a better way of managing and winning government contracts.

The biggest challenge was that the public solicitations published by the government had lack of organization. That’s why my aim was to design a product where the user could easily find and bid on solicitations, and at the same time maintaining an organized workflow during the bidding process.

As a result, I designed a web application that empowered the user to effortlessly find opportunities that fit their business capabilities, also bringing the clarity to follow up and keep track of any updates during the process. All this in a software that could be easily integrated with the company’s way of doing business.

— DESIGN OF

Sitemaps

Defining Features

Since the first instance, I had to be clear on what features would be free and premium. As well as defining in what steps of the user journey will the offer to upgrade be presented to the user.

Alfredo G.Giving some context

— DESIGN OF

Wireframes

— SELECTION OF

Vivid Colors

Defining Colors

Selecting a modern color palette was the first step. While other competitor platforms use a boring dark-blue, as if we are still in the Windows95 era, FBO has its own unique vivid colors.

Alfredo G.Giving some context

Azure
{{content-1}}
#0F84F3

Light Sea Green
{{content-1}}
#1AB49C

Pizazz
{{content-1}}
#FF9500

Yale Blue
{{content-1}}
#16498A

Purple Heart
{{content-1}}
#5D36B1

Deep Lilac
{{content-1}}
#AB47BC

— DESIGN OF

Components

Visual Contrast

Components with visual contrast was very important for a user that was accustomed to that old Windows95 type of design. So the aim was to make things prettier without being too delicate.

Alfredo G.Giving some context

— DESIGN OF

Web App Screens

After my research, I found out that colors created a better visual segmentation for the user, helping him to easily navigate the dashboard based on color memory.

Alfredo G.Giving some context

A gov solicitation contains around 20 items of information. Which I had to reduce to 7 to fit in a table, deciding what items will spark the user’s interest to bid on a project and see all its requirements.

Alfredo G.Giving some context

The client wanted to show every single detail of a solicitation. The problem was that a solicitation may contain a lot of information and so I had to think about the best way to integrate and visualize everything within the interface.

Alfredo G.Giving some context

— DESIGN OF