Chris Bourseau

Professional Profiles

Ranking professional skills by roles and length of experience.

Good

UI/UX Design

Ten years Experience
eCommerce Launches
Full-service Creative
Available for Contracts

Better

Web Designer

Twelve years Experience
Digital Agency Pro
Corporate-level Manager
Mentoring to Others

Best

UI Developer

Sematic Web Development
HTML5/CSS3/javascript
Supports Creatives
JSP, LAMP & WebSphere

Graphic Artist and Designer

Illustrator Digital Print Production Graphic Designer Creative Direction Project Management

Retail Display Layout
Floor Displays, Aisle Planning and Signage. Architectural plans and floor projections to show merchandise in active use.
Retail Products
Hard-line pen, air-brush, color watercolor and digital illustrations for various clients. Content for retail display, packaging, advertising and presentations using Adobe Illustrator, Photoshop and FreeHand.
Instruction Manuals
Design and illustration of instruction manuals for Revell-Monogram and other clients. Assembly diagrams, product demonstrations and other technical elements contents.
Editorial
Two- and four-color Illustrations for Lakeland Boating Magazine, Great Lakes Boating and spot illustrations.
Advertising and Commissions
Color Illustrations of active scenes, including military aircraft, sporting events, advertising content and conceptual layouts.

Quark XPress Digital Production
Seven years of professional experience with four-color press production and spot-color trapping. Media includes print catalog page layout, advertising flats and beverage packaging.
Packaging Production
Adobe InDesign and Illustrator Production. Eight years of professional experience with four-color press production and spot-color trapping. Media includes print catalog page layout, national ads, beverage packaging and retail labels.
Photo-retouching and Separations
14 years of four-color and spot-color image manipulation, including color correction, content replacement and separations for prepress production.
High-Resolution Scans
10 years of high-resolution film scanning with wet drum-scanners and flat-plane scanners for prepress production.

Creative Ad Design
Concept sketches, rough layout and high-quality imagery for presentation and photography direction. Typography specification, grid-based templates and brand identity.
Instruction Manual Design
Technical manuals and assembly instructions design, including extracting engineering details and assembly procedures for consumer usage. Icon and symbol system creation, usage and modification.
Corporate Branding Standards
Interpretation, modification and enforcement of corporate branding standards. Redesign of existing content to meet corporate standards, including master pages, new designs and data checking for clients at ThermoScientific, Grainger, Methode and others.
Packaging and Ad Design
Creating advertising and retail packaging content for multiple clients, including Beam-Suntory, Methode, Other World Computing, newertechnology and Motorola.

Creative Design of MacSales.com
Working with the owner of Other World Computing, as well as the Website Administrators and the eCommerce Developer, created new User Interface elements, Landing Pages and Product Category headers. Created HTML4/CSS2 to enable cross-platform/cross-browser functionality and tested
Image Library Management
Management of assets and imagery for multiple clients, including adverting agencies, manufacturing, distribution and eCommerce concerns.
Web Banner and Print Ad Campaigns
Design and modifications for coordinated ad campaigns that included web banners, spot-ads in multi-media and full-page advertising of computer upgrades, musical instruments and personal music devices.
Website design for digital agency clients
Creating and maintaining web sites for customers using Fastermac.com or other web-hosting services through Other World Computing. Also, media development and content management for not-for-profit organizations such as Adult & Child Therapy Services of McHenry County, commercial clients and private customers.

Art Director for MacSales.com
Working with the owner of Other World Computing, as well as the Website Administrators and the eCommerce Developer, created new concepts of coordinated advertising ad banners and national print campaigns.
Packaging Concepts Development for newertech.com
Art Direction and User Interface Development of 2005 relaunch of the defunct OEM site for the new owner, Other World Computing. Extended advertising support and created consistent messages for promoting computer upgrades, laptop batteries and Apple® iPod™ accessories.
Relaunch of Methode.com
Stakeholder contact, planning and strategic concepts initiative for relaunch of Web 2.0 site, completed in 1999.
HELP System for TIMS VA Project
Development of application-wide concepts for Help System and documentation for Department of Defense client presentation. Evaluation and consultation on procedures and User Experience framework for same.

User Interface Designer

Edge Systems: TIMS 2013-15 Catamaran: Portal Redesign 2012 Aspen Marketing: Conagra 2011 Other World Computing 2003-6 Lone Wolf Studio 1999-2003

TIM User Interface Elements
Creative Cloud Design Design User Interface Mock-ups Adobe Photoshop and Illustrator for icons and Screen Mock-ups
Bootstrap 3.3 and 4.1.3 Frameworks UI Development
HTML5/CSS/AJAX markup, modifying UI to Lead Developer and Stakeholder specifications. Creating new elements and providing content support.
Java Server Pages (JSP) HTML Markup
JSP markup using jquery and javascript for AJAX calls in Java Virtual Machine Development Framework. Synchronizing local VM to common Development Server and posting changes for review.
AxureRP UI Prototype and Mockup Presentations
Using Creative Cloud applications and AxureRP to develop functional mock-ups to demonstrate new UI functionality. Create A-B testing scenarios for User Experience schema, testing and review.
HIPPA and ADA Compliance
Creating and maintaining WAI-ARIA and Section 501C markup for portal application. Reviewing and flagging code for HIPPA Compliance and checking for guidance from Department of Defense Veteran Affairs Rules and Regulations.

myCatamaranRx Portal User Experience Study
Phase One: Three month project to examine customer service calls and server statistics to focus developers efforts on adding or modifying features to increase new memberships, click-through, time onsite and return visits.
PortalRx Updates
Phase Two: Design new elements to improve experience and update client portal sites based on PMB competitor research and user modeling. HTML5/CSS/AJAX markup, modifying UI to Lead Developer and Stakeholder specifications. Creating new elements and providing content support.
WebSphere and Java Server Pages (JSP)
JSP markup in Application Portal settings, often using jquery and javascript for AJAX calls in WebSphere Portal Application. HTML/CSS markup for UI modifications.
HIPPA and ADA Compliance
Creating and maintaining WAI-ARIA and Section 501C markup for portal application. Reviewing and flagging code for HIPPA Compliance and safeguarding members personal data.

LAMP-Based HTML/CSS/AJAX in Agile Development Scheme
Working with Lead Developer using HTML, Cascading Style Sheets and javascript to effect developer modifications and meet Art Director requirements for clients, including Citibank, Federal Express and Conagra Foods.
Conagra Foods Child Hunger Ends Here Campaign
Now called "Feeding America", this was a public-relations campaign to provide donations of nutritional food to children and adults across the US. Completed MP3 give-away sections, social media plugins and Spanish language versions of full site to Conagra for deployment to the non-profit website developers.
FedEx and Citibank Kiosk Applications
HTML Markup and javascript modifications to support deployment of Kiosk-based web applications for corporate clients. Secure forms pages and testing in .Net Dev Server environment using Visual Studio and scfript-based post-processing system for deployment.
HIPPA and ADA Compliance
Creating and maintaining WAI-ARIA and Section 501C markup for portal application. Reviewing and flagging code for HIPPA Compliance and safeguarding members personal data.

Relaunch MacSales.com
Working with the owner of Other World Computing, as well as the Website Administrators and the eCommerce Developer, created new User Interface elements, Landing Pages and Product Category headers. Created HTML4/CSS2 to enable cross-platform/cross-browser functionality and tested
Relaunch of newertechnology Product Information site at newertech.com
Art Direction and User Interface Development of 2005 relaunch of the defunct OEM site for the new owner, Other World Computing. Extended advertising support and created consistent messages for promoting computer upgrades, laptop batteries and Apple® iPod™ accessories.
Web Banner and Print Ad Campaigns
Design and modifications for coordinated ad campaigns that included web banners, spot-ads in multi-media and full-page advertising of computer upgrades, musical instruments and personal music devices.
Website design for digital agency clients
Creating and maintaining web sites for customers using Fastermac.com or other web-hosting services through Other World Computing. Also, media development and content management for not-for-profit organizations such as Adult & Child Therapy Services of McHenry County, commercial clients and private customers.

Web Development Concepts
Working with several small clients, launched several small informational sites from 1993 to 1997.
Launch of Lone Wolf Studio
Promotional Web Site for Web Design promotion, including design and development of Flash animations, HTML/CSS and other web content
Web Banner and Print Ad Campaigns
Design and modifications for coordinated ad campaigns that included web banners, spot-ads in multi-media and full-page advertising
Website design for digital agency clients
Creating and maintaining web sites for customers

Web Designer Roles Since 2000

Mobile Responsive Portal Projects Learning Management eCommerce Systems Not-for-profit

Frameworks for Mobile Development
Front-End Development using HTML5/CSS/AJAX markup, JSP, jQuery UI, and SpringIO Framework for a portal application called TIMS.
Consumer-facing Applications
Front End Development for WebSphere Application Server, Oracle and SAP Enterprise Systems in LAMP, JVM and .Net Development Environments.
Java Server Pages (JSP) HTML Markup
JSP markup using jquery and javascript for AJAX calls in Java Virtual Machine Development Framework. Synchronizing local VM to common Development Server and posting changes for review.
AxureRP UI Prototype and Mockup Presentations
Using Creative Cloud applications and AxureRP to develop functional mock-ups to demonstrate new UI functionality. Create A-B testing scenarios for User Experience schema, testing and review.
HIPPA and ADA Compliance
Creating and maintaining WAI-ARIA and Section 501C markup for portal application. Reviewing and flagging code for HIPPA Compliance and checking for guidance from Department of Defense Veteran Affairs Rules and Regulations.

myCatamaranRx Portal User Experience Study
Phase One: Three month project to examine customer service calls and server statistics to focus developers efforts on adding or modifying features to increase new memberships, click-through, time onsite and return visits.
PortalRx Updates
Phase Two: Design new elements to improve experience and update client portal sites based on PMB competitor research and user modeling. HTML5/CSS/AJAX markup, modifying UI to Lead Developer and Stakeholder specifications. Creating new elements and providing content support.
WebSphere and Java Server Pages (JSP)
JSP markup in Application Portal settings, often using jquery and javascript for AJAX calls in WebSphere Portal Application. HTML/CSS markup for UI modifications.
HIPPA and ADA Compliance
Creating and maintaining WAI-ARIA and Section 501C markup for portal application. Reviewing and flagging code for HIPPA Compliance and safeguarding members personal data.

LAMP-Based HTML/CSS/AJAX in Agile Development Scheme
Working with Lead Developer using HTML, Cascading Style Sheets and javascript to effect developer modifications and meet Art Director requirements for clients, including Citibank, Federal Express and Conagra Foods.
Conagra Foods Child Hunger Ends Here Campaign
Now called "Feeding America", this was a public-relations campaign to provide donations of nutritional food to children and adults across the US. Completed MP3 give-away sections, social media plugins and Spanish language versions of full site to Conagra for deployment to the non-profit website developers.
FedEx and Citibank Kiosk Applications
HTML Markup and javascript modifications to support deployment of Kiosk-based web applications for corporate clients. Secure forms pages and testing in .Net Dev Server environment using Visual Studio and scfript-based post-processing system for deployment.
HIPPA and ADA Compliance
Creating and maintaining WAI-ARIA and Section 501C markup for portal application. Reviewing and flagging code for HIPPA Compliance and safeguarding members personal data.

Relaunch MacSales.com
Working with the owner of Other World Computing, as well as the Website Administrators and the eCommerce Developer, created new User Interface elements, Landing Pages and Product Category headers. Created HTML4/CSS2 to enable cross-platform/cross-browser functionality and tested
Relaunch of newertechnology Product Information site at newertech.com
Art Direction and User Interface Development of 2005 relaunch of the defunct OEM site for the new owner, Other World Computing. Extended advertising support and created consistent messages for promoting computer upgrades, laptop batteries and Apple® iPod™ accessories.
Web Banner and Print Ad Campaigns
Design and modifications for coordinated ad campaigns that included web banners, spot-ads in multi-media and full-page advertising of computer upgrades, musical instruments and personal music devices.
Website design for digital agency clients
Creating and maintaining web sites for customers using Fastermac.com or other web-hosting services through Other World Computing. Also, media development and content management for not-for-profit organizations such as Adult & Child Therapy Services of McHenry County, commercial clients and private customers.

Relaunch MacSales.com
Working with the owner of Other World Computing, as well as the Website Administrators and the eCommerce Developer, created new User Interface elements, Landing Pages and Product Category headers. Created HTML4/CSS2 to enable cross-platform/cross-browser functionality and tested
Relaunch of newertechnology Product Information site at newertech.com
Art Direction and User Interface Development of 2005 relaunch of the defunct OEM site for the new owner, Other World Computing. Extended advertising support and created consistent messages for promoting computer upgrades, laptop batteries and Apple® iPod™ accessories.
Web Banner and Print Ad Campaigns
Design and modifications for coordinated ad campaigns that included web banners, spot-ads in multi-media and full-page advertising of computer upgrades, musical instruments and personal music devices.
Website design for digital agency clients
Creating and maintaining web sites for customers using Fastermac.com or other web-hosting services through Other World Computing. Also, media development and content management for not-for-profit organizations such as Adult & Child Therapy Services of McHenry County, commercial clients and private customers.

Web Development Roles since 2003

Mobile Responsive Portal Projects Learning Management eCommerce Systems Not-for-profit

TIMS HELP System Deployment
Adobe RoboHelp Application depoloyed in HTML5 as sidecar to TIMS deployment. Linked at Categories, with keyword search and tooltips directory.
CatamaranRx Customer Portal Upgrades
User Interface modifications deployed under the direction of project managers and stakeholders and within HIPPA guidelines.
Java Server Pages (JSP) HTML Markup
JSP markup using jquery and javascript for AJAX calls in Java Virtual Machine Development Framework. Synchronizing local VM to common Development Server and posting changes for review.
AxureRP UI Prototype and Mockup Presentations
Using Creative Cloud applications and AxureRP to develop functional mock-ups to demonstrate new UI functionality. Create A-B testing scenarios for User Experience schema, testing and review.
HIPPA and ADA Compliance
Creating and maintaining WAI-ARIA and Section 501C markup for portal application. Reviewing and flagging code for HIPPA Compliance and checking for guidance from Department of Defense Veteran Affairs Rules and Regulations.

myCatamaranRx Portal User Experience Study
Phase One: Three month project to examine customer service calls and server statistics to focus developers efforts on adding or modifying features to increase new memberships, click-through, time onsite and return visits.
PortalRx Updates
Phase Two: Design new elements to improve experience and update client portal sites based on PMB competitor research and user modeling. HTML5/CSS/AJAX markup, modifying UI to Lead Developer and Stakeholder specifications. Creating new elements and providing content support.
WebSphere and Java Server Pages (JSP)
JSP markup in Application Portal settings, often using jquery and javascript for AJAX calls in WebSphere Portal Application. HTML/CSS markup for UI modifications.
HIPPA and ADA Compliance
Creating and maintaining WAI-ARIA and Section 501C markup for portal application. Reviewing and flagging code for HIPPA Compliance and safeguarding members personal data.

LAMP-Based HTML/CSS/AJAX in Agile Development Scheme
Working with Lead Developer using HTML, Cascading Style Sheets and javascript to effect developer modifications and meet Art Director requirements for clients, including Citibank, Federal Express and Conagra Foods.
Conagra Foods Child Hunger Ends Here Campaign
Now called "Feeding America", this was a public-relations campaign to provide donations of nutritional food to children and adults across the US. Completed MP3 give-away sections, social media plugins and Spanish language versions of full site to Conagra for deployment to the non-profit website developers.
FedEx and Citibank Kiosk Applications
HTML Markup and javascript modifications to support deployment of Kiosk-based web applications for corporate clients. Secure forms pages and testing in .Net Dev Server environment using Visual Studio and scfript-based post-processing system for deployment.
HIPPA and ADA Compliance
Creating and maintaining WAI-ARIA and Section 501C markup for portal application. Reviewing and flagging code for HIPPA Compliance and safeguarding members personal data.

Relaunch MacSales.com
Working with the owner of Other World Computing, as well as the Website Administrators and the eCommerce Developer, created new User Interface elements, Landing Pages and Product Category headers. Created HTML4/CSS2 to enable cross-platform/cross-browser functionality and tested
Relaunch of newertechnology Product Information site at newertech.com
Art Direction and User Interface Development of 2005 relaunch of the defunct OEM site for the new owner, Other World Computing. Extended advertising support and created consistent messages for promoting computer upgrades, laptop batteries and Apple® iPod™ accessories.
Web Banner and Print Ad Campaigns
Design and modifications for coordinated ad campaigns that included web banners, spot-ads in multi-media and full-page advertising of computer upgrades, musical instruments and personal music devices.
Website design for digital agency clients
Creating and maintaining web sites for customers using Fastermac.com or other web-hosting services through Other World Computing. Also, media development and content management for not-for-profit organizations such as Adult & Child Therapy Services of McHenry County, commercial clients and private customers.

Relaunch MacSales.com
Working with the owner of Other World Computing, as well as the Website Administrators and the eCommerce Developer, created new User Interface elements, Landing Pages and Product Category headers. Created HTML4/CSS2 to enable cross-platform/cross-browser functionality and tested
Relaunch of newertechnology Product Information site at newertech.com
Art Direction and User Interface Development of 2005 relaunch of the defunct OEM site for the new owner, Other World Computing. Extended advertising support and created consistent messages for promoting computer upgrades, laptop batteries and Apple® iPod™ accessories.
Web Banner and Print Ad Campaigns
Design and modifications for coordinated ad campaigns that included web banners, spot-ads in multi-media and full-page advertising of computer upgrades, musical instruments and personal music devices.
Website design for digital agency clients
Creating and maintaining web sites for customers using Fastermac.com or other web-hosting services through Other World Computing. Also, media development and content management for not-for-profit organizations such as Adult & Child Therapy Services of McHenry County, commercial clients and private customers.

Case Studies

Demonstrations of the creative and design processes that seem to have worked well the past.

Projects

CatamaranRx Rebranding MacSales.com Rebranding Methode.com Relaunch PTA Going Mobile

Examples of Studies

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.

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.

Prescription Management Portal Redesign (2014)

slide of myPortalRx UI Solutions presentation — User Experience study from click-through data (2014)

cowboy hat place-holder image — CatamaranRx Customer Portal UI (2014)

UI/UX Development | myPortalRx UX Study & Redesign Proposal

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

Research into current PortalRx layout template

Competitive Business Details - CVS/Caremark

myPortalRx Solutions Presentation Slide 8

Competitive Business Details - Express Scripts

Competitive Business Details - OptumRx

Application Framework Proposal - Data Flow

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.

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

OWC MacSales.com Firewire Products Accessories and Upgrades

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.

Stratos Optic Products Landing Page - July 1997

Compare: MDI Magnalastic Products Landing Page - July 1997

Stratos Fiber Optic Product Landing page 1999

MDI Magnalastic Products Landing Page - Dec 1999

Compare: Stratos Optic Products Landing Page - July 1997

Stratos Optic Products Landing Page - Dec 1999

Mobile Responsive Design

MacArthurPTA Web Site

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.