The Portfolio of Chris Watkins, Cartoonist & Storyteller, Creative Leader, User Experience Designer

Thanks for visiting. I'm Chris Watkins, a visual storyteller, a designer of user-centered product and app experiences, and a leader of creative teams.
I've published comics in print and pixels, developed user experience design languages and holistic out-of-box experiences, designed characters, created storyboards, UIs, wireframes, icons, and prototypes, taught English, studied Japanese (and played many, many games). Please take a look at some samples of my work, below. (You can also explore my webcomic and some related comics work at

Download Resume :: :: LinkedIn

:: You're viewing my Experience Design work ::
See my Comics, Characters, & Illustration >>

Bose Out-of-Box Experience

The challenge: Coordinate and direct the work of packaging art and copy, packaging industrial design, interaction design, and user documentation teams to begin producing holistic out-of-box experiences that reflect Bose quality and brand.
The solution: Ongoing evolution of packages and experiences that integrate a new brand expression system and a deeper level of customer-centered thinking, from how customers really shop, to leveraging apps in setup and streamlining in-box documents. Leading the ongoing development of a new strategic vision built on principles of gratitude and respect--for our materials, our products, and most critically, our customers.

Bose User Experience Design Language

The challenge: Lead a team to develop a comprehensive design language that governs and guides user experience design across the portfolio of Bose consumer electronics.
The solution: A strategic high-level set of principles and tenets coupled with an actionable collection of guidelines for interaction and graphic designers. Implementation across the Bose portfolio, starting with the ecosystem of SoundTouch wireless music products. (See Bose wireless speakers, home theater systems, and headphones.)

Kodak Slice UI: Image ReviewKodak Slice UI: View By DateKodak Slice UI: View By Face

Kodak Slice Touchscreen Camera UI

The challenge: Create an intuitive and engaging way for users to relive up to 5000 pictures worth of memories on the back of a touchscreen digital camera.
The solution: Added granularity in the basic image review experience with a scalable thumbnail overlay and real-world modeled "flip book" navigation through pictures. Auto and manual filtering including date-based photo stacks in a time line style view. Fast and easy sorting by person with a quick double-tap to search by face.

Kodak Easyshare Touch UI: Video TrimKodak Easyshare Touch UI: Spot Color EffectKodak Easyshare Touch UI: Keyboard

Kodak Easyshare Touch Camera UI

The challenge: Lead an interdisciplinary team of interaction designers and human factors engineers to develop a touchscreen camera UI with competition-busting performance.
The solution: Completely redefined touch interactions and directed overhaul of specification documents. Gathered data from expert evaluators, consultants, and user testing to refine designs in iterative rounds with firmware developers. Final implemented touch experience was rated by users and evaluators as nearly double the performance quality of key industry competition.

Kodak Camera UI: Image CaptureKodakDesign Camera UI: Image ReviewKodak Camera UI: Settings Menu
Kodak Camera UI: Image Thumbnail ViewKodak Camera UI: Camera Back Button Set
Kodak Camera UI Platform

The challenge: Translate a newly developed visual and interaction design strategy concept into a robust user-centered UI design for use across Kodak's digital camera portfolio.
The solution: A new UI implemented on over forty cameras across multiple portfolio years, on a variety of camera types (low-cost, high-feature, and "pro-sumer" models). Visual design made consistent and subdued to bring user content to the forefront. Key features given immediate access via shortcut bars and in-line menu editing. Controls simplified and confusing hardware button repurposing eliminated. Icons revised and supported with dynamic text messaging for clarity.

Kodak Icons and Search Engine: Sample Icons for Cinema and Medical Software ApplicationsKodak Icons and Search Engine: Design Grid & PaletteKodak Icons and Search Engine: Search Tool Home Page Mock-Up
Kodak Icons and Search Engine: Search Results Page Mock-UpKodak Icons and Search Engine: Tool UI Design Process Artifacts
Kodak Icons and Search Engine

The challenge: Develop a library of icons, and method for designing new entries, for Kodak professional software applications. Create a web-based database search engine to quickly scan, find, and identify uses of icons in the library.
The solution: A co-created language for consistent iconography across applications, including visual metaphors, construction and design rules. Wireframes, workflows, visual design and coding implementation of a database search tool for department-wide use.

Kodak Digital Cinema: CineServer Home ScreenKodak Digital Cinema: Player ConsoleKodak Digital Cinema: CineServer New Playlist Creation
Kodak Digital Cinema: Management System - Load Content ViewKodak Digital Cinema: Management System - Content Migration View
Kodak Digital Cinema

The challenge: Devise a touchscreen UI, following established visual design guidelines, for movie theater projectionists to use in loading, playing, and creating playlists of digital video content. Update the Cinema Management software UI with new screens and updated features for whole-theater content management.
The solution: For the projectionist, an uncluttered but feature rich UI that emphasizes ease of touch control and visibility in low light conditions. For the manager, at-a-glance view and control of content management features with consistent visuals that bridge old and new systems.

Download Resume :: :: LinkedIn