Design system for consistency and scalability featuring by Oleh M.Design system for consistency and scalability featuring by Oleh M.

Design system for consistency and scalability featuring

Approve request to show earnings

View

Oleh M.

Oleh M.

Verified

Our role:

UX/UI Team at Nexa Design — Design System, Full UI, Dev-ready Handoff

Project description:

Exxas is a B2B SaaS platform that helps energy providers and infrastructure operators optimize, manage, and analyze power distribution and data.
The platform needed a clean, scalable, and developer-friendly interface that could handle complex workflows — from grid data visualization to user & subscription management.

🧩 Our responsibilities & contribution
1. UX & Component Audit
We began by analyzing user flows and interface requirements to define all necessary UI states and patterns — across dashboard, tables, graphs, alerts, modals, and settings.
2. Design System Creation
We built a fully modular design system in Figma, including:
Typography & spacing scale
Color tokens (dark/light modes)
Buttons, tags, badges, inputs, tooltips
State-driven components (loading, success, error)
Table/grid variations & filters
Data visualization elements (charts, metrics, indicators)
The system was built to be atomic, reusable, and expandable — to support future feature growth and developer scalability.
3. UI Design & Layouts
We designed key sections of the product including:
Dashboard overview
User and team settings
Subscription & billing
Alerts / logs
Data management flows
4. Developer handoff
We structured the Figma file to be developer-friendly:
All components are named with dev logic in mind
Auto-layout, constraints & variants used throughout
Interactive prototypes for key flows
Dev notes + Inspect-friendly layer organization

Skills and deliverables:
Atomic Design System in Figma
Web UI Design (B2B SaaS)
Grid & Table UX
Design Tokens & Variants
Dev-ready Figma Setup
Handoff Documentation & Support

🏭 Industry:

Energy SaaS / Grid Optimization / Infrastructure / Enterprise Tech
Like this project

Posted Feb 23, 2025

We developed a design system for consistency and scalability featuring a component library and guidelines. Collaboration with developers streamlined the handoff

Likes

0

Views

20

Timeline

Feb 3, 2025 - Apr 8, 2025

Clients

Exxas