cre8 Gets Under CBOE.com’s New Skin

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

 

Comments

There are no comments for this entry yet.

Commenting is not available in this section entry.