Projects About Connect

    Projects About Connect
The Black American Glossary

‘Black History’ + Education Website

The Black American Glossary

Self-Promotion

2010 - Present

Art Direction

Branding

Email Design

Interaction Design (IxD)

Quality Assurance

Responsive Web Development

Strategy

Typography

User Interface Design (UI)

User Research

Adobe Illustrator

Adobe Photoshop

Brackets

  • The Overview

In 2010, I pondered on the idea in creating The Black American Glossary based on a visualization of Black History Month and the individuals represented within it. Ultimately, the purpose of this site is to emphasize the importance of a history typically only acknowledged during the month of February.

What was a passion project at first slowly evolved into of an ‘informational blog’ of sorts. I first began creating individually separate sites for some of the historical individuals represented on this site. I also wanted to give each individual on this site their own identity the way people would envision them during their lifetime.

Upon studying their historical presence upon the world, I felt it was only right to present them in a way that was both distinguishable and different to other biographical resources available today.

Share Facebook  +  Tumblr  +  Twitter

Preview
  • The Challenge

Rather than simply diving into this project (which I did prior to combining all of the separate sites into one), I reassessed what and how I wanted to present as the collective while not compromising on the uniqueness the separate sites displayed.

Research consisted in focusing on both large and small-scale sites (such as Biography, History, and Black History Pages) to balance the presentation and experimenting with various ideas/concepts before designing the current layout.

Iterations: 2013 / 2014
The Black American Glossary: 2013 The Black American Glossary: 2014
  • The Process

Since the site was originally individual websites for each person, I needed to figure out how to best present them. From categorization to alphabetically list-based ideas, I’ve went through each iteration slowly building and reassessing what I did and didn’t need.

By outlining my progress (prototypes and spreadsheets galore), I could easily create a valued presentation while maintaining my minimalist vision.

Overlay
Early Concepts  
The Black American Glossary: Visual Identity
Creating the Logo  

The logo itself has been through numerous iterations based on the site’s style and presentation, though the focus was always on sticking with a minimalist font type.

Inspiration can also be attributed to fonts that either were or would’ve been used during the early or mid 20th century (such as the Civil Rights Movement).

The Black American Glossary: Visual Identity
Email Designs  
The Black American Glossary: Email Designs The Black American Glossary: Email Designs
Code Bold

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

Merriweather Sans

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

Raleway

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 colors I wanted to represent this site needed to convey a calm ‘uniformity’ to the audience. Displaying an elegant ‘freshness’ with blue while implementing various shades of grey on a white background that gives the site a sophisticated minimalist appearance.

  • #FFFFFF
  • (255,255,255)
  • 0,0,0,0
  • #EEEEEE
  • (238,238,238)
  • 5,4,4,0
  • #757575
  • (117,117,117)
  • 55,47,45,12
  • #000000
  • (0,0,0)
  • 75,68,67,90
  • #0099FF
  • (0,153,255)
  • 70,34,0,0
  • Screenshots: Desktop
  • Screenshots: Desktop
  • Screenshots: Desktop
  • Screenshots: Desktop
  • Screenshots: Desktop
  • Screenshots: Tablet
  • Screenshots: Tablet
  • Screenshots: Tablet
Screenshots: Mobile
  • The Results

While simply maintaining a monthly (or semi-monthly) schedule for the site can be a challenge depending on other projects, I feel that it’s a requirement for myself in knowing more about my history as an African (Black) American.

The challenges faced are normally cosmetic, though I am always searching for more ways to inform and improve with every iteration and update. Whether its one or thousands of users visiting the site, to me it’s all about the how its presented and represented.

Interesting in working together?