We worked with Vanado to implement a scalable design system and optimize user flows, enabling their AI-powered platform to deliver a seamless, intuitive experience for smart production management.

Vanado - Digital platform

(Scroll down)
(Scroll down)
What we do
Overview
Service
Product Design
/
Platform
/
UX/UI
Industry
Manufacturing
Location
Zagreb, Croatia
Year
2022
live project
We partnered with the Vanado platform team to design and implement a scalable design system and streamline key user flows across the product. Our work focused on creating consistent UI components, clear interaction patterns, and intuitive navigation to ensure a seamless, user-centered experience while supporting long-term product growth and development.
We set up a comprehensive design system for the Vanado app with users in mind, focusing on factory environments where the platform is actively used. Given that many users operate on tablets and other smaller screens, we ensured the system is fully responsive, WCAG-compliant, and optimized for high contrast to support accessibility and ease of use in industrial settings. As part of visual improvements, we introduced new table views, a consistent icon set, prominent CTA actions, and an overall clean, modern design approach. Usability enhancements included refined user flows, larger interactive elements, and optimized layouts, making it easier for factory workers to navigate and interact with the platform efficiently across different viewports.
Getting started

Rethinking the warehouse interface

Vanado approached us with a clear operational challenge: their warehouse tablet system was functional — but not intuitive. User flows were inconsistent, accessibility standards were unmet, and friction in day-to-day tasks was slowing teams down.

The goal was not just to redesign screens, but to rethink the entire digital product experience for real-world warehouse environments.

Context

A high-pressure operational environment

Warehouse teams operate in fast-paced, physically demanding settings. Users often interact with tablets while standing, moving, or multitasking. Interfaces must be:

  • Instantly understandable
  • Error-resistant
  • Touch-friendly
  • Accessible under varied lighting and physical conditions

The existing product lacked flow consistency, visual hierarchy, and accessibility compliance — creating unnecessary friction during critical tasks.

The challenge

Balancing speed, structure, and accessibility

Three key challenges shaped the project:

  1. Fix and optimize core user flows
    Critical workflows — picking, scanning, confirming, reporting — contained redundant steps and unclear states.
  2. Design for tablet-first usability in warehouse conditions
    Interfaces needed large touch targets, clear feedback states, and simplified navigation.
  3. Achieve WCAG compliance
    Accessibility had to be embedded into the foundation — including color contrast, focus states, readable typography, and clear interaction cues.

My role

Product strategy, UX redesign, and accessibility implementation

At Moin Studio, we led the product redesign end-to-end:

  • Audited existing user flows and identified friction points
  • Mapped optimized task flows for warehouse use cases
  • Designed a tablet-first interface system
  • Implemented WCAG-compliant color, typography, and interaction standards
  • Built a scalable component library for future product updates

We worked closely with stakeholders and technical teams to ensure the redesigned experience was practical, efficient, and development-ready.

User insights

Designing for real working conditions

Through stakeholder workshops and operational reviews, we uncovered several key realities:

  • Users value speed over visual complexity
  • Clear system feedback reduces costly mistakes
  • Gloves, movement, and varied lighting impact interaction
  • Accessibility benefits everyone — not just edge cases

These insights shaped every decision — from button sizing to screen hierarchy.

The solution

A streamlined, accessible warehouse tablet experience

⦿ Optimized task flows

We restructured the user journeys to remove redundant steps and surface primary actions clearly. Each workflow now follows a logical, predictable structure — reducing cognitive load and training time.

⦿ Tablet-first interaction design

The interface was designed specifically for tablet ergonomics:

  • Large, thumb-friendly touch targets
  • Clear visual feedback for actions and errors
  • Persistent navigation for critical functions
  • Minimal screen clutter

⦿ WCAG-compliant design system

Accessibility was built into the foundation:

  • High-contrast, compliant color combinations
  • Legible typography with scalable sizing
  • Clear focus indicators and feedback states
  • Consistent iconography and labeling

This ensured inclusivity while also improving usability for all users.

⦿ Modular component system

We created a flexible UI system that allows Vanado to expand features without sacrificing consistency — ensuring long-term scalability.

Impact

Faster workflows. Fewer errors. Greater clarity.

The redesigned product resulted in:

  • Improved task completion efficiency
  • Reduced user confusion and operational mistakes
  • Better onboarding for new warehouse staff
  • A fully WCAG-compliant foundation
  • A scalable design system ready for future growth

The interface now supports the speed and precision required in warehouse operations — rather than slowing it down.

Learnings

⦿ Accessibility strengthens usability

Designing for WCAG compliance didn’t restrict creativity — it enhanced clarity and structure across the product.

⦿ Environment shapes interaction

Designing for warehouses requires understanding context deeply. Physical conditions, task urgency, and ergonomic realities must shape digital decisions.

⦿ Shout-outs

A huge thanks to the Vanado team for their operational insights, collaborative workshops, and commitment to building a more accessible and efficient product experience.

If you’d like, I can also create a shorter, more punchy version for a portfolio grid preview — or a more strategic version aimed at enterprise clients.

FEATURED PROJECT
Explore more
Dive into our latest work, where creativity meets strategy and design transforms ideas into impactful, memorable experiences.
View all Project