← All Projects

— 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
PreviousNext

— 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
PreviousNext
  • 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
PreviousNext

— 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
PreviousNext

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
PreviousNext
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
PreviousNext

— DESIGN OF

Promotional Website

— CONTACT

I’m always a big YES to new opportunities

If you would like us to work together, just get in touch through the contact form or feel free to call or send me an email.

hi@alfredo.me

Other places where you can find me…

6 + 2 = ?

Copyright © 2023 · Alfredo Gutierrez
  • LinkedIn
  • Twitter
  • Instagram
  • Portfolio
  • About
  • Blog
  • Logs
Evoke
Scroll to top