Gabrien Symons

Selected archive

Earlier work, kept in context.

Eight projects from an earlier portfolio, selected for the way they connect interface engineering, product design, game systems, identity, and illustration. The original images are preserved here so the record does not depend on old client sites remaining online.

01 · Product and web

Editorial systems and interfaces.

Archived Business Insider homepage redesign with a three-column news layout
Archived image from the previous portfolio.
01Editorial product

Business Insider Redesign

I contributed code and design, and helped with project management and art direction. The work was a team effort alongside lead designer Jason Merriman and designer Reid Hitt.

Archived Ad Age Blogs page with author navigation and editorial modules
Archived image from the previous portfolio.
02Front-end implementation

Ad Age Redesign

I translated Jeff Gimzek’s designs into working HTML, CSS, JavaScript, jQuery, and PHP templates. The samples included blogs, data-center views, rankings, event listings, accordions, tabs, and layered interface states.

Ad Age Blogs sample Ad Age Datacenter sample Ad Age Datacenter tree sample Ad Age Power 150 sample Ad Age Events sample
Archived Creativity homepage with editorial features and a modular grid
Archived image from the previous portfolio.
03Design and front-end

Creativity Redesign

Working with Teressa Iezzi, I designed the interface in Illustrator and Photoshop, then built the HTML and CSS templates. The tableless layout emphasized clear, scannable editorial content.

  • 2010 Web Marketing Association Best E-Zine
  • 2010 Web Marketing Association Best Publishing Website
Archived Creativity video player showing recommendations, navigation, and translucent controls
Archived image from the previous portfolio.
04Product interface

Video Player

A custom Creativity video-player concept with post-roll recommendations, dropdown navigation with tabs, and translucent media controls. I designed the interface in Illustrator.

02 · Games

Systems, characters, and play.

High Seas trading screen with two market stalls and cargo controls
Archived image from the previous portfolio.
05Independent game

High Seas

A self-directed economy-and-adventure game about sailing between ports and trading goods for profit. I learned ActionScript for the project and created its artwork and animation in Flash. The original runtime is now obsolete, so this remains a visual record rather than a broken playable embed.

Pocket Mogs creature concepts combining sketches with colorful vector characters
Archived image from the previous portfolio.
06Concept art

Pocket Mogs for iPad

Creature concepts for a fast card-battle game: sketched in pencil, then developed as vector artwork in Illustrator. Preserved as concept work; this archive does not claim that the game shipped.

03 · Identity and illustration

Marks and atmosphere.

Six Media Vanguard Awards logo concepts exploring art-deco and angular vector directions
Archived image from the previous portfolio.
07Identity exploration

Media Vanguard Awards

A sequence of identity concepts built around two readings of “vanguard”: retro art deco and angular futurism. The set preserves the divergent directions as well as the selected color mark.

Blue and violet city skyline blurred by rain
Archived image from the previous portfolio.
08Digital painting

City Rainscape

A digital painting inspired by a rainy view of the city from a subway ride, made in Painter. Its softened skyline and deep foreground give the archive a quieter, more atmospheric endpoint.

04 · Recognition

A concise historical record.