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

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.

View Live Site
placeholder
 

New Identity Design

Designed a new branding system including a new logo, business cards, stationary, slidedeck presentations, signage, and a set template office documents.

New Identity Design
 

New Website

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.

UI Resources custom UI elements
 

User Research

Multiple UX design patterns were explored and tested with iterative feedback from the client and real users to help facilitate user affordances.

placeholder
 

Performance Audits

Conducted comprehensive site audits that included performance tests and system-level fixes to improve site usability and compliance in accordance with my accessibility statement.

Performance Auit
 

Internal Client Site

As a multi-year project spanning several contracts, the full design process and all deliverables for each sub-project were documented online for the client.

View MW CTR-IN Project Site
placeholder
02

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

A new utility nav and top main navigation bar was designed and implemented to align with a University of Hawaii system-level inititative.

placeholder
 

New Side Nav

A new left-side drawer nav was designed and implemented for both mobile and desktop users.

placeholder
 

New Footer Nav

A new utility footer navbar was designed and implemented at the bottom of every page of the site.

placeholder
 

Mobile Friendly

All new navigation systems were coded to be fully responsive and to work on all screen sizes on all devices.

placeholder
03

KCC Class Availability

New Interface Design

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

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

A custom mobile view was designed and implemented for small screens.

placeholder
placeholder

Before

placeholder

After

04

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 integration 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 restructured to help better address common student questions.

placeholder
 

Social Gallery

To match faculty behavior, existing social media API's were used Iinstead of a CMS to populate the student work in the gallery section.

placeholder
 

NMA Employers

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

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.

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
I enjoy both the left-brained technical programming and the right-brained visual design aspects of my field. Chris Gargiulo

Contact Information

Aloha 🤙

Chris Gargiulo

Designer + Developer
chrisgargiulo [at] gmail.com