Two tablets showcasing the user interface we designed for JØNI.

Helping commercial kitchens increase their energy efficiency with digital displays.

Deliverables

Strategy and concept Rapid prototyping UX design UI design Design system Project management

Launch

2021

JØNI is among the leading equipment manufacturers of energy-efficient tilting kettles for commercial kitchens. We helped design the user interface, ensuring an easy-to-use, intuitive user experience.

The challenge

Our biggest challenge was creating a natural transition from analog controls to a digital display. The internet-enabled kettle also connects to a cloud platform where data, service, and recipes are maintained. The experience had to be cohesive across kettle and web.

“The process has been both iterative and creative. We are positive the approach has led to excellent results for both us and our clients.”

Profile picture of Uffe Pilgaard from JØNI.
Uffe Pilgaard Mechanical Engineer

Our approach

The initial phase was an agile, high-intensity collaborative effort between us and JØNI. We defined project milestones, audited the existing work, researched the competitor landscape, and defined a clear vision.

We also coordinated with the external development team to better understand technical feasibility and constraints.

Image of PDF files with documentation and product specifications.
Documentation and UI specifications from previous iteration.

Finding product-market fit

The user interface had already been through a few iterations. A lot of thought had gone into the product experience; we started filtering through documentation and prototypes to decide on a Minimum Viable Product.

Image of four screens from the early exploration phase carried out by JØNI.
Early design exploration carried out by JØNI.

Rethinking the experience

We worked closely with JØNI’s Mechanical Engineer, Uffe Pilgaard, to update the information architecture, prototypes, long and short-term goals, and undiscovered features.

Four designs laid out in a square, displaying wireframes of the final interface design.
A few screens from our interactive prototype—before visual design.

Designing for delight and daily use

Apple’s Human Interface Guidelines—especially their research for the CarPlay-technology—helped shape our visual design language.

  1. On-screen information is minimal, relevant, and requires little decision-making.
  2. Primary content always stands out and feels actionable.
  3. Actions are thoughtfully placed to ensure better ergonomics.
  4. Color scheme is legible under a variety of lighting conditions.

The final design is an experience optimized for the cooking environment to meet the unique demands of kettle operators.

Two screens displaying all controls and temperature controls. The user interface of recipes being executed on the display.
Two important screens from the finished Human Machine Interface (HMI).