Projects About Connect

    Projects About Connect
Brink's Prepaid MasterCard

Prepaid Marketing Website

Brink's Prepaid MasterCard®

NetSpend Corporation®

2015

Art Direction

Interaction Design (IxD)

Quality Assurance

Responsive Web Development

Strategy

Typography

User Interface Design (UI)

User Experience Design (UX)

User Research

Adobe Illustrator

Adobe Photoshop

Brackets

Confluence

Git

  • The Overview

Brink’s Prepaid MasterCard® is a marketing (prepaid debit card) site for individuals who prefer a more secure solution to purchasing products and paying bills — than resorting to paying with cash or signing up for credit cards; for which I developed while working with NetSpend Corporation®.

While there, I aided in designing and completing additional components (such as the Acquisition pages and/or stages along with the Online Account Center (OAC)) during my four-month contract.

Share Facebook  +  Tumblr  +  Twitter

Preview
  • The Process

While the acquisition and marketing sites was prototyped and designed prior to my arrival, I fully developed both sites from start-to-finish within the Design team (via Adobe Photoshop files to HTML5 and CSS3) and improved upon a few difficult portions (while also consulting with Quality Assurance after each completed section) that would’ve been harder to code later in the process.

A responsive design format was also required for the site along with an easy-to-use navigation for every resolution, so having prior knowledge regarding such was a definite plus.

Overlay
Creating the Logo  

The logo’s design and brand are preexisting, so nothing was changed or altered, though the logo's presentation was changed to accommodate for space.

Brink's Prepaid MasterCard - Visual Identity
Roboto Regular

A B C D E F G H I J K L M
N O P Q R S T U V W X Y Z
1 2 3 4 5 6 7 8 9

Roboto Light

A B C D E F G H I J K L M
N O P Q R S T U V W X Y Z
1 2 3 4 5 6 7 8 9

Arial

A B C D E F G H I J K L M
N O P Q R S T U V W X Y Z
1 2 3 4 5 6 7 8 9

Color Palette  

The color palette was also a preexisting swatch with the brand, so nothing was changed or altered regarding this.

  • #FFFFFF
  • (255,255,255)
  • 0,0,0,0
  • #EEEEEE
  • (238,238,238)
  • 5,4,4,0
  • #6B6B6B
  • (107,107,107)
  • 58,50,49,17
  • #F58025
  • (245,128,37)
  • 0,61,98,0
  • #0D3592
  • (13,54,146)
  • 100,90,10,2
  • Screenshots: Desktop
  • Screenshots: Desktop
  • Screenshots: Desktop
  • Screenshots: Tablet
  • Screenshots: Tablet
  • Screenshots: Tablet
  • Screenshots: Mobile
  • Screenshots: Mobile
  • The Results

A conceptually sound, financially fundamental website that hopes to achieve the goal it sets: encouraging customers to enroll and use the Brink’s Prepaid MasterCard. Since launch, the site has seen substantially big gains for Brinks, who have recently launched a television campaign regarding the card and its benefits.

Interesting in working together?