Core77 Design Awards

  • All Winners
  • Categories
  • 2015 Jury
  • The Trophy
  • Other Years
    • 2019 Awards
    • 2018 Awards
    • 2017 Awards
    • 2016 Awards
    • 2014 Awards
    • 2013 Awards
    • 2012 Awards
    • 2011 Awards
  • Sign up / Login;
winner burst Visual Communication Professional Winner

Commercial Type Showcase

Wael Morcos

Commercial Type

  • Overview
  • Team Credits
  • Images
  • Details
2015 Core77 Design Awards

Visual Communication Winners

2015 Core77 Design Awards

All Categories

  • Y1
  • m1
  • H1

Project Overview

Commercial Type Showcase is a set of sixteen microsites for Commercial Type webfonts library. The microsite explore how a type specimen can be experienced differently when paired with the abilities of the web. Each of the microsites shows a different family from the Commercial Type library and highlights a different aspect of its personality. The microsites range from: a therapist: repurposes a chat bot from the 1960, a train schedule board: flips through the complete alphabet before displaying the right letter, and a poetry generator: Generates poems by clicking and dragging.

http://showcase.commercialtype.com

Project Team

Wael Morcos, Christian Schwartz, Kat Lee, Branimir Vasilic, Sarah Guck, Mark Record

Project Images

Project Details

Since we started licensing our fonts for use on the web, we've been thinking more and more about the aesthetic possibilities for typography on the web that come with a dynamic and interactive canvas. We wanted to explore what is possible in the ever-changing world of design for the screen. In no time he came back with designs for sixteen microsites that show a different family from our library.

Every piece of text in this collection of microsites is rendered with our webfonts: no PNGs or SVGs are used (except in the about pages). For those of you who want to peek under the hood, we included a short explanation of how each microsite was built on the About pages, along with some additional information about the typeface itself.

Response:

The response was positive overall, though it appeared that some people thought the table of contents was the whole site. Though our aim with the microsites was to draw web designers' attention to less established and popular parts of our library, the most popular microsites have been for the most popular families: Atlas and Graphik. The user-generated content has been funny and scary, in equal measures. Many of the submissions on the Platform microsite have been clever and surprising. People also have a lot of ideas about where you can put various parts of your body.

The Showcase didn't go viral quite the way we hoped it would, but a good number of people have shared the Graphik microsite. It's amazing to see how engaging the ELIZA program still is, in spite of the fact that it was first developed in 1966!

We've had around 22,000 unique visitors since we launched the site. We've also seen a noticeable drop in emails enquiring if we license our fonts for the web, so overall we feel like the project was a success.

Technology:

The sites have a Ruby on Rails back-end, but most have interactive functionality that is fully implemented in client-site JavaScript and CSS3 effects. We didn't use any additional libraries other than jQuery. For the Graphik chatbot, we customized the JavaScript implementation of Eliza by Norbert Landsteiner. The Austin, Gabriello and Stag layouts depend on server side functionality where we either use external services or have to process user input on the server, or both. For example, in the Austin site we use Google's search API to retrieve images relevant to user input, which are then analyzed with ImageMagick library to generate the layout colors. Since we were pushing some browser features to their edges, for some of the layouts a significant time was spent trying to make things look and function as consistently as possible across browsers.

Text and content:

Having to account for real-time user interaction isn't usually a factor in traditional Writer/Reader dynamics. One writes; the other reads and is free to leave a scathing Amazon review afterwards. Creating content for the Showcase called for short stories or poetry that would not exist in a void, a "Good" Creative Writing drawn from the tenets of Effective User Engagement Copy. Kind of like trying to be eloquent in front of strangers. The copy aimed for something a little more highbrow than your standard online writing game fare (if there is a standard) without getting pretentious — just offbeat enough to be engaging. Maybe funny too, though I think I landed somewhere dark of that.

View More Information

  • x Website

Visual Communication Professional Winners

Professional Honorees
  • winner burst Professional Runner Up

    CAMBIA EL MUNDO

    By AGENCIA FELICIDAD

  • winner burst Professional Runner Up

    Henri Matisse: The Cut-Outs

    By Hello Design

  • winner burst Professional Runner Up

    DynamiCity GenType

    By XEX / XCEED

  • winner burst Professional Notable

    Initials Posters

    By Casa rex

  • winner burst Professional Notable

    Tacoma Art Museum signage and wayfinding

    By Studio Matthews

  • winner burst Professional Notable

    "In Dialogue," Pratt Graduate Communications & Package Design Book

    By Level Design Group

  • winner burst Professional Notable

    Craft Beer Meet Craft Vessel

    By ram industrial design - Rob Englert

  • winner burst Professional Notable

    Dream Brand Identity

    By Bruce Mau Design

  • winner burst Professional Notable

    Record & CD Fair In Seoul

    By Jaemin Lee / studio fnt

  • winner burst Professional Notable

    The Poetry of Transcendence

    By Eunmo kang

Student Honorees
  • winner burst Student Winner

    Chirming

    By SUKGO

  • winner burst Student Runner Up

    My Mom's Kitchen

    By Bruna Vieira

  • winner burst Student Runner Up

    Art is the Answer

    By angela granados & Kate Schwed

  • winner burst Student Runner Up

    Isotype 2.0

    By Dario verrengia

  • winner burst Student Notable

    POP-UP KITCHEN: Food on Canvas

    By Soojin Park

  • winner burst Student Notable

    Arsenal Identity

    By Viacheslav Novoseltsev

All Categories

  • Consumer Product

  • Commercial Equipment

  • Furniture & Lighting

  • Built Environment

  • Visual Communication

  • Packaging

  • Interaction

  • Service Design

  • Transportation

  • Design for Social Impact

  • Design Education Initiative

  • Strategy & Research

  • Speculative Concept

  • Open Design

 
Our Network
  • Coroflot — Design Jobs & Portfolios
  • Design Directory — Design Firms
  • Core77 Design Awards
Social
  • Instagram
  • Twitter
  • Facebook
  • YouTube
  • RSS Feed
Links
  • About
  • Contact
  • Terms of Use
  • Privacy Policy
  • Advertise
© 2023 Core77, Inc. All rights reserved.
  • © 2023 Core77, Inc. All rights reserved.
  • Terms
  • Privacy Policy
  • Contact
  • Advertise
  • About
  • )
  • m
  • Y
  • '
  • S
  • © 2023 Core77, Inc. All rights reserved.