Energy · SaaS2026 – hoyDesigning an energy management platform for 6,000+ sites, together with their team
We work inside Smarkia's product team designing their energy automation platform: the design system, new modules and clickable coded prototypes.
- What we did
- Platform design · Design system · Coded prototypes
- Timeline
- Ongoing
- Stack
- Figma · Design tokens · Next.js · Framer
- Client
- Smarkia
Design system
We rebuilt their Figma library (foundations, tokens and components) with one naming convention, per-component documentation and per-client theming through tokens, so the platform can carry each key account's brand without redrawing screens.
Platform modules
We design new modules with their team: task management, site synoptics (EMS), financials, documents, support forms, headers and date pickers. Each ships with a functional spec and a Next.js prototype using the real components.
The website, too
We moved their Framer website to the new brand, with dark mode, a bilingual calculator, SEO and product pages.
Technology
What Smarkia is built with
- FigmaScreen design, prototypes and the component library.
- Design tokensColours, type and spacing as variables shared by design and code.
- Next.jsWebsites and dashboards with server and static rendering: fast and well ranked.
- FramerA marketing site the client's team can edit.
More work
See all work →
You've reached the end, so now…
Tell us what you're building.
We'll help you map the right scope, team, timeline and next steps.
Book a call