Overview

Topkapi brings industrial monitoring information into mobile and desktop interfaces. The work shown here covers alarm details and data curves on mobile, alongside perimeter configuration and filtering on desktop.

My role

I contributed to the mobile and desktop UX/UI at GO & DEV as part of a team of five designers. The screens shown include the team’s work and my contribution to monitoring and configuration interfaces.

Design decisions

Keep monitoring views focused

Dedicated mobile views give alarm details and data curves their own space.

Show configuration in context

Desktop perimeter settings place filtering controls beside a hierarchy preview.

Make filter rules explicit

The filter editor separates conditions from the variables included in or excluded from a selection.

Deliverables

• Mobile alarm lists, details and data curves

• Desktop perimeter configuration and filters

• Wireframes and high-fidelity interfaces in Figma

• Design handoff with developer collaboration