CBOE: Redesign Integration

CBOE came to us with a new website redesign that was done for them in early 2009. The new templates needed to be integrated into their current website, merging CSS where necessary. Also, new interactive modules utilizing jQuery needed to be programmed. It all came together January 2010 when the new CBOE.com was launched. Here are some highlights of our participation:

Template Development
Along the way, we discovered that a template wasn’t provided for wider than normal pages (i.e. option chains listings). Since the new site required the myCBOE module on the right sidebar, we were limited in width with the provided templates. We debated about converting the entire site to a fluid, ‘stretchy’ layout. In the end, we developed an adaptable, fluid template for use only on wider pages as needed. cre8 front-end developer John Reed did his usual magic and managed to make it all come together.

One other custom piece we created was a calendar UI for Earnings and CBOE events

CBOE Calendar Controls

 

Navigation
The old website had unwieldy double-column dropdown menus. We worked with CBOE to streamline their menu options and provide clean, single-column dropdown menu lists.

CBOE Dropdown navigation detail

Horizontal navigation indicators were also designed for in-page navigation

CBOE In page navigation detail

 

Copywriting
cre8 designer and copywriter Carolynn Gockel worked with CBOE to create informative and compelling intro copy for many of the top level pages.

CBOE Page Intros

 

Education Center
An important piece in the new website. We helped make some minor revisions to the Education ‘card’ that appears in various places across the site which displays your progress, next steps and resources.

CBOE Education Card

 

User Segmentation Flash
A prominent piece on the new homepage is the Flash module on top which allows the user to select which section is most relevant to them: Individual Investors, Institutional Investors, Advisors, Members or Media. We assisted with functional and programming improvements on this piece to make the content easier to manage for CBOE.

CBOE Flash Segmenter

 

Teamwork
Of course, the internal team at CBOE.com had to do the heavy lifting of wiring up the new templates and scripts to the existing website. Raj, Brad, Hua, Kan, Doug and many others at CBOE did a fantastic job pulling it all together.

 

Visit Website

[cre8] performed various services; Java Scripting, HTML code build-out, style sheet maintenance and creation, content creation and editing, and, provided direction and troubleshooting advice throughout. The work they performed was top-notch, and was achieved extremely expeditiously at very competitive prices. I would highly recommend Eric Gockel and Cre8 for this type of work, and, I will definitely be looking for their support in future CBOE web-based projects.”
— Doug Luzzi

Interested In Learning More? To learn more about cre8’s consulting services please contact us today.