UI/UX design for the train driver’s touch interface (Siemens WinCC)
Industrial packaging design for the HMI hardware
Product catalog design (square format, 40 pages)
3D animation showcasing product features
One-page promotional website with custom icons and embedded media
02 · Goals
What it had to achieve
Give the driver critical information at a glance, in any cab lighting
Visually represent the industrial quality and reliability of PMP’s HMI device
Provide clear technical information to B2B and industrial buyers
Build a focused web presence and marketing story around the product
03 · Approach
How I solved it
Driver Touch Interface: The screen is built around one question: what does the driver need to see right now? Speed sits at the center on a large analog gauge with clear caution and danger zones, backed by a digital readout. System and brake status, battery state and alarm indicators sit around it, so warnings are visible without taking focus from speed. A dark, high-contrast layout keeps the display readable and reduces glare in the cab. Navigation lives in a column of large touch keys: simple mode, guide, settings, maintenance, speed history, a day/night light control and a Persian/English language switch. Simple mode strips the screen down to the essentials for normal running. The interface was designed and built in Siemens WinCC, so the layouts, states and alarms worked directly with the control system.
Packaging Design: The HMI unit required a durable, presentation-ready box. I designed a briefcase-style layout in a single-tone grey that matches the device itself. Several color schemes were explored before landing on grey, which fits the product’s industrial feel.
Product Catalog: A 40-page glossy catalog structured around specifications, use cases and technical illustrations, in a compact square format built for trade shows and distributors.
3D Animation: I built a 3D model of the HMI device in 3ds Max, rendered it with V-Ray, and animated its key features in After Effects with synced sound, formatted for web and social.
One-page Website: I designed and developed a promotional one-page microsite with custom icons, scroll-based navigation and embedded video, built for legibility and speed on any device.
“Working with Navid across multiple assets—from box and catalog to animation and our dedicated website—brought clarity and consistency to our product launch. Everything was handled with precision and vision.”
