Unsplashed background img 2

Flex your UX

UX services and training, tailored to your organization.

Providing user testing, wireframing, UI design, and front-end development to evolve your user experience.

navigation
Cycling'74 UX Engineer

I helped make user research and iterative design a fundamental part of how C'74 builds software.

expand_more

Cycling '74 makes Max, the premier graphical programming environment for media. Max helps artists and musicians build their own software.

"Beyond the designs that we ended up implementing, Geoff left us with a large set of observations, concepts, and practices that transformed our organization for the better."
-David Zicarelli
CEO, Cycling ’74

Max is a visual coding environment. Modular code objects manipulate audio, video, and data, and can be patched together to create complex programs.


I worked as a usability engineer at C'74 for four years. During that time we made usability a primary focus of our development of Max 7. We also released Mira, a zero-config iOS controller for Max, and a new version of Max For Live, our plugin authoring platform for Ableton Live.


Mira, the zero-config Max controller for iOS, in situ.

From running C74's first usability tests to the formation of the Product Design team, I helped develop UX theory and practice throughout the company, making user research, prototyping, and iterative design a fundamental part of how C74 builds software.

Learn more at cycling74.com, or take a closer look at the new UX improvements in Max 7.

ENVELOP UI, UX

I helped ENVELOP develop a UI for their immersive audio platform.

expand_more

I worked with Envelop to develop a UI for their immersive audio platform. This interface allows musicians to create three dimensional compositions for ambisonic performance.

Envelop interface prototype

The foundation of ENVELOP’s technology is Ambisonics, an innovative open source sound mapping technique. Using Ambisonics, artists determine a virtual location in space where they want to place a sound source, which is then rendered to a spherical array of speakers. ENVELOP is 28.4 channel Ambisonic sound system can position and move sound elements above, below, in front of, behind, and completely around an audience. A high-fidelity video projection system and LED lights embedded within the ENVELOP columns can be controlled in unison with audio to build synchronized audio/visual compositions.

Envelop speaker towers concept sketch

ENVELOP's Kickstarter campaign successfully funded the fabrication and installation of the ambisonic environment at the new media performance center, The Midway, opening summer 2015 in San Francisco. If you'd like to get involved, check out the github repo.

Afield Mobile Concept

Afield is a project to create spatialized field recordings using your mobile device.

expand_more

Afield is a timecapsule, a way of connecting to places you've left behind, a method of digitourism, and a means of collapsing physical distance.

Afield is a mobile app for creating shared auditory/ambulatory experiences. It’s like a sonic scavenger hunt where you follow your ears instead of a map. If you’re lucky, you’ll get well and truly lost in the process.

Make geotagged field recordings on your mobile device, and share them as a SonicWalk. Take a SonicWalk, and those recordings become audible beacons that you can follow as you explore your city, town, or countryside…

This storyboard outlines the basic user experiences of recording and sharing sonic walks, and touches on the signal processing concept that will be used to spacialize the sound.

Afield is under development. Check out the development blog at sonicwalk.tumblr.com

WJ Perry Web Design

I designed educational content for this nuclear non-proliferation foundation.

expand_more

The WJ Perry foundation wants to help create a new generation of activists to fight nuclear proliferation.

Former US Secretary of Defense William Perry founded this organization to raise awareness about the threat of nuclear weapons. I designed and deployed their homepage, and developed designs for educational materials to help engage a new generation of activists through interactive media.

Proposal for interactive mapping module on White Sands, NM, site of the first nuclear test.

Learn more at wjperryproject.org

USF Adjunct Faculty

I taught studio and seminar classes on new media art at the University of San Francisco.

expand_more

I developed and taught two classes for the University of San Francisco's Art and Design department: "Digital Literacy" a studio/seminar on new media art, and "Digital Media Lab" a course on graphic, interaction, and web design.

Some remnants of the course blog remain online at dliteracty.wordpress.com.

Futurefarmers Web, UX

I developed websites, installations, and immersive experiences with the Art/Design collective Futurefarmers.

expand_more

Working with Futurefarmers gave me my first experience in web development and interaction design and had a deep influence in my ongoing interests in art, technology, and community.

From their website:

Futurefarmers is a group of diverse practitioners aligned through an interest in making work that is relevant to the time and place surrounding us. Founded in 1995, the design studio serves as a platform to support art projects, an artist in residence program and our research interests. We are artists, researchers, designers, architects, scientists and farmers with a common interest in creating frameworks for exchange that catalyze moments of "not knowing".

The Free Soil project - mapping superfund sites in the Bay Area

I acted as project manager and web developer for the award winning project TransportationTown, which was featured in the MOMA's Interactive Design exhibit, Talk to Me.

Transportation Town - a city planning simulation game

Learn more about Futurefarmers at futurefarmers.com

Citroll Concept, Design

One fateful night at the kitchen table, I created a new game. Now I want to teach the world to Citroll!

expand_more

One fateful night at the kitchen table, I created a new game. Now I want to teach the world to Citroll!

Citrol is many things. A sport, an artform, a way of life...and an experiment in crowdsourcing, community engagement, design. Citroll founding fathers mufflepult, hardtoremember and I have created twitter feeds, blogs, and even Amazon Turk campaigns to spread the word and teach the world to Citroll.

All you need are a citroll ball, a citroll paddle, and a flat surface. Just roll the citroll ball onto your paddle, and lift off. That's the basic citroll, but the variations are endless...you try it!

Upload a video of yourself playing citroll and be a part of what will surely be the next big thing on the internet.

Learn more at citroll.com

Bunkerdays Music Label

I started this label specializing in limited edition cassette releases of ambient and experimental music.

expand_more

I record and release my own and friends' ambient and experimental music on my label, Bunkerdays.

Bunkerdays pulls together many of the musical projects I've been involved in over the years, including ambient, experimental, folk, and electronic music.

Erors - 'Revert'

Listen at bunkerdays.bandcamp.com

Unsplashed background img 2

Let the UX Flow

Flow: the state in which a person is fully immersed in a feeling of energized focus

I approach each client with an eye towards finding and alleviating points of friction in their design process. A fluid UX process can help steer development past breakdowns in communication, ambiguities, and ambivalence, freeing developers, managers, and designers do what they do best.

face

User Research

I sit real users down in front of a product, website, or prototype, and interview them as they try it out. Simple questions can yeild a wealth of qualitative information about how your product feels, where it succeeds, and how it can be improved.

dashboard

Storyboarding

A storyboard is like a comic strip, outlining the story of a user and their interaction with your product. It explicitly answers essential questions which might have been taken for granted - Who is the user? What do they need? How can we help?

language

Wireframes

Wireframes provide a vision of the essential structure and user flow of an interaction, without getting involved in visual design or implementation details. They outline your product's user experience and provide the roadmap for development.

blur_on

UI Design

I strive to make nice things that work in a quiet way. Typography, color, and motion need to work together to create an interaction with the user that feels real, natural, and expected.

build

Front End Dev

I'm always learning new tools and platforms. That's given me a broad base in modern frameworks for web and mobile development that allows me to quickly mockup interactive prototypes

assessment

Testing

I use A/B testing, funelling, and other metrics to make the impact of design choices tangible. Data provides insight and confidence, keeping your product's design aligned with your users' needs.