hammuworks

Embedded product experience / HP

A quieter interface.
A clearer experience.

A touch interface that belongs to the product—bringing clarity, consistency, and a little delight to everyday printing.

Project
HP Magic Touch Panel
My contribution
Visual design & design language
Scope
Global design initiative
Status
Product interface

01 / The challenge

Create one visual language for the entire interaction.

A compact monochrome display needed to support everyday printing tasks without competing with the product’s physical form. Small-screen legibility, touch targets, icon clarity, and localization all shaped the experience.

02 / My contribution

Bringing the pieces together.

My visual design work helped bring typography, iconography, interface states, and motion into a coherent design language. Close collaboration with interaction design, research, and engineering was essential to make that language work within the hardware.

HP Magic Touch Panel diagram showing the monochrome screen and capacitive buttons
The compact control panel and its touch controls, from the original portfolio.

03 / Design decisions

The thinking behind the work.

01. Make the essentials visible

Use contextual controls and a clear information hierarchy to reduce unnecessary visual elements on the small display.

02. Design behavior as part of the system

Document screen patterns, components, and transitions so the experience stays consistent across states and product touchpoints.

03. Test the details that carry meaning

Evaluate readability, touch sensitivity, scrolling, and icon comprehension. The portfolio describes icon testing in India, the UK, the US, and Germany, with 15 participants in each country.

Detailed interface specifications from the HP Magic Touch Panel style guide
Design detail from the original project portfolio.

04 / Outcome & perspective

2022 design recognition

The HP Magic Touch Panel UI received recognition from the UX Design Awards and Design Management Institute. The portfolio documents 80+ master screens and 20+ prototypes in the design effort.

What this work demonstrates

The project brings physical constraints, interface craft, and a shared design language together. Its strength comes from coordination across disciplines as much as the individual screens.

From the first question to the final detail

The complete design journey.

Explore the research, decisions, iterations, and original project visuals below.

01 / 15

Project overview

HP Business/Consumer Printer
Control Panel UI Design

An overview of a 3:1 inch control panel interface design for the business/home based printer.

HP Magic Touch Panel showing the illuminated Copy interface
UX Design Awards special mention 2022
02 / 15

The brief

The brief — original magic touch panel project material
The brief · Original project material
03 / 15

Why a modern UI?

Why a modern UI? — original magic touch panel project material
Why a modern UI? · Original project material
04 / 15

Research perspective

Research perspective — original magic touch panel project material
Research perspective · Original project material
05 / 15

Journey and constraints

Journey and constraints — original magic touch panel project material
Journey and constraints · Original project material
06 / 15

Trend exploration

Trend exploration — original magic touch panel project material
Trend exploration · Original project material
07 / 15

Design goals and scope

Design goals and scope — original magic touch panel project material
Design goals and scope · Original project material
08 / 15

Design system

Design system — original magic touch panel project material
Design system · Original project material
09 / 15

Control-panel anatomy

Control-panel anatomy — original magic touch panel project material
Control-panel anatomy · Original project material
10 / 15

Style guide

Style guide — original magic touch panel project material
Style guide · Original project material
11 / 15

UI screens

UI screens — original magic touch panel project material
UI screens · Original project material
12 / 15

Iconography

Iconography — original magic touch panel project material
Iconography · Original project material
13 / 15

Motion design

Motion design — original magic touch panel project material
Motion design · Original project material

Motion in action

I drove the visual and motion direction to make each interaction feel engaging, modern, and intuitive. Working closely with my team member, I shaped the timing, transitions, and feedback, refined the animations through review, and drove them through to completion.

1 / 6 · Interface transitions
14 / 15

Usability testing

Usability testing — original magic touch panel project material
Usability testing · Original project material
15 / 15

Recognition

Recognition — original magic touch panel project material
Recognition · Original project material

Modern UI (MUI) Program

The new HP printer Magic touch panel UI is an embedded product interface designed for small, monochrome display which comes to life on touch. The UI achieves information hierarchy, affordance, accessibility, localization, and efficiency through contextual and minimal design. The experience is integrated with HP Smart App. The total experience is further enhanced through beacon lighting, haptic sounds, unique screen-to-screen transitions and feedback animations.

Next project

Remote Control UI

Let’s
work together.

Ready to bring your vision to life or just want to chat? Reach out,
and let’s create something memorable together.

I’m here to listen, collaborate, and craft design solutions that resonate.