Work

makers gotta make

2024

Creeper 2.0

I made a new mobile web / web version of my previous 2020 Creeper Android app, because the previous one went defunct. I didn't update it. You can probably find it on Wayback Machine though. So here's a new one, with vanilla code. I've only tested on Safari on an iPhone, so not sure if it works on other platforms. Also, it uses the camera, but I don't track or record anything. It's mostly an art + game that pokes fun of our complacency with being watched. Try and creep on someone with your phone camera. Once they look away from the camera, you've lost the game!

Creeper 2.0

Mt St Helens 2023 Hike Visualization

Here's the hike I did up Mt St Helens in 2023. It's interactive and shows the route. Built with P5JS and Mapbox.

Mt St Helens Summit Hike

Portland 2024 Runs

I've been running a lot in 2024. I mapped all my run's GPX coordinates. You can see things like, how many times I ran around a track. Built with P5JS.

Portland 2024 Runs

Ten Pounds - 2024 Redux

I made a new mobile web / web version of my previous 2020 Ten Pounds Android app, because the previous one went defunct. I didn't update it. You can probably find it on Wayback Machine though. So here's a new one, with vanilla code. Btw, I built a lot of it w/ help from Claude AI. I've only tested on Safari on an iPhone, so not sure if it works on other platforms. Also, it uses the camera, but I don't track or record anything. Enjoy staring at your phone, while hanging your ten pound head!

Ten Pounds for mobile web

The Perfect Scroll - 2024 Redux

I made a new mobile web / web version of The Perfect Scroll, because the previous one I made went defunct. I didn't update it. You can probably find it on Wayback Machine though. So here's a new one, with vanilla code. Btw, I built a lot of it w/ help from Claude AI. I've only tested on Safari on an iPhone, so not sure if it works on other platforms.

The Perfect Scroll for mobile web

Art Collectible available on Metalabel

LLM and AI Experiments

Here's a couple of LLM experiments and bots I made with Google AI Studio.

Storybot - Simple Story Generator

Milwaukee - Condo King

Rooster Rock / The Gorge oil painting

Oil painting of the Columbia River Gorge / Rooster Rock.

2021

30 portraits in 30 days

I got inspired to hand draw 30 self portraits in 30 days. It's a mix of pen and paper, with some iPad sketches. I was inspired that Van Gogh, in the last 10 years of life, produced an average of 1.5 pieces per day. #art

2020

Dudley designs a train

Here's a book I wrote and illustrated. It's about Dudley the chimpanzee who is a designer. He collaborates with his friend Ellie the elephant to design and build a train together.

Growing up, there weren't many books about design, and it was often conflated with visual/graphic design. I wanted to create a book to inspire young designers. You can purchase copies below on Amazon and Blurb:

Paperback (on Amazon)

Paperback (on Blurb)

Hardcover (on Blurb)

Kindle ebook (on Amazon)

Ten Pounds

Your head weighs around 10 lbs! Do you have what it takes to see how long your neck can support your head, while you stare at the screen! We love our phones!. The app was taken down from the Google Play store, but here's the old url:

https://play.google.com/store/apps/details?id=com.druck.tenpounds

Creeper

Creeper is a joke game app to see how long you can point the camera at someone. Do you think you can creep on someone long enough to get the high score?! The app was taken down from the Google Play Store, but here's the old url:

https://play.google.com/store/apps/details?id=com.druck.creeper&hl=en_US

The Perfect Scroll

The Perfect Scroll is a joke game that satirizes how long you can mindlessly scroll for 2 hrs and 23 minutes! The app was taken down from the Google Play Store, but you can still see the link here:

https://play.google.com/store/apps/details?id=com.druck.theperfectscroll&hl=en_US

Various mandolin songs, and beatza-beatza

Played with a Mandolin Eastman, Audacity, Mandostang, Garageband. #music

2019

Mando song

Played with a Mandolin Eastman. #music

Comedian

Making jokes.

2018

The Google UX Design Internship: an Intern and Manager’s Perspective

A Google colleague, Sonakshi Watel, and I wrote a Google Medium article together called "The Google UX Design Internship: an Intern and Manager’s Perspective". Check it out! #design

7x7

These are a few visualizations I created by logging GPS points on my Apple Watch, and then coding visualizations using Processing. This is my bike commute (on a Bianchi Volpe and Vintage Ebike Cafe) from the Sunset neighborhood, to downtown SF. This covers 49 bike rides, 399 total miles, and 35 total hours. I also printed out one of the visualizations onto stretched canvas. #art

Buy the NFT

Whale!

A little whale watercolor painting, swimmin' with da fishies! #art

Bouree I and Menuet in D Minor

Played with a Mandolin Eastman MD804-SB and produced with Audacity. #art

Wedge table

Pine, Classic Mahogany finish, nails, glue #art

2017



Crosswalk paint at Ortega and 34th in SF

I got the City of SF to add crosswalk stripes to slow down traffic. Here's the story. #activism



Lunch Time 2017

Mindful eating baby!

Developer Keynote from Google I/O May 2017

Actions on Google

Actions on Google is a developer tool to help developers build apps for the Google Assistant. I'm the UX lead for the developer experience, which "helps developers work as a team, and collect data on app usage, performance and user discovery patterns." Here's some press:

File under #design.

Bach's Menuets

Arranged by Achille Bocus; played with a Mandolin Eastman MD804-SB and produced with Audacity. #music

Menuet II visualization

Here's a little trippy music visualization of Menuet II made with p5js. Just turn up the volume and click the sketch. #art

Businterest Cards

Often, when we introduce ourselves we say what our profession is or what-we-do. People immediately form an opinion and narrative about you. Unfortunately, this isn't the "whole" you. Here's a little tool so you can make a business card to introduce yourself, soley based on your interests. Add in 5 interests, adjust the sliders for how much you really care about that interest, and print it out! This was made with p5js. #art

2016

Coffee table

Redwood, Pine, Steel rectangle brackets legs #design

Mid-modern century nightstands

Douglas fir, Red Mahogany Finish, Wood Round Taper Table Legs. #design

2015

Google Who's Down

Who's Down is a simple lighweight messaging app, that let's you easily get together with your friends. I was the co-creator and lead designer. It was available on https://itunes.apple.com/us/app/whos-down-spring-2016/id968566099 and https://play.google.com/store/apps/details?id=com.google.android.apps.social.plans. Here's a Techcrunch article. #design

2014

Hotdish

Hotdish is a delicious experimental Firefox add-on that makes it easier for you to work and communicate in the browser with multiple people in real time. This prototype was created to try to emulate ambient physical workspaces, in the browser. This is work-in-progress. #design

2013

B4by

This Firefox OS app shifts our understanding of our relationships with our phones. We treat our phones like a baby. We keep them both close and give our undivided attention to them. This Firefox OS app, called B4by, simulates your phone's behavior as a baby. The baby wakes up when you leave her alone for awhile, and then to put her back to sleep again, you need to pick her up upright and hold her close to calm him down again. The app uses the device's accelerometer, light sensor, and sensor proximity, so you need to pick up the phone upright and bring it close to your chest to stop the phone from crying.

Watch the video on YouTube here: https://www.youtube.com/watch?v=TUx0r4v2Eaw

TogetherJS

TogetherJS is a free, open source JavaScript library by Mozilla Labs that adds collaboration features and tools to your website. By adding TogetherJS to your site, your users can help each other out on a website in real time. I was lead designer who designed the product and the marketing material. I also handled significant front-end UI work and prototyping. We had a total of 244,546 TogetherJS sessions created from 9/19/13-11/6/13 and 228,511 sessions between 12/23/13-2/13/14. TogetherJS has been added to JSFiddle, MLS Listings, Mozilla Thimble & Popcorn, .Net Fiddle, Trello, Rentapplication.net, resumebit.com and many more. Here's another article on The Next Web. #design

Clint Picasso

Draw on your phone, then slingshot the drawing up to the canvas on your browser! You can also draw with your friends in real-time! Use any mobile device (tested on an iPhone 4S and Android w/Ice Cream Sandwich). This was just a little side project I did to play with cross-device interactions. You can watch the demo video here. #art

Drawl

Drawl is a simple drawing application for your Firefox OS phone. Users can use different brush styles, sizes and colors to draw on the canvas. They can then save the drawing to their Firefox OS Gallery app and share it with their friends. This is part of a larger experiment to gauge how to get designers contributing to open source projects on GitHub. There have been 3,196 installs between 10/21/13 - 2/16/14. You can watch the demo video here. #art

Sticky

Sticky is a simple Firefox OS app that allows you to take a photo of someone’s face, then select a sticker, and place it on top of the face. You can place multiple stickers on the face, and then you can save the image to your Gallery app on your Firefox OS phone and send it to your friends.. This is part of a larger experiment to gauge how to get designers contributing to open source projects on GitHub. There have been 2,388 installs from 10/30/13 - 2/16/14. Watch the demo video here. #art

2012

Patent: System and method for touch-based communications

I invented a new a system and method that enables users to convey nuances of mood and feelings through haptics. Here's the patent #invention

Yahoo! Hub

Yahoo! Hub is a lightweight, easy-to-use, mobile messaging Android application. Users can create group conversations with friends and family. Here's the Endgaget article and a demo video. Here's another link to Yahoo! Hub on Next Web. #design

Yahoo! Mail interactive themes

Collaborated with Bryon Engelhardt and Alicia Korn to create whimsical, interactive Yahoo! Mail themes that use the MacBook Pro's accelerometer to manipulate the animations. The Snowing theme uses CSS3 animations to make the snowflakes float down the page. We created this for a holiday theme. The UFO theme uses the MacBook internal accelerometer to move the flying saucer around on the page. The Flowing water theme uses theaccelerometer to create a flowing water-like experience in the header. These were in Mail, but are no longer there due to the redesign. #art

2011

SubGab

See something, say something, SubGab something! New Yorkers can use crowd-sourcing to get real-time NYC subway status updates. The more people who use it and participate, the better the results! SubGab is an iPhone application that uses Twitter’s network, which empowers New York City subway riders to critique, comment and document their beloved subway. As a result, users can see real-time text and photo updates for trains, stations and riders. See a funny person passed out on the train?! Gab it! Mad the F in Brooklyn is still late?! Gab it, and let others know to take another train! Watch it on YouTube and Vimeo. #design

Sieve

Information overload is a problem. This is especially prevalent in platforms such as Twitter in which there is content flowing quickly through, but it soon becomes lost and overwhelming to you. Sieve attempts to solve this problem. Sieve is an iPad application that quickly manages, searches and filters your Twitter content. In doing so, Twitter’s content becomes more relevant, current and useful to you. We built a mobile web iPad application/prototype as a proof of concept. #design

myETD

myETD (Estimated Time of Departure) is a free, cross-platform, cross-device mobile application for the NYC subway riders. It displays a countdown to when the next trains depart and status information. It uses the NYC subway’s timetable information and service status feed. Add a stop to your favorites to quickly check when trains are arriving and departing from the places you travel most often. myETD’s station pages are color-coded to give you a glance-able understanding of how the subway is operating. Green = Good Service. Red = Delays. Orange = Planned Work or Service Changes. #design

2010

Fleur

Fleur is a ubiquitous computing prototype I built with Garrett, Haeyoung and Pritika. The idea is to create an ambient email notification device using flowers. The flowers, which have a psychosomatic effect of reducing stress, try to balance a user's stress that is sometimes associated with receiving email notifications. The experience is meant to be calming and soothing for the user. Each flower is associated with a specific contact/label in Gmail, and the LEDs on the flowers light up if there is an unread email from that contact or label. When the user reads those emails, the LEDs turn off for each corresponding label. Ideally, we would want a fragrance to be emitted instead. This was built using Arduino, hooked up with a Python script that parses Gmail. #art

2009

Laff Trak

A simple iPhone app that plays sitcom audience tracks when you press buttons. For instance, if your friend walks into the room, you can press the applause button and the app will play an audio track for laughter and applause. It's fun for the whole family! #art

Popcorn and Politics

As part of a collaborative class between Parsons and the New York Times, Ramsey Nasser and I created a data visualization depicting relationships between the film industry and the 2008 US presidential candidates. We pulled data from the New York Times Campaign Finance API, IMDB, film-releases.com and the FEC. The visualization depicts how much money producers from specific movies donated to 2008 political candidates. In addition, we presented the project at the New York Times in February 2010 and the project has been posted on the NYTimes site. #art

The Cherney Apprentice

"The Cherney Apprentice" is a magical tale about a busy young man who just doesn't have time to wrap his food and do other really sweet things. How will he ever find time to do both things that he loves so much? Here's "The Cherney Apprentice", with some final touches. #art

2006-2009

ESPN Rise

I first worked as a web designer at RISE Magazine, which was a high school sports magazine and social networking site. The site and company got acquired by ESPN, where I worked on the espnrise.com site until 2009. #design