Nixor Obex
Innovating Industrial Automation Solutions.
- Designing a high-impact digital presence for a technology-driven company.
- Presenting complex automation & fintech solutions in a clear, engaging format.
- Mobile-first UI with an emphasis on performance, clarity and user flow.
01/ Summary
What was delivered and how (UI design only)
— Services
UI/UX Design (End-to-end visual system & flows)
Information Architecture & Content Structuring
Responsive & Mobile-first Layouts (Design)
Design recommendations for SEO & performance
Design assets for product pages (interactive states)
— Deliverables
High-fidelity UI for homepage, product & services pages
Interactive prototypes demonstrating key flows and micro-interactions
Component library and spec sheet for handoff to developers
Design assets for product renders, icons and responsive breakpoints
— Outcomes
Delivered a polished UI system that presents Nixor Obex’s product suite (DROP, Obex+, OneX) with clarity and credibility.
The designs help guide different audiences — engineers, procurement, and partners — to relevant content quickly and encourage conversions through clear CTAs and streamlined flows.
The designs help guide different audiences — engineers, procurement, and partners — to relevant content quickly and encourage conversions through clear CTAs and streamlined flows.
02/ Understanding the Problem
A focused UI design effort was needed to present technical products without overwhelming users.
— Defining the Approach
Nixor Obex required a modern, professional UI to showcase automation systems, payment products, and enterprise tools. Key challenges included:
↠ Organizing large volumes of technical data.
↠ Communicating innovation without overwhelming non-technical users.
↠ Designing clear paths to conversion (contact / demo requests).
↠ Organizing large volumes of technical data.
↠ Communicating innovation without overwhelming non-technical users.
↠ Designing clear paths to conversion (contact / demo requests).
— Timeline
Design sprint and handoff were aligned to support a pre-expo marketing push; UI deliverables needed to be finalized in time for developer handoff and marketing materials.
— Business Goals
↠ Establish a credible online brand presence.
↠ Make technical specs and product benefits easily discoverable.
↠ Increase qualified inquiries through intuitive CTAs and resource access.
↠ Make technical specs and product benefits easily discoverable.
↠ Increase qualified inquiries through intuitive CTAs and resource access.
03/ The Solution
A user-centered, modular UI system designed for clarity and scale.
— Structuring for Clarity & Impact
Mapped user journeys for engineers, procurement officers, and partners to ensure core resources and CTAs are accessible within 2–3 clicks.
— Wireframing & UI Design
↠ Created wireframes and high-fidelity mockups for technical/product pages with clear hierarchies and interaction notes.
↠ Focused on clean typography, readable tables/spec sections, and push-button CTAs for demo/contact.
↠ Focused on clean typography, readable tables/spec sections, and push-button CTAs for demo/contact.
— Branding & Visual Identity
↠ Recommended a deep-blue & steel-gray palette to convey technology and reliability.
↠ Integrated product renders, subtle motion, and iconography to highlight engineering precision.
↠ Integrated product renders, subtle motion, and iconography to highlight engineering precision.
— Performance & SEO (Design considerations)
Provided image optimization guidelines, responsive breakpoints, and content-suggestion notes for metadata and schema to help SEO during development.
04/ Outcomes
Design-only—focused on clarity, trust, and conversion