Category: Professional Work

Professional Work – Overview

This category covers web design, print design and illustration I have done throughout my professional career. It is broken up into several sections:

I currently work as Lead Designer for a Chicago based tech company called PerkSpot. I don’t currently have any of my work with PerkSpot in this portfolio, but you can check out the marketing site I designed in mid-2014 here.

Northern Trust

I worked at Northern Trust from 2012-2014 as Senior Web Designer.

Cappex

I worked at Cappex from 2010-2012 as Web Designer and Developer.

Web Works

I worked at Web Works from 2008-2012 as Senior Web Designer.

Freelance Work

Every once in a while I like to pick up Freelance projects, usually because I’m either interested in the subject matter, or I want to help out a friend.

Northern Trust (2012-2014)

Northern Trust LogoIn September of 2012 I left Cappex.com to take the role of Senior Web Designer at Northern Trust. At Northern Trust I am part of a small but growing web design team, working with Digital Marketing, Creative Services and Web Publishing to grow Northern Trust's web marketing presence. I assume a great deal of responsibilities including but not limited to:
  • Adapting, developing and protecting the Northern Trust brand on various new digital mediums.
  • User experience design for sites ranging from small landing pages to major client facing information centers.
  • Visual design for any and all web sites built around the Northern Trust brand.
  • Front end development for internal and external Northern Trust websites, focusing on HTML and CSS and responsive design.

NT Project: Northern Trust Open Responsive Redesign

In the fall of 2013 I took on the task of totally rebuilding the Northern Trust Open website into a fully responsive design to cater to the mobile and tablet audience. The site was originally designed a year before, so a major challenge was to keep the core functionalty the same while allowing for a rich experience across all devices. The site was built around a content management system called Site Publisher, so the UX had to be build with the content management system's component/template structure in mind.

Visit the live Northern Trust Open website.

NT Project: Path Forward Landing Page

Path Forward is an example of one of the many marketing-oriented landing pages I’ve designed and built for Northern Trust. The page has a simple set of objectives, focusing on the delivery of a research paper and newsletter sign up call to action. Working with the business managers I designed and developed the site to their specifications.

My Key Contributions:

  • User experience design, from initial concept to build.
  • Visual design merging Northern Trust brand standards with print and marketing materials from the campaign.
  • Fully responsive device agnostic HTML5/CSS3 development, from mobile to tablet to desktop.
  • JavaScript implementation for user interface enhancements.
  • Quality assurance testing, site optimization and deployment to production

Path Forward is a private site. Contact me for more informaiton.

NT Project: Flexshares.com

In 2013 Northern Trust embarked on a total redesign of Flexshares.com, one of the company’s primary investment sites. While the design and user experience was initialy put together by an outside agency, the decision was made to build the site in house using our Web Publishing department’s implementation of Interwoven Site Publisher. I was brought on to the project to ensure the site would be built to specifications from a design standpoint, as well as to implement a semi-responsive layout for easier tablet readability.

My Key Contributions:

  • All CSS development, working with front end developers in Web Publishing who built the HTML.
  • Rethinking and redesigning of several site components to better fit the business’s needs.
  • Quality control on initial build.

Visit Flexshares.com

Cappex (2010-2012)

(Note: This logo was designed before my time at Cappex)

In October of 2010 I was hired as Web Designer & Developer at Cappex.com. While at Cappex, I worked to develop and expand upon the designs of Cappex.com and all of its sister sites, including ScholarshipSpotlight.com, CollegeGreenlight.com and MeritAid.com.

Note- Since my depature from the Cappex Technology Team the company has undergone a full rebranding. The live site is no longer representative of my work as Web Designer and Developer.

Project: Cappex College Profile 3.0

In the Spring of 2012, Cappex embarked upon a total redesign and overhaul of one of its most important features- the College Profiles. Cappex management wanted something much more visually interesting and provoking, with a heavy emphasis on SEO, lead generation and user conversion. The college profiles, originally just single page boiler-plate fact sheets, were split into several pages and packed with over three times the amount of information for each school. This project also encompassed a total redesign of the Cappex header and navigation to incorporate a fixed position navigation bar as well as a prominent call to action. It also meant a total reworking of the Cappex page templates to accommodate a colorful background illustration to bring more visual interest throughout the site. All of these featured had to be incorporated not only into Cappex, but also into its sister sites- MeritAid.com and CollegeGreenlight.com. The entire project was completed in about four months, with various other unrelated projects worked in as well.

My Key Contributions:

  • Total redesign from early concept stages to execution
  • Development of new design themes and typography
  • New header, footer and page template for all of Cappex, College Greenlight and MeritAid
  • Full HTML/CSS3 build for twelve college profile pages, including dozens of individual widgets. All tailored to dynamic content for thousands of Cappex schools and for several Cappex usertypes.
  • Browser testing in Firefox, Chrome, Safari, and IE8/9
College Profile 3.0

College Profile 3.0 Overview Page

Cappex Admissions Page

Cappex Admissions Page

Cappex Fit Page

Cappex Fit Page

Cappex Project: Scholarship Spotlight

In early 2012, my team was tasked with developing new brand which would act as a sister-site to Cappex.com. Working with my team as well as Cappex senior management, I developed the the logo, colors and overall brand design of what would become Scholarship Spotlight.

Cappex management was looking to develop a fast, simple solution for students to search our immense scholarship database. They were looking for a bright, colorful design which would stand out from the competition and catch the eye of students.

My Key Contributions:

  • Brand mockups/brand testing
  • Logo development from concept to execution
  • Brand colors, typography and visual element design
  • HTML/CSS/JSP development, based on Twitter Bootstrap framework
  • Major contributor to UX design
  • All design elements, as well as browser compatibility testing (Firefox, Chrome, Safari, IE9 through IE7)
  • Developed from start to finish in a single quarter, while also managing other unrelated projects.
Scholarship Spotlight Main Search Page

Scholarship Spotlight Main Search Page

Search Results Page

Search Results Page

Scholarship Details Page

Scholarship Details Page

Cappex Project: College Greenlight

In the Spring of 2012, Cappex embarked upon a unique new project. College Greenlight is a slightly stripped-down and totally re-branded version of the main Cappex product, with special features targeted towards first generation students through community based organizations. To accomplish our business goals, I was tasked with developing the College Greenlight brand and totally re-styling the core Cappex webpage to accommodate this very different target audience.

My Key Contributions:

  • Developed College Greenlight brand from the ground up, working with Cappex management to create a logo and brand identity which fit their vision.
  • Totally restyled massive Cappex.com site for new branding.
  • Project was accomplished on schedule with an extremely short time frame, while simultaneously developing Scholarship Spotlight product.

Visit College Greenlight

College Greenlight Homepage

College Greenlight Homepage

College Greenlight Learn More Page

College Greenlight Learn More Page

College Greenlight Student Dashboard

College Greenlight Student Dashboard

Cappex Poster

digital

front – digital

digital

back – digital

This a large eight-fold poster, sent to high school guidance counselors to promote Cappex. It features a custom illustration on the front, and an overview of Cappex services on the back. I designed the poster and created the illustrations while working with the Cappex marketing team.