Web Design

These are my favorite projects from the past few years.

http://theintersection.org

Intersection
for the Arts

Website Redesign

Roles:

  • Designer
  • Developer

Technologies Used:

  • Wordpress
  • MySQL
  • JavaScript/jQuery
  • HTML/CSS/PHP

A huge amount of information is distributed through Intersection, which made this project particularly challenging. The finished design includes multiple page options for specialized layouts and longterm flexibility. Part of this job included migrating their existing database into Wordpress format and building an archive for their older entries.

View it live at theintersection.org.

http://clifftraiman.com

Cliff Traiman (Cinematographer)

Website Redesign

Roles:

  • Designer
  • Developer

Technologies Used:

  • Vimeo API
  • JavaScript/jQuery
  • XML
  • HTML/CSS/PHP
  • Responsive Design

For this video portfolio site I built custom CMS functions which worked alongside the Vimeo API. I'm particularly happy with the UI animations that show the information below each video. I also designed the typographic layout of the client's logo.

View it live at clifftraiman.com.

http://artofhustle.com

Art of Hustle

Website Redesign

Role:

  • Developer

Technologies Used:

  • Wordpress
  • JavaScript/jQuery
  • HTML/CSS/PHP
  • Responsive Design

For the Art of Hustle redesign, I was brought onto a team as a Wordpress specialist responsible for turning the designer's mockups into a fully functioning Wordpress Theme.

View it live at artofhustle.com.

http://vicferrerproductions.com

Vic Ferrer Productions

Website Redesign

Roles:

  • Designer
  • Developer

Technologies Used:

  • MySQL
  • JavaScript/jQuery
  • HTML/CSS/PHP
  • Responsive Design

This project included building a custom CMS for the client to upload videos as well as edit text content. The videos are self-hosted, and I used video.js for playback.

View it live at vicferrerproductions.com.

http://epiphanydance.org

Epiphany Productions Sonic Dance Theater

Website Redesign

Roles:

  • Designer
  • Developer

Technologies Used:

  • Wordpress
  • JavaScript/jQuery
  • HTML/CSS/PHP

This project included categorization of hundreds of photos and bits of information from years of performances, workshops and events. I developed an extensive Wordpress theme with many categories and places for all the different types of information.

View it live at epiphanydance.org.

http://gridwalklabs.com

Gridwalk Labs

Website Design

Roles:

  • Designer
  • Developer

Technologies Used:

  • MySQL
  • HTML5 Audio API
  • HTML5 History API
  • JavaScript/jQuery
  • HTML/CSS/PHP
  • Responsive Design

This site is for my own electronica netlabel project, and includes a custom built audio player and system for managing music releases. I used the HTML5 History API to build this as a single page application (SPA) so music playback is never interrupted as the visitor browses.

View it live at gridwalklabs.com.

GRAPHIC DESIGN

Logo for Fista Cuffs. Los Angeles / San Francisco
Logo for DJ Wednesday. Los Angeles
Logo for Docko. San Francisco
Logo for Now in Pixel exhibition. San Francisco
Alternate Logo for Fista Cuffs. Los Angeles / San Francisco
Logo for the New Play Institute at Playwright's Foundation. San Francisco
Logo for VCO Vault. San Francisco
Album cover for the Hex Adventure by Spectrum Electric. San Francisco
Single art for the Moss Bouquet by Spectrum Electric. San Francisco
Single art for the Hypercube by Spectrum Electric. San Francisco
Album cover for the Yume No Shiro by Spectrum Electric. San Francisco
Album cover for the Tse Po Siib by Spectrum Electric. San Francisco
Album cover for the First Contact by Fista Cuffs. Los Angeles / San Francisco
Book cover illustration for the Decades Collection from The Institute of Idle Time. Sacramento / San Francisco

Projects

GRIDWALK LABS

A futuristic netlabel for technology based music.

In 2013 I launched Gridwalk Labs, a netlabel for publishing electronic music. The mission is to use cutting edge web technology to feature forward-thinking artists and musicians. We currently have six releases from three artists, and have several more in production.

The website was built as a single-page application centered around an HTML5 music player. The music player automatically advances between songs and albums, allowing continuous listening.

.GIFSLAP

An open-source VJ program made with JavaScript and .gifs.

.gifSlap is a live visual performance tool that I began developing in March 2013. It uses JavaScript to continuously manipulate .gifs on the DOM, which can be controlled with the mouse/keyboard and MIDI. Performances can be recorded with music, saved as data and replayed. The online version allows users to upload and save their own sets of .gifs and switch between them on the fly. The project is in ongoing development. Check VCO_Vault for upcoming performances and demos.

MUSIC PROJECTS

The Spectrum Electric

A two-man project focusing on producing high-quality electronica albums as well as memorable live experiences.


Eurostache

An experimental psychadelic performance group centered around audio manipulation, found sound, circuit-bending and sometimes theatrics.

About / Contact

Donald Hanson:

(916) 296-4468

Don@Gridwalk.net

Thanks for checking out my site! Here's some info about me:

I'm a designer/developer, artist and musician living in Pacifica, CA. My degree is in Visual Communication Design from SF State University. I spend my time writing code for the web, developing VJ software, and performing as VCO Vault and with Spectrum Electric. I also run Gridwalk.net, planning releases and scouting for new artists. As always, get in touch if you want to!