2015-11-22

Bike Navigation

My idea came from the need to extend HERE Maps to bicycle navigation. I convinced a group of employees who volunteered their time to build a hardware device that connects to the HERE app on Android. I designed the hardware, icons/animations and the team built an open-source toolkit to allow anybody to build a custom bike navigation device. The device gives you turn-by-turn directions with tiny animated LEDs and is Arduino compatible.

2015-01-30

HERE Map Gestures

The design of maps gestures. It appears like something simple, but the details make it feel effortless to navigate the map.

2014-08-12

HERE Map Pin

Hello new Map Marker for the new HERE brand.

Designed to fit the 45 deg angle of the brand, be visually distinctive and is completely flexible for use across different platforms / devices / experiences.

We began by researching existing digital map markers from across the web. We found the archetypical versions of a pin with a round head very common and not very flexible. After creating a lot of sketches we decided on the theme of origami & paper folding. The animation action became a bit complicated to implement and tiring to look at for users. But the folded pin stuck around.

2014-04-24

HERE Venue Maps

image

image

The challenge of this project was to integrate a map within a map. Each of the 5000+ venues are accessible from within the HERE Maps App. Clicking on a venue actually takes you into a mini-map world with all the individual shops visible, a different set of venue specific icons and the ability to change floor levels. I really enjoyed working on this project and am very happy to see it spreading across all the other platforms.

2014-03-04

HERE Map Gesture Android

HERE Map Gestures for Android

After working on HERE Map Gestures for both Windows Tablet & Phone next came Android.

2014-01-01

HERE Map Creator

HERE Map Creator

The HERE Map Creator website enables people around the world to make and edit HERE Maps. Large communities of people are adding their local knowledge which in turn benefits the larger community.

The first task when re-designing the site was to build new connections within the HERE organization. The developers of the HERE site sat in a different city many kilometers away. They had been working on the previous site without a designer. Getting to know them, their needs and introducing them to the design process was a pleasurable experience on all sides.

Once the design process began it included: competitor benchmarking, developing personas, logic flows, wireframing, site visual mockups, and the metrics for measuring the success of the site redesign.

https://mapcreator.here.com

2013-03-04

HERE Map Gestures for Windows

HERE Map Gestures for Windows Phone

Just what you would expect, but better. Pan, zoom, rotate & tilt. After battling with MS about which direction the tilt should work we finally agreed. Then Google followed us.

2013-03-04

HERE Map Gestures for Windows Tablet

HERE Map Gestures for Windows Tablet

You know how it is supposed to work… touch the map and make it pan, zoom, rotate & tilt intuitively. Check.

2012-03-04

HERE Maps Controls

HERE.com

HERE Maps - map controls.
Zoom, Pan, My Location, Map Switcher Bar, Mini-Map, Ruler & Scale. Ever wonder why most digital maps do not have a legend? Me too.

https://www.here.com

2011-03-04

HERE 3D

HERE Maps 3D

Before there was Apple Maps 3D there was HERE Maps 3D. After launching this site Apple quickly bought the company we partnered with.

Integration of 3D maps into the HERE.com website.
Concepts, wireframes, interactions & map controls.

Awesome fan made video by Paul Wex!

And before there was HERE 3D there was Nokia 3D…

image

And before that there was Ovi 3D.

This was a city selector. Clicking on an image would take you to a great view of the city along with a slow rotation.

image

Ah yes, San Francisco.

image

2007-03-20

Detail Magazine

Detail, Detail 360 & Detail X

Website re-branding.

2006-08-12

Atlas Machines 3D

Atlas Machines - Renderings

The Atlas renderings were an interesting challenge. These machines are each the size of a single family house. The original files from the engineers included every little nut, bolt & screw. File sizes were very large. The challenge was to accurately portray the scale of the material for the size of the machine. These machines were printed in large format for display at trade shows and used for a variety of marketing materials.

All of the renderings were created for ThreeView in Munich, Germany.

2006-03-20

Add Impulse Media

Add Impulse Media

Website re-branding.

2001-04-27

Digital Atmosphere

Digital Atmosphere

An interactive artwork displayed at the Santa Monical Museum of Art during the Art In Motion (AIM) Festival.

This was a custom built 6 speaker surround sound system with a Korg Kaos pad hanging in the middle of the dance floor. A DJ played music while dancers could interact with the sound of the music in real time. The project won a grant from ArtCenter in Pasadena and was also displayed at USC in Los Angeles.

2000-08-12

Motion Bubble

Motion Bubble - Masters Thesis

An interactive motion Bubble. 

Built in 2001 before 6 axis accelerometers were inexpensive. This one used piezo film with weights attached to a converter that would take the electric pulses from the film and convert them to midi. Then using MSP & Max I created a series of 8 different interfaces. The software turns the Bubble into a game, lamp, or personal communication device. 

This became my graduate thesis project. One of the most important discoveries of the project was the formula:

xyz = rgb

2000-03-20

Supply Pro

Supply Pro - Kiosk Interface

This was one of the first interfaces I worked on. The company built a variety of kiosks that were used in offices or factories to distribute supplies to workers. One interesting use was to hold power tools and the miscellaneous supplies that went with them like a power drill & bits. The interface allowed a user to check out the tool, then later return it and make a note if the tool was worn or damaged. Pretty high tech for 1999.

2000-03-20

Children’s Hospital

Children's Hospital of Los Angeles - Kiosk Interface

“A new interactive kiosk for Children’s Hospital of Los Angeles celebrates the city’s diverse communities and highlights the spirit of giving that makes the hospital possible. To appeal to an audience of all ages and backgrounds. Harvest Moon Studio created a highly visual, animated interface. We provided turn-key services to the exhibit designer and builder, Lexington Scenery, in time for the hospital’s Centennial Celebration in May 2001.” - Harvest Moon Studio

“Fantastic! It’s received rave reviews and has proven to be quite durable. Thanks for all the hard work.” - J.S. Manager, Children’s Hospital LA

A big thanks to Heather and Mark @ Harvest Moon for getting me into the business.

1999-03-20

Behr Paint

Behr Paint - Kiosk Interface

A comprehensive kiosk for creating color palettes, matching colors with textiles, visualizing the colors in 3D interiors and outputting the color formula to create the color in paint.

Installed in big box hardware stores like Home Depot across the USA.