UI/UX
WEBDESIGN

Spyrna

MacBook-Spyrna-introweb

Spyrna is rethinking logistics by equipping every truck with 360° depth cameras. This enables continuous observation of the loading process, smarter monitoring, and real-time optimization – driving measurable gains in efficiency.

DESIGN

SYSTEM

Dashboard

The dashboard is the core workspace of the software. Visual tools let users track, measure, and calculate capacities directly within the live camera view. Controls are seamless, precise, and intuitive – built for fast, confident operation.

Spyrna-Dashboard1

The dashboard centralizes fleet operations and delivers a clear, real-time overview. All relevant truck data is instantly accessible. The design combines clean UI elements, clear typography and strong contrasts. 

DASHBOARD
INTERFACE

UI-A
UI-B
Spyrna-Dashboard2

To demonstrate the UI design, a dedicated video was created. 3D animations guide users through the application, highlighting key features while delivering an intuitive and visually compelling demo experience.

DESIGN
LANGUAGE

UI-C

Data tells a story.

More than numbers or raw data. It’s about shaping a narrative – grouping information into clear, tangible clusters that are easy to scan, understand, and remember.

Functional and aesthetic.

Every component has a clear state and purpose. This precision forms the backbone of the design system, while refined interactions and subtle, joyful motion elevate the dashboard experience.

UI-D
UI-E

Infographic language.

Strong, reduced graphics translate complexity into clarity—guiding users through data with visual logic instead of explanation.

Website

Mobile-first by default. All features clearly visible, the product always in focus. A fluid, high-impact experience built around strong visuals, clear storytelling, and purposeful interaction.

Spyrna-Mobile-ScreenA
Reveal-A Reveal-B

The website design combines clarity, performance, and aesthetics into a seamless digital experience. Fast loading times, responsive behavior across all devices and accessibility by default ensure usability for everyone. The result is a scalable, future-ready platform that communicates brand value at every interaction.

THE
WEBSITE

Phone-Mockup

Building visual tension.

Clear hierarchy, strong size contrasts, and a confident mix of typography, imagery, and layout create rhythm, guide attention, and keep a website engaging and easy to read.

Website-Compilation4

Spynra is on the start of the journey. This digital design is a key to gain user experience, improve the acceptance and bringt growth towards the company.

THE
IMPACT

Team
move with spyrna – join the logistics revolution –move with spyrna – join the logistics revolution –move with spyrna – join the logistics revolution –
ipad-mockup

Say hi.

Z Designlab
Benjamin Zehrfeldt MA
info@z-designlab.de

View