Mockup · preview only
Artifact Gallery
One gallery, filtered by client and project, grouped by project. Choose an artifact to see it large with its project, then return to the same filter.
6 artifacts, protected.
Charter (Spectrum)
Agent OS
Read case studyRedesign of Gateway, the application Charter customer-service agents used on nearly every call, using design sprints adapted to an existing enterprise product.
Interactive prototype · remote troubleshooting flowRemote troubleshooting prototypeGuided programming, resolved and unresolved outcomes, and a replacement-order path.
Prototype screen · outage bannerOutage banner prototype screenAn outage overview with the prominent banner tested with agents.
Project scheduleProject scheduleOverlapping research and staggered team activities across Agent OS.
Charter (Spectrum)
TechMobile Refresh
Read case studyWorkflow-by-workflow redesign of the Android app Charter field technicians use to start, work and close jobs in customers' homes, moving from fragmented information to contextual, task-oriented workflows.
- Process diagram · discovery design strategyDiscovery design strategy diagramThe program’s phases as one sequence, from business strategy and discovery research through design workshops and usability assessment to technical analysis and handoff.
- Journey flow · Go/StartGo/Start journey flowA technician’s start of day as a test scenario: dashboard, job preview, navigation, arrival and clock-in.
- Design flow · device activationDevice activation flowEquipment added under each service by scan, buffer or MAC, with checks for unsuitable equipment and an Activate All step.
Team One · End client: Lexus
Lexus UI data mapping
UI data-mapping protocols and processes for Lexus.com, connecting interface elements to business rules and capture standards, with review practices that kept business rules, interface behavior and implementation consistent.
No artifacts added yet
TandemSeven · End client: Associated Bank
Associated Bank website
A mobile-first responsive redesign of the Associated Bank website: navigation framework, content audit, sitemap, task flows, wireframes and an interactive prototype for usability testing.
No artifacts added yet
Razorfish · End client: Delta Air Lines
Delta loyalty website
The loyalty area of Delta Air Lines' website redesign: wireframes defining interaction patterns, page structure and functional requirements, reviewed with client stakeholders and handed to offshore developers.
No artifacts added yet
Saatchi & Saatchi LA · End client: Toyota
Toyota configurator
Toyota's enterprise factory-configuration tool, a complex configuration experience designed under tight deadlines and Agile delivery.
No artifacts added yet
Saatchi & Saatchi LA · End client: Toyota
Configurator testing prototypes
High-fidelity prototypes of the configurator, built from wireframes and visual comps for usability testing.
No artifacts added yet
Riot Games
League of Legends companion app
A mobile companion app concept for League of Legends players, explored through interactive prototypes and Agile design cycles.
No artifacts added yet
Idea Integration · End client: HP
HP mobile events scheduler
A refresh of HP's mobile events schedule for South by Southwest: a new visual language and interaction patterns, built as a rapid prototype with recommended interaction improvements.
No artifacts added yet
Idea Integration · End client: Style Network
Style Network responsive site
A responsive website redesign for Style Network across desktop, tablet and smartphone, with wireframes, interactive prototypes and usability testing.
No artifacts added yet
Walgreens
Walgreens Pharmacist App
A prototype-store iPad app to help pharmacists see relevant patient information during conversations, with interactive prototypes to explore workflows before development.
No artifacts added yet
Negotiation Experts
Negotiation Experts website
A responsive website redesign for Negotiation Experts, built to specification with remote visual-design and Agile development teams.
No artifacts added yet
Cisco
Cisco Commerce Workspace
An integrated enterprise commerce workspace that replaced legacy ordering tools, with reusable interaction patterns for complex business workflows.
No artifacts added yet
Disney
Celebration Campaign
An online marketing campaign and next-generation web experience for Disney Parks and Resorts, built from contextual research into personas, task models, storyboards, scenarios and annotated wireframes.
No artifacts added yet
Negotiation Experts
Negotiation simulator
A web-based negotiation simulator: an interaction framework with reusable patterns and detailed behavioral annotations.
No artifacts added yet
UCSF
UCSF UI pattern library
A UI pattern library for UCSF web applications, with requirements turned into use cases, wireframes and prototypes built on the pattern system.
No artifacts added yet
University of Illinois
Illinois HR web front end
A web front end for the university's existing HR (ERP) system across three campuses, designed with user-centered design and the Rational Unified Process.
No artifacts added yet
- Signed out, every artifact shows its protected cover. Unlock with the portfolio password (the same one the case studies use) to see the real images.
- Clients and Projects are both checkbox lists and update the gallery as you choose. All clients and All projects are the defaults and the reset. Choosing several in one list shows any of them; between the two lists both must match. Choosing every option stays "N selected".
- A client entry or a project entry is this gallery with a filter set: add
#client=charteror#project=techmobileto the address (several:#client=a,b). Clients and Projects list every direct client and supported project from the shared records, with or without artifacts; a project with no approved artifact shows "No artifacts added yet". The project list follows the chosen clients, and changing Clients resets Projects (one available project is selected already).