Mobile | Desktop
2011
Interaction Design
Design, Code, Complete
An interactive postcard created for the Eames Words exhibition at the A+D Museum. Using a special blend of CSS3, HTML5 and animation transitions—this postcard was created for cross-browser access including mobile and tablet based computing while complying with W3C standards.
Exhibit photos featured in NY Times, Dwell Magazine and Architectural Digest.
- BackgroundThis exhibit, curated by Andrew Byrom and Deborah Sussman, uses Eames words to focus on the lesser-known aspects of their lives, revealing their appreciation of the value of humble objects and useful tools. William collaborated with Byrom on the interactive postcard that was sent out to promote the exhibition before the opening.
The design process began with sketching and brainstorming then moved into a prototype design that was created in InDesign for interactive review and feedback. The final design was hand coded using HTML5, CSS3 and Javascript.- TYPOGRAPHIC FORMExhaustive Type Reference
Typographic Form is a reference site for typography aficionados who want to discover, learn and discuss their passion for type. The site leverages social networking, blogging and a database of typographic terms and type faces to facilitates the ongoing conversation around type as well as provide a bevy of tools for new learners.- UX | AWARENESSUser-Centered Discussions on Design
UX Awareness is site dedicated to the analysis of user experience across the web. Members post screenshots that can be marked up and annotated with ideas, thoughts and comments about the efficacy of the design approach used on the site. Members can then discuss these observations and post responses and comments of their own. UX Awareness is currently in development.- CHRIS ABDOU
Featuring the eclectic work of photographer Chris Abdou this site utilizes a special grid structure for presenting thumbnail images in a 5 tier hierarchy.- ANDREW BYROM
Designed by Andrew Byrom and developed by William Larsen, this site features a unique blend of PHP, CSS3, HTML5 and JQuery.
Contact Info
Mobile: (714) 726-6536
Email: williamjlarsen@gmail.com
Twitter: @wjlarsen
All works © William Larsen 2011.
Mobile: (714) 726-6536
Email: williamjlarsen@gmail.com
Twitter: @wjlarsen
All works © William Larsen 2011.

