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.
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...
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.
C. R., Manager Florida Transportation Systems, Inc.
John was a pleasure to work with and delivered a great finished product. I look forward to throwing him more challenges in the near future.