Home
FBLL Logo
FBLL Logo Mockup

Brand and Web app Creation

A-Z Project. Logo Creation, UX Design and as a client's request setup of a working web app based on WordPress.

  • Project:
    Branding, Concept, Web app
  • Client:
    FBLL
  • Role:
    Graphic- & UX-Designer,
    Frontend-Developer
  • Date:
    April 2020
  • Adobe Illustrator
  • Adobe Xd
  • Adobe Indesign
  • Javascript
  • HTML 5
  • CSS 3
  • Wordpress

Background

FBLL was a company which used "betfindr", a service which provides real-time statistics for sports betting, for a new and innovative way of creating sports bets. The idea was to target persons outside the common sports betting target group with a casual method of winning money.

Since it was a startup, it didn't have anything but the idea and the name, which was inspired by DAZN and HPYBET.

Logo

The Logo is based on the stem of the company name: Football. Not the game, but the ball itself. As a little bonus, the last two letters look like a footballer's feet.

The Logo shape can also be used as single elements. Text-Boxes, Buttons, you name it.

The colors and typography was decided as follows:

  • #A0DC1E
  • #46AA8C
  • #0F0F0F
  • #DC1E78
  • #3C328C
  • #8C1450
  • Fb
    Ropa Sans
    Light
  • Fb
    Ropa Sans
    Regular
  • Fb
    Ropa Sans
    Bold

Layout

The App itself had a first open bet, where the top games were shown. The rest of the page was separated in various football leagues, and for each league some other top games with good quotes appeared.

It went through a few iterations, mainly for User Interface improvements.

Changes include:

  • A login button for logged-out users
  • League names beneath the logos in the menu
  • 1-x-2 Information on the odds
  • Highlighted Color for the Live Section
  • Carousel arrows for pairings

Take a look at the final layout here.

Web app

The web app was completely built on WordPress basis because of a specific client request. To make this work, a lot of different plugins had to be combined. The List of plugins include:

  • super-socializer
  • temporary-login-without-password
  • Ultimate_VC_Addons
  • user-registration
  • user-verification
  • vc_clipboard
  • wordpress-popup
  • wp-user-avatar
  • if-menu
  • insert-headers-and-footers
  • insert-php-code-snippet
  • nextend-facebook-connect
  • password-protected
  • remove-dashboard-access-for-non-admins
  • safe-svg
  • shiftnav-responsive-mobile-menu
  • smart-slider-3

Sadly, the project ceased to exist after a few months, since the stakeholders deemed another project more promising.

Let's get in touch!

  • eMail
  • LinkedIn
  • Xing
  • Behance
  • Medium
Up
Back