Main content begins here

CORE BT Application Graphical User Interface (GUI) and Advanced CSS Design

CORE BT Application Graphical User Interface (GUI) and Advanced CSS Design

Technology Group Requires Application Graphical User Interface (GUI) Design Facelift

CORE Business Technologies (COREBT) has a wonderful application for easing financial transactions for educational institutions. The back-end for this application really has its act together but the front-end — the Graphical User Interface (GUI) — needed a spit-shine. The tricky part was that the application is often brought “into” other dynamically generated pages, and needed to adhere to the CORE brand while maintaining a feel that was generic enough to work within many different settings.

From Graphical Loser Interface to Graphical User Interface

The first tough task here was the design’s dichotomy. It needed to make COREBT shine while fitting into the different "shells" of other designs which would be out of control of the COREBT team. The graphical user interface had to be simple but beautiful. It eventually gravitated toward individual “raised metal” windows. Now for the next tough part...

Oh, Did I Mention the Need for Advanced CSS?

As if the GUI design wasn’t enough of a challenge, we needed to execute the design in pure 800x600 minimum tableless CSS (aside from data tables of course). This meant that the several “metal box” areas of the page needed to flex and flow to fill the page left to right at flexible heights, topped off with flexible metal system tabs whose background colours might change depending on COREBT’s client. Oh, did we mention the requirement for cross-browser, cross-platform rendering? Whew! That is some seriously advanced CSS, folks.

And yet, here it is — Advanced CSS Graphical User Interface Design by Way Cool Web Design. Just to spice it up we threw in another version as well — notice the Shopping List at right.

Friends

The CORE BT Application Graphical User Interface (GUI) and Advanced CSS Design project was developed with:
Copyright ©2001-2017 Way Cool Web Design LLC. All Rights Reserved.