A Case Study

Cards from analog to digital.

National Gift Card Corp.

User Interface, Graphic Design, Web Development

Project Abstract

NGC is the world’s largest, independently owned gift card company exclusively serving the B2B loyalty, rewards, and incentive marketplace.

The Challenge

eTecc / Interactive redesigned the website presence of National Gift Card Corp (NGC) and consulted on the user experience design & planning of the NGC membership portal.

The Product

Visit the National Gift Card Corp website today at
www.ngc-group.com/

 
 
Color System
  • Fog Grey
    #f1f1f1
    241 241 241

  • Cobalt Blue
    #0e76bc
    014 118 188

  • Canary Yellow
    #fdbc4b
    255 189 074

Typography

Poppins

Poppins Font

Maven Pro

Maven Pro Font

Finding The Story

National Gift Card Corp came to eTecc / Interactive with a solid company story, "Beyond Gift Cards." We made this story the centerpiece of our redesign. The mission from the start of the project was to elegantly communicate the wide range of NGC service offerings (including digital and analog gift cards, gift card API's and Open Loop technology).

With an established brand and bold set of primary colors, we worked to extend the story and ethos of National Gift Card Corporation online. From digital, custom and fulfillment service solutions, NGC's website communicates a wealth of information. Establishing taxonmies including an "idea center" (with pratcial solutions and suggestions) and segmented content groups for pre-paid and read-to-buy options allowed eTecc / Interactive to map the story of the brand.

 
 

Step by step

eTecc worked through our standard set project phases, generating multiple sets of deliverables and documentation which clearly identifed our path to launch. After our strategy and project structure was defined, we crafted a series of illustrations to live both on and offline, propping up the NGC brand.

 

Our documentation process includes complex specification manuals outlining color codes, font libraries, frontend technologies and style guides. eTecc / Interactive worked on NGC's primary website during Phase 1 of the project and developed a design theme and informarion maps for the company's customer portal in Phase 2.

Each project phase produces measurable artifacts; maps, style guides and robust documentation

Frontend Development Documentation

The Design
& Development

eTecc deployed the frontend design and development of the NGC website on the Juicy CMS platform, providing full content control to the client. The site is structured on a responsive grid and extends to the company email marketing materials and intranet/ordering portals.

NGC Corp Web
NGC Corp Web
NGC Corp Web
NGC Responsive
NGC Responsive
NGC Responsive

Selecting the
right tools

eTecc applied our standard website workflow: NGC is built on the Juicy™ CMS while running Sass and minified, compiled & linted with Grunt.

Juicy CMS Grunt Sass