Introduction

Chris Gargiulo

Creative Consulting, Web Design, & Web Development

Sub-specialties: Project Ideation, Brainstorming, Conceptual Planning, Art Direction, Prototyping, IA, UX, UI
 

Chris Gargiulo is a teacher and designer with experience in web, print, and motion design. Since 2005, he has been teaching interface design full-time within the New Media Arts program at Kapi‘olani Community College in Honolulu, HI. His academic interests center around the intersection of art, design, and technology. Chris enjoys challenging projects that require creative problem-solving skills and serve a good purpose, such as improving the lives and experiences of others.

I enjoy both the left-brained technical programming and the right-brained visual design aspects of my field. Chris Gargiulo

Services

1

Creative Consulting

Helping others to achieve their visions.

2

UX / UI Design

User Experience and User Interface Design.

3

Web Development

Hands-on coding bespoke websites and applications.

Sample Projects

Recent Client Work

01

KCC Web Site

New Site Navigation

A new primary navigation system and design for the main KCC web site.

View Demo
demo password: kapiolani
placeholder
 

New Header

Utility nav and top main nav.

placeholder
 

New Side Nav

Left-side drawer nav.

placeholder
 

New Footer Nav

Utility footer at the bottom of every page.

placeholder
 

Mobile Friendly

New header and left-side drawer nav scales to work on all screen sizes.

placeholder
02

KCC Class Availability

New Interface Design

A new design and layout for the main KCC web site class availability pages.

View Demo
placeholder
placeholder
 

Student First Design

Redesigned specifically for students, with improved typography, reorganized columns, collapsible panels, and a color-coded available seat indicator.

placeholder
 

Mobile Friendly

New header and left-side drawer nav scales to work on all screen sizes.

placeholder
placeholder

Before

placeholder

After

03

NMA Web Site

New Interface Design

A new design and layout for the NMA program web site.

View Live Site
placeholder
 

Single Page Layout

In preperation for future intergation to the main KCC web site, all sub pages were removed and content was simplified.

placeholder
 

Marketing Page Pilot

The style and layout was created to serve as a pilot design for potential future KCC program marketing pages on the main KCC web site.

placeholder
 

New Degree Section

Using a student-first approach, the degree information was rewritten and presented to better answer student questions.

placeholder
 

Social Gallery

As a CMS work-around, third-party social media API's are used to populate student work.

placeholder
 

NMA Employers

Company logos were added to highlight NMA job opportunities and internship locations.

placeholder
04

CTRIN Grant Resources

Identity & Interface Design

New branding collateral and custom UI for the MW CTRIN web site with a focus on the grant resources section.

placeholder
 

Custom UX & Navigation

Overhauled the IA and UX using a user-centered approach that began with a client-requested custom circular navigation that was created for a specific set of target users.

placeholder
 

Multiple Design Patterns

Using a vertical single page layout, grant resources content was restructured to embrace multiple design patterns to help facilitate user affordances.

placeholder
05

Onward Advisors

Identity & Interface Design

A new identity system and web site was designed for Onward Advisors.

placeholder
 

Identity System

A new logo along with accompanying business cards were designed to establish a new corporate identity.

placeholder
 

Branding

The client was very detail oriented, so great care was taken to use strong typography and layout across all media.

placeholder
 

Report Design

A new report template layout was designed with color-coded tabular data to help showcase their primary service to clients.

placeholder
 

Custom Illustration

Custom illustration and icons were designed to highlight their business products and client services.

placeholder
 

Content Strategy

Illustration, icons, and new copy was drafted to help simplify their business process and clarify their primary services provided to clients.

placeholder
 

Improved UX

The site was redesigned to improve the overall user experience for prospective clients.

placeholder
 

Structured Content

Using a long scrolling, vertical page layout, the home page content was structured to showcase the depth and range of client services provided.

placeholder
 

Mobile Friendly

The new web site and all content was designed to scale and display appropriately for all screen sizes.

placeholder
06

LuckyGuy Bakery

Web Development

Custom e-Commerce implementation.

View Live Site
placeholder
 

Custom Front-end

A Wordpress child theme was created to implement the custom UI designed by Emily Moody.

placeholder
 

Custom Shopping UX

Using WooCommerce plugins, a custom Mix-n-Match shopping experience was implemented.

placeholder
07

Ramel & Associates

Identity Design

Logo Design

placeholder
09

Self-promotional Student Materials

Resume & Portfolio Examples

A sample self-promotional resume & portfolio layout for job-seeking students.

placeholder
 

Sample Resume

A minimalistic, swiss-style single page layout inspired by Josef Muller Brockmann.

placeholder
 

Sample Portfolio

Simple spread page layouts that adhere to a grid and embrace white space.

placeholder
 

Sample Typography

Typographic scale and hierarchy to increase legibility and readability.

placeholder

Contact Information

Aloha

chrisgargiulo [at] gmail.com