Case Studies ⟩ Christopher Bourseau

Web Designer Tasks

Demonstrations of the creative and design processes have been successful in the past.

Click on the image to see an enlargement and a lightbox-style presentation.

LWS Logo red paw Graphic Designer and Illustrator

Success is JOB ONE

Since 1994, delivering comprehensive design, development and deployment solutions that are easily-maintained, user-focused and cost-effective has been Job One.

The needs of each project can be vastly different, and the pressures faced in efficient and creative execution can be monumental! The track record of helping clients solve these problems through comprehensive design solutions can be seen in the following Case Studies. These Studies are a small sample of the wide range of successful and creative solutions available.

 Web Site Design

To promote my freelance illustration and design business for clients such as Revell Monogram Plastic Hobby kits, Sportmart Sporting Goods Company, and O'Meara Publications Lakeland Boating Magazine, a website was developed for Lone Wolf Studio. Originally, the site offered Illustration and graphics services, plus HTML web authoring for a limited client group.

Lone wolf Studio Web Presentation Lone Wolf Studio Logo
Prescription Benefits Management Portal Re-Design

PortalRx Development with Catamaran

This project was a massive effort to bring Catamaran brand-recognition parity with several of the PBM systems such as CVSHealth, OptumRx and BCBS.

catamaran logo

Prescription Management Portal Redesign (2014)

OWC Old Home Page

Original CatamaranRx Landing Page - June 2013

A 2013 Presentation proposal for sweeping changes to the private portal and distributed portal applications for CatamaranRx Customers and client companies.

Creating an eCommerce machine @ OWC

Other World Computing (2004)

Other World Computing is a reseller and OEM dealer of computing components specializing in Apple Computing acccessories and everything mobile. OWC had been a successful ecommerce-only reseller, growing their business quickly through 2003. In 2004 a new advertising effort was launched, which in turn necessitated the task of bringing their sprawling website up to date.

Creating the New Visual Standards

After joining the Graphics Team, the first mission was to upgrade the impact and advertising effectiveness of the national advertising campaign for Macintosh computer upgrades, which were the tent-pole product group for Other World Computing. By creating consistent identity, typography styles and more clear imagery, the products were presented across web banners, national print ads and packaging.

OWC Ads

OWC Caption

Updating Visual Messages

To build on the success of the improved imagery and consistency of the design message from advertising, the next phase of the Macsales.com relaunch (as the project was retroactively named) was to add features and capabilities to the landing pages that served as headers for the product lists. Consistent with the web site being built to cross-platform compatibility, which was a major issue in 2005, HTML4 and XHTML standards were tested, with HTML4 being adopted with CSS2 stylesheets support. Also added was scripted front-end support to show minimum pricing levels in product landing pages.

Original Home Page as of 2002
MacSales.com Home Page (2002)

In 2002 the existing OWC Home Page was an image-map with sector links, barely qualified as a HTML-3 standard and very slow-loading. In spite of this poor design, MacSales.com and all advertising generated about $430,000 in sales per month.

OWC Xmas Specials Banner Home Page Dec 2004
MacWorld Holiday Specials (2004)

After 4 months of dedicated development and design, the first version was presented as an HTML4 standard Home page with a strong grid layout. Too busy by half, but still an improvement, it performed well in cross-browser testing for Mac and PC clients. Sales increased to around $600K per month with less print advertising.

OWC MacSales.com Product Categories Grid - May 2005
MacSales Home Page with Categories Grid (2005)

After testing, the grid system with simplified and given more white space. Apple iPod Accessories and Musical instruments were major growth categories. Traffic increased by 60% and total sales peaked at $1.5M per month.

OWC MacSales.com Firewire Products Accessories and Upgrades
OWC Product Section Update (2004)

Multiple categories featured landing pages that went beyond simple header banners brought in elements such as "live pricing" and pop-up feature tabs. Click-through statistics soared for several of the main product types.

Click on the arrow to display details.

Methode.com Relaunch | Corporate Manufacturer Aims for Web 2.0 Upgrade

Methode Electronics Home Page Version 1 - 1998

Original Methode.com Home page - 1996

 Web Site Design

Fourteen divisions of Methode Electrtonics needed a new look and feel in anticipation of the growth of eCommerce in the era of "Web 2.0".

Web-site Steering Committee

First steps in the process included inclusion in a Steering Commitee, and creation of a mission statement. Selection of team leads and the setting of mission parameters were a "concensus" of the executive staff of the commitee.

Mission Statement
Seek the most efficient upgrade path to enabling Methode.com to be a sales tool for online product information, sales promotion and product advertising materials.

A web-store application was also proposed as a separate case study, and later dropped.

 User Interface Development

Pilot projects for the most dynamic business units were started in 1997, with the Fiber Optic Products Division, Opto-electronics Group, dataMate Connectors Group, and the independent testing division participating.

Product Landing Pages

The Example shown is the Stratos Lightwave site upon it's joining the corporate group in 1997, and the update launched at the close of 1999.

Mobile Responsive Design

MacArthurPTA Web Site

MacArthur PTA Home Page - Jan 2013

MacArthur PTA Home Page - Site Admin and Content Manager - Jan 2013

Complete redesign for the PHP-based PTA site at MacArthur Elementary School in Hoffman Estates Illinois was a side-project for the academic years 2010 though 2013.

Mission and Goals
  • Update content for main content pages
  • Administrate User Accounts and access
  • Development for a planned move to a mobile-capable or mobile-responsive site
  • Choose a distributed framework for active-media content such as Wordpress or Drupal
Audience and User Profiles
  • Not-for-Profit organization with self-governing stakeholder group with School District oversight and shared resources
  • Two nominally equal User Groups; Parents and Teachers
  • The Parents are usually the most active and are elected on an annual or bi-annual basis
  • Content is driven by scheduling for school-related events, fund-raising efforts and student activities
  • Initially required weekly and monthly updates with only minimum automation capabilities
Mobile-Responsive User Interface Design

The Design of the mobile-responsive site started with the UI design for mobile phone devices, because that was the greatest need. The content could easily be refactored into a Wordpress database, or more likely, a series of jQuery calls to secure lists.

Professional Timeline

LMS Conversion for Rasmussen College
Collegis Education
A division of John Wiley & Sons Education Services
Oak Brook, IL

LMS icon bootstrap UI icon web design icon
Blackboard Learn LMS
Optimize LMS Content
Quality Assurance for Content

  • Conversion of Courses & Content to Blackboard LMS
  • Modified existing courses in BbLearn
  • Quality Assurance and Content Corrections
  • Modified existing interactive content to template requirements
  • Troubleshoot and correct inconsistent UI presentation
’18
Blackboard Learn UI for Rasmussen College
’16
Detail of TIMS User Interface, including implementation of new icons for entire application and integrated help application.

myCatamaranRx UX Study
Catamaran
(now OptumRx, a division of United Health Corporation)
Schaumburg, IL

visual design icon CMS UI icon UX design icon
myCatamaranRx Development
Web Site Presentations

’14
BMR-Rx and myCatRx Header Designs

Web Design and UI/UX Development
John Wiley & Sons (Deltak Innovation)
Oak Brook, IL


Canvas LMS User Interface
Optimize LMS Content
Multi-media Production

  • Conversion of Blackboard templates and Learning Systems Content to new Canvas platform
  • Re-designed Canvas Templates for Graduate and Doctorate Studies courses
  • Added Instructor-created content to Business Management and Physics Courses
  • Created derivative Learning Content for ongoing Course creation for review by client Instructors and imported multimedia content
’13
Graduate Studies Student UI for Creighton University - Template for Multimeda Viewing

Kiosk & UI Design
Other World Computing, Inc.
Woodstock, IL

visual design icon CMS UI icon UX design icon
UI Specialist/Web Developer

  • Short-term assignment with Agile/MVC .Net agency
  • Consumer-facing LAMP UI projects with HTML/CSS & jQuery
  • Fortune 500 clients: FedEx, Citibank & Visa.
  • Conagra not-for-profit Child Hunger Ends Here promotional site
Kiosk Screen design for Citibank Business services, showing a "Link to Facebook" option
’12

Web Design and UI/UX Development
Other World Computing, Inc.
Woodstock, IL

visual design icon CMS UI icon UI design icon creative designer icon ad design icon
Lead Designer & Web Developer

  • Lead Creative for ecommerce reseller of mobile products
  • Re-designed macsales.com & OEM site
  • $28M in revenue from coordinated ad campaigns
  • Managed production of ads & web designs
’04

Corporate Website Relaunch
Methode Electronics, Inc.
Harwood Heights, IL

visual design icon project leader icon creative designer icon ad design icon
Graphic Services & Web Projects Manager

Corporate Web Site Relaunch (1997)

“Methode business units must provide internet communications consistent with our corporate message.” Chairman Emeritis Bill McGinley.

In 1996 the Fiber Optics Group of Methode Electronics, Inc. was the fastest growing unit in a company with a capitalization value of $550M and rising. The Graphics Manager was a new position, charged with making the process of creating marketing collateral and advertisements directly for that division.

  • Creative Lead & Manager for branded corporate web site
  • Re-launched site for multiple business units with new content, concepts & wire-frames
  • Corporate & product identity, & presentations
Methode.com Main Home Page, circa 1996.
The inital home page design was a simple directory to corporate information. The business units were in largely unrelated industries, with no coordination or commmon sales organization.
’97

Illustration and Graphic Design
Lone Wolf Studio
Prorietor

visual design icon digital illustrator icon creative designer icon ad design icon
Digital Illustrations Web Design and Site Development

  • Self-employed web project manager and designer
  • Designed lonewolfstudio.com as demonstration and advertising platform
  • Corporate advertising projects for recruiting agency clients
’93

Hobby Kit Instruction Sheets
Revell-Monogram Models
Morton Grove, IL

visual design icon Instruction Sheet icon creative designer icon
Instruction Sheet Production
In-house Instruction Designer

  • Execution of Instruction sheet designs from engineering plans and sample products
  • Supplied Camers-ready Art for print production
  • Specification of typography and direction of final artwork illustrations
’89

Student Work
School of the Art Institute
Chicago, IL

student role icon digital-illustrator icon creative designer icon
Visual Communications Major
Film Animation Minor

  • Later: Flash Development and Training Practice
  • Later: Digital Illustration and Graphic Design Training
  • Fine Arts Illustration and Graphic Design
’84

Undergraduate Art Student
Bradley University
Peoria, IL

student role icon digital-illustrator icon creative designer icon

’81