A digital ecosystem for an IoT device that stores and distributes energy, bridging the gap between hardware and digital touchpoints.
Client
Next
Industry
IoT
Year
2024
Methodology
Lean
Role
Lead product designer
Team
Project manager Design director Lead product designer Back-end developers Front-end developers
Activities
Brand strategy Brand architecture Branding Product strategy UX design UI design
Deliverables
Brand guidelines App mobile Web app Backoffice Design system
A digital ecosystem for an IoT device that stores and distributes energy, bridging the gap between hardware and digital touchpoints.
Client
Next
Industry
IoT
Year
2024
Methodology
Lean
Role
Lead product designer
Team
Project manager Design director Lead product designer Back-end developers Front-end developers
Activities
Brand strategy Brand architecture Branding Product strategy UX design UI design
Deliverables
Brand guidelines App mobile Web app Backoffice Design system
A digital ecosystem for an IoT device that stores and distributes energy, bridging the gap between hardware and digital touchpoints.
Client
Next
Industry
IoT
Year
2024
Methodology
Lean
Role
Lead product designer
Team
Project manager Design director Lead product designer Back-end developers Front-end developers
Activities
Brand strategy Brand architecture Branding Product strategy UX design UI design
Deliverables
Brand guidelines App mobile Web app Backoffice Design system
Challenge
An innovative energy storage and distribution device needed an ecosystem that could connect the physical product with the digital experiences used to monitor, control and manage it. At the same time, the brand and product language had to be defined from the ground up, designing both a consumer app and a business platform that could serve tech-savy users as well as B2B teams managing electric fleets, while keeping the experience consistent across hardware and digital.
Challenge
An innovative energy storage and distribution device needed an ecosystem that could connect the physical product with the digital experiences used to monitor, control and manage it. At the same time, the brand and product language had to be defined from the ground up, designing both a consumer app and a business platform that could serve tech-savy users as well as B2B teams managing electric fleets, while keeping the experience consistent across hardware and digital.
Challenge
An innovative energy storage and distribution device needed an ecosystem that could connect the physical product with the digital experiences used to monitor, control and manage it. At the same time, the brand and product language had to be defined from the ground up, designing both a consumer app and a business platform that could serve tech-savy users as well as B2B teams managing electric fleets, while keeping the experience consistent across hardware and digital.
Role and process
I led the project end-to-end, shaping both brand and product while working in close alignment with the engineering team: - Brand strategy: defined the naming, brand architecture, brand strategy, visual identity and guidelines to support growth. - Research and UX: conducted user interviews, built personas and translated insights into core flows and wireframes. - UI and design system: designed scalable, modular components and patterns across all touchpoints, using custom illustrations and microinteractions to reduce cognitive load without losing details. - Specs system: created a shared, evolving specification system to keep UX flows and hardware logic consistently in sync.
Role and process
I led the project end-to-end, shaping both brand and product while working in close alignment with the engineering team: - Brand strategy: defined the naming, brand architecture, brand strategy, visual identity and guidelines to support growth. - Research and UX: conducted user interviews, built personas and translated insights into core flows and wireframes. - UI and design system: designed scalable, modular components and patterns across all touchpoints, using custom illustrations and microinteractions to reduce cognitive load without losing details. - Specs system: created a shared, evolving specification system to keep UX flows and hardware logic consistently in sync.
Role and process
I led the project end-to-end, shaping both brand and product while working in close alignment with the engineering team: - Brand strategy: defined the naming, brand architecture, brand strategy, visual identity and guidelines to support growth. - Research and UX: conducted user interviews, built personas and translated insights into core flows and wireframes. - UI and design system: designed scalable, modular components and patterns across all touchpoints, using custom illustrations and microinteractions to reduce cognitive load without losing details. - Specs system: created a shared, evolving specification system to keep UX flows and hardware logic consistently in sync.
Outcome
The result is a coherent ecosystem where brand and product speak the same language across two distinct user segments: consumers and business operators. Four digital touchpoints work together to connect the physical device and its services: a consumer app for everyday management, a business dashboard for fleet and device control, an operational backoffice and the product website. Each touchpoint is tailored to its audience while sharing the same design language, interaction principles and information logic.
4
Touchpoints
2
User segments
1
Ecosystem
Outcome
The result is a coherent ecosystem where brand and product speak the same language across two distinct user segments: consumers and business operators. Four digital touchpoints work together to connect the physical device and its services: a consumer app for everyday management, a business dashboard for fleet and device control, an operational backoffice and the product website. Each touchpoint is tailored to its audience while sharing the same design language, interaction principles and information logic.
4
Touchpoints
2
User segments
1
Ecosystem
Outcome
The result is a coherent ecosystem where brand and product speak the same language across two distinct user segments: consumers and business operators. Four digital touchpoints work together to connect the physical device and its services: a consumer app for everyday management, a business dashboard for fleet and device control, an operational backoffice and the product website. Each touchpoint is tailored to its audience while sharing the same design language, interaction principles and information logic.
4
Touchpoints
2
User segments
1
Ecosystem
Brand strategy and identity
Co-design workshops with the founders shaped a scalable brand strategy and architecture that supports their vision of expanding into new industries. The brand personality was built around innovation, with a curious, bold and forward-looking tone embodied in the name Next, positioned as a statement of constant evolution. The X became the unifying symbol across sub-brands, while the visual identity draws from energy itself, using a vivid purple on deep black that glows like an electric discharge.
Brand strategy and identity
Co-design workshops with the founders shaped a scalable brand strategy and architecture that supports their vision of expanding into new industries. The brand personality was built around innovation, with a curious, bold and forward-looking tone embodied in the name Next, positioned as a statement of constant evolution. The X became the unifying symbol across sub-brands, while the visual identity draws from energy itself, using a vivid purple on deep black that glows like an electric discharge.
Brand strategy and identity
Co-design workshops with the founders shaped a scalable brand strategy and architecture that supports their vision of expanding into new industries. The brand personality was built around innovation, with a curious, bold and forward-looking tone embodied in the name Next, positioned as a statement of constant evolution. The X became the unifying symbol across sub-brands, while the visual identity draws from energy itself, using a vivid purple on deep black that glows like an electric discharge.
An app for everyday energy management
The mobile app was designed to make everyday management feel sijmple and personal, despite the underlying tecnical complexity. Real-time monitoring, smart alerts and clear reporting are organized through a strong information hierarchy and clean data visualization, supported by subtle microinterations. The result is an experience that makes a highly tecnical IoT product easy to understand and control.
An app for everyday energy management
The mobile app was designed to make everyday management feel sijmple and personal, despite the underlying tecnical complexity. Real-time monitoring, smart alerts and clear reporting are organized through a strong information hierarchy and clean data visualization, supported by subtle microinterations. The result is an experience that makes a highly tecnical IoT product easy to understand and control.
An app for everyday energy management
The mobile app was designed to make everyday management feel sijmple and personal, despite the underlying tecnical complexity. Real-time monitoring, smart alerts and clear reporting are organized through a strong information hierarchy and clean data visualization, supported by subtle microinterations. The result is an experience that makes a highly tecnical IoT product easy to understand and control.
A dashboard for business control
The partner dashboard was designed to centralize the management of devices and fleets at different scales. Advanced filtering and reporting keep complex data readable and actionable, a built-in map provides real-time visibility on device location and status and error-state handling and diagnostic tools help teams identify issues quickly in a data-heavy scenarios.
A dashboard for business control
The partner dashboard was designed to centralize the management of devices and fleets at different scales. Advanced filtering and reporting keep complex data readable and actionable, a built-in map provides real-time visibility on device location and status and error-state handling and diagnostic tools help teams identify issues quickly in a data-heavy scenarios.
A dashboard for business control
The partner dashboard was designed to centralize the management of devices and fleets at different scales. Advanced filtering and reporting keep complex data readable and actionable, a built-in map provides real-time visibility on device location and status and error-state handling and diagnostic tools help teams identify issues quickly in a data-heavy scenarios.
A backoffice enabling customer care at scale
The backoffice was designed as the operational core of the ecosystem, enabling internal teams to configure devices, manage users and permissions and support partner operations. By translating technical operations into undertandable interfaces, the backoffice ensures reliability and scalability as the ecosysyem grows.
A backoffice enabling customer care at scale
The backoffice was designed as the operational core of the ecosystem, enabling internal teams to configure devices, manage users and permissions and support partner operations. By translating technical operations into undertandable interfaces, the backoffice ensures reliability and scalability as the ecosysyem grows.
A backoffice enabling customer care at scale
The backoffice was designed as the operational core of the ecosystem, enabling internal teams to configure devices, manage users and permissions and support partner operations. By translating technical operations into undertandable interfaces, the backoffice ensures reliability and scalability as the ecosysyem grows.
Hardware-software alignment
A share specification system was established to keep hardware and software aligned as they evolved in parallel. UX flows, device logic and edge cases where documented ina single source of truth, reducing handoff frictions and QA bottlenecks. This ensured consistency between what the device does and what the interfaces communicate, even as requirements change.
Hardware-software alignment
A share specification system was established to keep hardware and software aligned as they evolved in parallel. UX flows, device logic and edge cases where documented ina single source of truth, reducing handoff frictions and QA bottlenecks. This ensured consistency between what the device does and what the interfaces communicate, even as requirements change.
Hardware-software alignment
A share specification system was established to keep hardware and software aligned as they evolved in parallel. UX flows, device logic and edge cases where documented ina single source of truth, reducing handoff frictions and QA bottlenecks. This ensured consistency between what the device does and what the interfaces communicate, even as requirements change.
Design system
The design system was built to support data-heavy IoT experiences without overwelming users. Modular components, custom illustrations and sublte microinteractions lower cognitive load while preserving the level of detail required, while core modules echo the idea of an energy container, using shapes and flow cues that visually connect what happens in the device with what happens on screen to strenghten alignment between the digital product and its digital experience.
Design system
The design system was built to support data-heavy IoT experiences without overwelming users. Modular components, custom illustrations and sublte microinteractions lower cognitive load while preserving the level of detail required, while core modules echo the idea of an energy container, using shapes and flow cues that visually connect what happens in the device with what happens on screen to strenghten alignment between the digital product and its digital experience.
Design system
The design system was built to support data-heavy IoT experiences without overwelming users. Modular components, custom illustrations and sublte microinteractions lower cognitive load while preserving the level of detail required, while core modules echo the idea of an energy container, using shapes and flow cues that visually connect what happens in the device with what happens on screen to strenghten alignment between the digital product and its digital experience.
Impact and numbers
A complex IoT device was turned into a coherent system where brand and product work as one across consumer and business touchpoints. Technical data were translated into clear workflows that make dense information easier to understand, reaching a 90% task completion rate and a 4.5/5 ease-of-use rating in usability testing. This foundation also supported real-world adoption, enabling two pilot programs with mobility companies.
2
Pilot programs with mobility companies
90%
Task completion rate on core flows
4.5/5
Ease of use rating in usabiliy tests
Impact and numbers
A complex IoT device was turned into a coherent system where brand and product work as one across consumer and business touchpoints. Technical data were translated into clear workflows that make dense information easier to understand, reaching a 90% task completion rate and a 4.5/5 ease-of-use rating in usability testing. This foundation also supported real-world adoption, enabling two pilot programs with mobility companies.
2
Pilot programs with mobility companies
90%
Task completion rate on core flows
4.5/5
Ease of use rating in usabiliy tests
Impact and numbers
A complex IoT device was turned into a coherent system where brand and product work as one across consumer and business touchpoints. Technical data were translated into clear workflows that make dense information easier to understand, reaching a 90% task completion rate and a 4.5/5 ease-of-use rating in usability testing. This foundation also supported real-world adoption, enabling two pilot programs with mobility companies.
2
Pilot programs with mobility companies
90%
Task completion rate on core flows
4.5/5
Ease of use rating in usabiliy tests
Next up
Next up
Next up
