To The TOP

My name is Heather.
I'm an artist that likes to use computers.

Specifically, I DESIGN & DEVELOP WEB SITES, CREATE FLASH PIECES, MAKE ART, and MAKE MUSIC.

web and mobile: design and development

The world wide web is a fascinating place. I remember it's inception, it's infant years, pubescence, and now it's violent, awkward teenage years. This media is still learning what it isand what it's good at. ( Read some McLuhan. ) The internet is growing, changing and coming into it's own. Happily, I'm smack dab in the middle of it.

Contact me for a quote.
  • Creative & Art Direction
  • Strategy Development
  • User Experience
  • Mobile Design (iPhone, iPad, Android)
  • Web Design
  • Web Development (HTML, CSS, Javascript, JQuery, AJAX PHP, MySQL, Wordpress, Django)

WhichWay USA is geography based book series that educates as well as entertains. I've had the opportunity to create a series of puzzles and games for the online section of the property.

Responsible for:
Maze Design, Digital Illustration

Highlights' classic game, Hidden Pictures, needed to become a mobile app. I was lucky enough to design the interface, user experience and icon.

Responsible for:
Illustration, Interface Design, User Experience
www.harleydavidson.com
launch site

Harley Davidson



Harley Davidson performed a site overhaul a few years ago. I was part of the front end development team.

Responsible for:
Front End Development
Technologies used:
HTML, CSS, Javascript
Knight Lab at Northwestern University
launch site

Knight News Innovation Lab

The Knight News Innovation Lab accelerates the transformation of the way news is discovered, analyzed and delivered by introducing and encouraging smart and practical technology innovation.

Responsible for:
Concept, Design, Development
Technologies used:
HTML, CSS, Javascript, Wordpress
David H. Brooks
launch site

David H. Brooks

David H. Brooks is a really funny man and very talented director. He's clients have included Saturday Night Live, Volkswagen, ESPN, ABC and Doritos.
Responsible for:
Concept, Design, Development
Technologies used:
HTML, CSS, Javascript, JQuery
www.AllstateRoadsideServices.com
launch site

Allstate Roadside Services

Allstate Roadside Services needed a website that communicated their custom solutions, dedication to customer relationships and high-tech capabilities. I was brought on board to head up the design and development of the site.

Responsible for:
Concept, Design, Development, Flash
Technologies used:
HTML, CSS, Javascript, XML, Flash, ActionScript
infolab.northwestern.edu
launch site

Intelligent Information Laboratory

Responsible for:
Identity, Design, Front End Development
Technologies used:
HTML, CSS, Javascript, Django
Dayna Malow
launch site

Dayna Malow

Dayna Malow is an incredibly talented singer and songwriter. I created this site to showcase her talents, sell her music and stay in touch with her fans.
Responsible for:
Concept, Design, Development
Technologies used:
HTML, CSS, Javascript, Wordpress, Flash
www.AughtSeven.com
launch site

Aught Seven

Aught-Seven was a digital studio specializing in satirical entertainment properties. While employed there, I created a cartoon web series known as Officer Bob.

My aim with this site was to capture both the satirical and cynical by utilizing "easter egg" jokes, visual puns and societal commentary.
Responsible for:
Concept, Identity, Design, Development, Flash
Technologies used:
HTML, CSS, Javascript, XML, Flash, ActionScript
Manatee Comics
launch site

Manatee Comics

Manatee is an automatically generated webcomic system that attempts to complete a common English expression in a funny or thought provoking manner. To this end, the system mines the internet for sentences, tallying words that occur next to one another. This statistical information then guides the construction of a humorous or insightful phrase that is set agaist the back-drop of a related photograph.
Responsible for:
Identity, Design, Front End Development
Technologies used:
HTML, CSS, Javascript, PHP, Wordpress
www.tryn2.com
site is no longer live

n2

n2 is a social search algorithm that connects users to the "right" friends when asking a question or looking for advice.

A crisp, modern color palette along polished textures create a "high-tech" look and feel. I also created a series of illustrations to better communicate n2's core functionality.

Responsible for:
Concept, Design, Development
Technologies used:
HTML, CSS, Javascript, PHP
The MediaMatic Show
site is no longer live

The MediaMatic Show

The MediaMatic Show is a computer generated variety show built on top of the News at Seven technology. News at Seven automatically builds news and entertainment shows; it intelligently and autonomously extracts and modifies text, information, and media from across the web, then scripts an entire multimedia presentation, complete with animated, talking anchors.
Responsible for:
Identity, Design, Front End Development
Technologies used:
HTML, CSS, Javascript, Django
www.itsybitsygourmet.com
site is no longer live

Itsy Bitsy Gourmet

Responsible for:
Identity, Design, Development
Technologies used:
HTML, CSS, Javascript, PHP, Wordpress
Jennifer Maione Vocal Studios
site is no longer live

Jennifer Maione Vocal Studios

Responsible for:
Identity, Design, Development
Technologies used:
HTML, CSS, Javascript, Flash, Actionscript

illustration: digital and analog

I love to draw. I've ALWAYS loved to draw. Be it a crayon or a graphics tablet, I can always find my "zen" while drawing. It's home base for my artist heart.
  • Digital Illustration
  • Analog Illustration
  • Character Design
  • Poster Design

These are a series of illustrations I created for a large project. I created them to explore illustration styles so that we could pick a direction for the final project. As such things go, we ended up going with a fourth direction. That project is still in progress, so no details, as of yet. I'll post updates in the future.

Responsible for:
Concept, Digital Illustration

These scoreboard tokens are used for the online WhichWay USA games. On average, I create 7 or 8 tokens per state. Each reflects a specific destination in the game and in real life.

Responsible for:
Digital Illustration

Highlights created a series of science experiment video tutorials. These are the title screens for the individual episodes.

Responsible for:
Digital Illustration
Elk Poster - Illustrations

Bone & Bell Poster

I created this illustration to advertise a Bone & Bell show at the Hideout.

Responsible for:
Concept, Digital Illustration

Billy the Kidney 7 inch cover

I created this illustration for a Sirs 7inch record cover.

Responsible for:
Digital Illustration

Knight Lab Technologies

I created this illustration for the Knight Lab's home page.

Responsible for:
Digital Illustration

Tin Man Labs Logo

Tin Man Labs is a new Austin-based company specializing in technology innovation and consulting.

Responsible for:
Concept, Digital Illustration
view on site

Be Sweet To Me Single Illustration

I created this illustration for a Bone & Bell Valentine's Day single I recorded/released (February 2012.) You can download the single for free, if you like: http://www.besweettome.com.

Responsible for:
Concept, Music, Digital Illustration

Bone & Bell recorded and released a 7 inch EP (May 2012). I created a series of drawings for 50 limited edition records. They are illustrations of imagined organs, representing each of the songs.

Responsible for:
Concept, Music, Digital Illustration, Analog Illustration

Lion Poster Illustration

I created this illustration for a Bone & Bell poster.

Responsible for:
Concept, Digital Illustration, Analog Illustration

Thanksgiving Poster

I created this illustration for a Thanksgiving party.

Responsible for:
Concept, Digital Illustration, Analog Illustration

animation: character and interface

Flash gets a bad rap, but when used properly it can extend interaction in amazing ways. Plus, it's inherent design flexibility makes for a pretty exciting canvas. I, for one, love Flash. I love designing for it, animating within it and using it to explore new ways to create immersive experiences.

  • Interface Design
  • Graphics Animation
  • Character Animation
  • Actionscript 2 and 3
  • XML integration
  • Reading/ Writing to databases
Allstate Roadside Services
View Project

Allstate Roadside Services Animation

This piece was created to act as a place-holder splash page. I developed the "line" concept to reflect the customized solutions and flexibility that Allstate Roadside Services offers it's clients. A particular challenge was to create a concept that could extend to the full corporate site and into other marketing material, as well. Ali Lawrence, a terrific animator, was a co-animator on this project and on the flash headers and footers used on the Allstate Roadside Services Corporate site.

Responsible for:
Concept, Design, Flash Animation
iMethod
view project

iMethod

I worked with McKinney - Portland, a great Portland agency, to create this iMethod's web campaign animation. It was great fun to work on, as I had just purchased Flash CS 4 and finally had an opportunity to use the new "bones" tool.

Responsible for:
Flash Animation, Actionscript
News At Seven
view project

News At Seven

News At Seven is a system that automatically generates a virtual news show. Totally autonomous, it collects, parses, edits and organizes news stories and then passes the formatted content to artificial anchors for presentation.

Once it has assembled and edited its material, News At Seven presents the content to its audience using flash animated avatars and text-to-speech (TTS) technology. The result is a cohesive, compelling performance that successfully combines techniques of modern news programming with features made by possible only by the fact that the system is, at its core, completely virtual.

You can read more about News at Seven here.

Responsible for:
Flash Animation, Character Design, Actionscript
Norton Anti-Virus Christmas Campaign
view project

Norton Anti-Virus Christmas Campaign

The piece was created in conjunction with Juice Interactive, a talented Portland agency. The microsite and banners were used to advertise Symantec's holiday marketing campaign (2008.)

FYI: it's not longer live on Norton's site, so I'm playing it off my servers. The "Buy Now" buttons don't go anywhere.

Responsible for:
Flash Animation, Actionscript

about

My name is Heather Smith. I'm originally from Texas, but now hang my hat in Portland. As an interactive art director, web designer/developer, animator and illustrator, I've got over 10 years of experience in the digital arts industry; on the front lines and in leadership. After receiving my Interactive Multimedia BA from Columbia College, my career has gone on to encompassed a diverse scale of clients (from Fortune 100 companies to individuals) and a variety of work environments (from global advertising agencies to start ups.)

I also really love to make music. I'm in a band called Bone & Bell.

Heather C. D. Smith
client logos

contact

I'd love to hear from you. These are the places you can find me online.

Email Twitter Facebook Pinterest Skype