top of page

Scalable Self Check-Out

Project Overview:
White-Label for European Retailers. Embedded Touch Interface

Services

UX/UI Design

Client

Fujitsu Portugal

close-up-view-measuring-weight-fruit-supermarket.jpg

Self

Check-Out

Business Need

Fujitsu’s new generation of self-checkout systems — Genesis II and Mini-Express — were designed to serve as white-label solutions for retail clients across Europe. Each deployment needed to reflect the visual identity of the purchasing brand, while maintaining a unified interaction model that could be reused across devices, languages, and store formats.

Challenge
 

  • Flexible in branding (typography, colour palette, logo placement)

  • Modular in components (adaptive layouts for bagging, scanning, and payment modules)

  • Optimised for usability across hardware variations and touch performance limitations

My Responsibilities
 

  • Facilitated stakeholder workshops (product, dev, retail ops)

  • Conducted in-store user testing with real operators

  • Designed reusable UI components and layout templates

  • Supported hardware-software integration sessions

  • Delivered adaptable prototypes aligned with branding constraints

  • Mapped UX metrics during testing: error rate, task time, misclicks, scan retries

img3.png

Research & Testing
 

Approach
Me and the project manager have defined 12 core checkout interactions. From scanning to payment, and tested them with operators in real store environments.
Measurements included:

  • Completion time per task

  • Interaction errors

  • Click heatmaps and hand movement tracking

  • Brand perception and visual clarity
     

Findings

  • Brand-neutral UI lacked clarity without clear affordances

  • Low contrast and poor button hierarchy caused hesitation

  • Confusion between bagging area feedback and scan confirmation

  • Need for larger touch targets in high-traffic environments

img1.png

Design Solutions
 

I started with wireframes and after i have designed a modular user interface that could be:

  • Branded with any retailer’s visual identity

  • (colours, fonts, logos)

  • Deployed across multiple formats (Genesis II with full cash handling, Mini-Express for cashless express checkout)

  • Maintained via shared components to streamline development and onboarding

  • Compliant with accessibility standards (W3C AA contrast, min. touch targets, consistent iconography)

img2.png
img4.png
img5.jpg

Scalability
 

  • Component-based layout system

  • Style layer abstraction for easy theming

  • Prototypes prepared in neutral greyscale and coloured variants

  • Translations and RTL support included at UI level

Results & Impact

  • Over 15% reduction in task errors during validation

  • Visual interface adaptable to multiple brand guidelines without rework

  • Faster onboarding time for operators due to consistent patterns

  • Deployment-ready UI kits reused in multiple European retail chains

  • Positive feedback from field testers in both hypermarkets and express store formats

Reflection

This project deepened my experience in:

  • Designing white-label UI systems for hardware-embedded environments

  • Balancing customisation flexibility with usability and performance

  • Leading research across multi-stakeholder contexts (product, ops, engineering, marketing)

  • Creating components that scale across countries, cultures, and retail store formats

All Projects

bottom of page