For the ground-up redesign of the Mode Stories app, we sought to create an immersive and elegant experience for Mode's image and video-rich, curated content. I led UX/UI on the Product Design team, from strategy through design, development, and VQA. The lighter-keyed, performant UI design system I created became the new standard for the Mode platform. I ultimately extended and reconciled the system into patterns optimized for desktop and mobile responsive products.
Strategy, UX, and hands-on lead UI design of a responsive web and native app solution for video upload/creation, consumption, and in-feed promotion on the Mode consumer product platform. I performed all UI work for the feature set: concept through design, prototyping, development and QA. It's worth noting that these visuals were made to family with existing Mode design patterns, which were created before I was at Mode.
DNN (formerly DotNetNuke) makes one of the most widely used open source CMS on the web. I served as the Creative Director and sole designer, working closely with their leadership team to reimagine the brand and products from the ground up – strategy, naming, identity, application, and production. The new DNN brandmark is a beacon, referencing DNN’s mantra of commerce and community in balance. Two shapes create a new form greater than the sum of its parts. The narrative is bold and minimal in application: focused palette, custom illustration, and photography from their community.
I served as Creative Director and hands-on design lead, working directly with company leadership, marketing and development stakeholders. Over the course of a few weeks we ran a couple of design sprints exploring UX strategies for a new suite of products, which resulted in prototypes I presented to the board. From there, I performed lead UI system design work for the initial launch product, Evoq Engage, and coordinated the design through development and QA. Evoq Engage is a powerful set of responsive web tools to measure community engagement and manage users.
The Mode Creator Program recruits writing talent to create content for the Mode.com platform. For the program launch, I provided content and design direction on an instructional video, “How to Build a Story on Mode” (produced by OneNet Marketing), and designed the accompanying responsive web pages. It's worth noting that these visuals were made to family with existing Mode brand standards, which were created before I was at Mode.
Working with Tesser in SF, I was one of two lead designers on the final round of Wendy’s rebrand. We were tasked with mining the space between two very different consumer-tested final design concepts for the new Wendy. After hundreds of minute iterations and meticulous spline-tweaking, the new Wendy cameo and wordmark was approved and ready for prime-time. I then art directed and designed the rebrand style guide.
Mode Insights is a responsive web dashboard linked to the Mode.com user profile page which provides real-time content engagement and comparison performance data on the Mode.com platform. As Design Director I helped shape the UX and content strategy, and was the sole UI designer through production, development, and QA.
Tronic.fm is a platform to discover, promote and engage the Electronic Music community. I worked closely with founders to clarify strategy, then designed the brand platform, identity, and launch materials. The chosen brand concept references a dynamic bump in the wav form – the beat drop.
Identity and design for BrightTalk GO, an event series targeting social marketing professionals. I worked with creative and marketing leads to develop a range of concepts, then refined and applied the chosen concept through production – responsive site, invite, and banner campaign.
DNN approached me with a deceptively simple request – create imagery for their corporate values. Instead of lush stock photo landscapes with large point motivational clichés, I designed a pop-fueled campaign concept called “Doing.” The results, by all accounts, made an impact and positively transformed the office.
Tenor is a boutique brand, marketing, and communications consulting firm specializing in work for VCs, private equity firms, and startups. I worked with principals on brand strategy, and designed a range of identity concepts. The chosen mark conveys a sense of foundation, alignment, and growth.
Following Tesser’s redesigned brand identity and store remodel for Del Taco, I was contracted to design concepts for environmental graphics and packaging. The chosen concept is traditional Mexican papel picado folk art as context for brand and food quality messaging.
MintyFresh Digital is an SF-based advertising agency doing some very cool work. And that's pretty much what the design concept is all about. MintyFresh = cool ideas.
“Artpack” are environmental graphics – campaign and branded installations for signage, wall applications, and functional installations. I designed concepts that play with dimensional and scale relationships, unique materials, finishes, and lighting. All of the following were contracted by Tesser in SF for their clients: Papa Murphy’s, Denny’s, Wendy’s, Popeyes, and Chili’s (not included here). Interior and architectural design by Tesser.
Working on gig posters and band collateral is a blast. No clients, no rules, totally subjective and indulgent. Simple fun.
Menuboard system concepts for Ben & Jerry’s scoop shops, while on contract for Tesser. I explored materials, method (hooks, magnets, slats, etc.), and created a flexible menuboard system with swappable panels for flavors and promotional graphics. While the chalkboard direction wasn't one of my initial concepts, I evolved the design significantly into final production. Currently in stores.
Scale Venture Partners (ScaleVP) invests in early-in-revenue technology companies in SaaS, Cloud, Mobile and Internet sectors. I worked with principals, was hands-on lead design, and managed development – building a dynamic site with team blogs, video, news, Twitter feeds, and portfolio company profiles. I also worked with photographer Melissa Kaseman on new team and portfolio company CEO profile photos.
Special thanks to Matthew and Carol at Tenor Partners.
Sock puppets, falsetto, lo-fi ‘80s music video goodness. Channel partners, CTOs, and data center owners were the intended target audiences. The concept was developed with Scott Gagner (who wrote and created the music). I art directed the effort: creating storyboards, building puppets & costumes, designing the environments, and directing the animation production.
Mute Mornings is an SF-based producer/musician, and “Lullaby” is his debut LP. I wanted to create a minimal, elegant design concept to suit his dreamy, textural arrangements. Abstract shapes approximate letterforms in the album title. You simply have to lay your head down on a pillow to recognize the idea. Produced as a limited edition silkscreen print.
You can stream and purchase “Lullaby” on Bandcamp.
In partnership with Wheel Media, I did hands-on UX & UI design for the UCSF Dept. of Orthopaedic Surgery (DOS) website. The DOS is a network of patient care specialties, research labs, educational departments, community outreach programs, and hospital facilities. They're autonomous brands, each with a unique clientele including patients, researchers, students, faculty, and press. Our challenge: make a complex information architecture easy to use, and provide a unified parent brand experience for the Department. I also art directed video production and a shoot of custom photography.
Liaison Artists is an SF-based talent agency primarily focused on international electronic music acts. The client requested a range of wordmark-only design solutions for the identity. I leveraged the “L” motif as structure for the business cards and website design. The site's focus is the artists – dynamic profiles with audio players, videos, press kits, news, and gig information.
As a kid I spent hours mesmerized by the intricacies of album art (thanks Storm). It was my first introduction to the graphic design world. So it's always a thrill to do band or music-related work. However, when it's for my band, there's a layer of added complexity. Inspired by lithographs of occult symbology, I designed an enigmatic diagram, maybe a doorway or puzzle. Something’s happening in there.
“Get Perpendicular” was a viral hit – a Schoolhouse Rock throwback explaining HGST's perpendicular recording hard drive technology. A followup, “The Dawn of the Tera Era,” went technicolor to promote their new (at the time) tera drives.
Scott Gagner and I developed both concepts and he served as AD on “Get Perpendicular.” He also wrote and produced the music for both videos. I was CD, AD, and Illustrator on Tera Era, and CD on Get Perpendicular.
Following Adobe’s acquisition of Macromedia, all employees were required to view this overview of the Adobe brand values. It's an immersive narrative with videos of artists and Adobe leadership, culminating in a quiz. I served as CD on the project, co-wrote the script, and directed a team of designers and animators.