Aasted Smart Control – User Interface for the production of chocolate and bakery products.

HMI Project Aasted Smart Control interface on tablet mock-up
HMI Project Aasted Smart Control dashboard detail
HMI Project Aasted Smart Control dashboard detail clock
HMI Project Aasted Smart Control graph slideshow
HMI Project Aasted Smart Control interface close-up

Aasted is a global market leading manufacturer that supplies complete processing lines, stand-alone and auxiliary equipment within the chocolate, bakery, and confectionery industries. Aasted's new Human Machine Interface offers a unified operating concept suitable for a variety of applications specialized in tempering, extruding, depositing, enrobing, baking and cooling. The highly flexible Interface is optimized for a wide range of monitor sizes and touch-devices. It is designed for the latest web technology as well as standard industrial hard- and software with limited possibilities. Based on user-centered design methods and user research Aasted Smart Control provides excellent usability with optimized task-based functions for individual skill levels. Line overviews and dashboards allow continuous monitoring and control of all components in the production process. Contextual online help, FAQs and assisted workflows are always available. The design contains a custom UI library with self-describing controls and modular machine illustrations. Graphic charts visualize performance and efficiency in a clear color code that is also used for alarming and error localization.

Download project summary

The project was awarded with the Red Dot Award: Communication Design 2019, the DDC Award Gute Gestaltung 2019 and was nominated for the UX Design Award 2020 and the German Design Award 2020.

Red Dot Website / Aasted Smart Control
UX Award Website / Aasted Smart Control
DDC Award Website / Aasted Smart Control
German Design Award Website


Tasks

User Interface
User Experience
Infographics
Frontend
HMI
Line Management
Mobile Devices

Tooling

WinCC
FactoryTalk

Vimeo
External Video

We host our videos on Vimeo. When the videos load, a connection to Vimeo servers is established and cookies are set (possibly also from Vimeo).

Privacy

Features

HMI Project Aasted Smart Control Interface on work interface
HMI Project Aasted Smart Control Interface on tablets and machine
HMI Project Aasted Smart Control execute dashboard on tablet
HMI Project Aasted Smart Control Interface mock-up and graph display
HMI Project Aasted Smart Control machine overview on tablet
HMI Project Aasted Smart Control illustration style
HMI Project Aasted Smart Control trends on tablet
HMI Project Aasted Smart Control design system, icons
HMI Project Aasted Smart Control alarm detail on tablet
HMI Project Aasted Smart Control workflow on tablet

Dashboard & Lineoverview

Device Overview showcasing the responsive Design

Screensaver Mode displaying the System Status

Interface Design

Modular Machinepart Illustrations

Illustration Style

Diagnosis using Trends

Design System

Alarm Detailpage including Alarm Localisation

Guided Workflows

User-centered Design

The design is based on user-centered design methods and user research. Comprehensive analysis in close coordination with operators and experts were executed. The detailed conception phase included paper prototyping and wireframing. The results were validated with Usability tests at the customer's site.

HMI Project Aasted Smart Control user in interaction with Interface in working context
HMI Project Aasted Smart Control chocolates
HMI Project Aasted Smart Control production line
HMI Project Aasted Smart Control various machines
HMI Project Aasted Smart Control Analyze on paper, one person
HMI Project Aasted Smart Control paper prototype
HMI Project Aasted Smart Control usability test with two users in work environment

User Input

Products Examples

Production Environment

Line, Machine- and Device Overview

Analysis of Specifications

Paper Prototyping

Usability Tests