See how we redesigned Hikari into a high-performance...
👀 1723 views
❤️ 162 likes
We want to see Lumos evolve with seamless motion, thoughtful microinteractions, and a scalable design system that grows with our product.
CEO, Lumos
Too Long;
Didn't Read
29% brand recognition lift, 18% clearer communication. See how Lumos rebuilt smart home energy monitoring:
About the project
Lumos is a smart home energy monitoring platform that unifies real-time power tracking, home visualization, and consumption analytics into one intuitive mobile and dashboard experience.
Home energy ownership sits in a strange gap for most consumers. Utilities send monthly bills. Smart meters produce data no one reads. Distributed generation systems produce reports in vendor-specific portals. Every source touches the same household energy story, and yet homeowners rarely get a single view that answers the basic question every energy consumer actually asks: what is happening in my home right now, and what should I do about it. Lumos was designed to close that specific visibility gap.
The design work spanned the full Lumos ecosystem, from the mobile experience that runs on the phone through the desktop dashboard homeowners open for deeper analysis. Every screen answered a specific question. What is my current power consumption. What did my system produce this month. What did my household prevent from reaching the atmosphere. Current power, balance, earnings, and CO₂ savings all surface inside modular card layouts that respect a scrolling glance rather than a study session.
Client
Lumos
Discovery
UX/UI Design
Industries
Date
2025
The brand system reinforces trust at every touchpoint. Bold orange marks primary action zones without competing with the numbers they support. Neutral backgrounds carry dense readouts through weather widgets, energy tracking, and analysis reports. That consistency separates the home energy monitoring app work here from the generic tools most utility apps default to, which treat consumers as data recipients rather than decision-makers.
Underneath the interface, the design system was built for expansion rather than just current features. As battery storage, EV integration, and grid participation move into mass-market reality, Lumos already holds the visual language to absorb those additions. That scalability is the real differentiator inside a category where most smart home energy tracker work is still built for the products of five years ago.
Logo Design
The Lumos mark distills the platform's core promise into a single geometric form. A minimal circular icon reads as both a home hub and an energy signal, and neither interpretation crowds the other. Clarity and control, the two values every smart home energy monitoring app has to earn from its buyers, sit inside the logo before any product screen makes its case.
The strong black-and-white version delivers maximum contrast for print collateral and physical device packaging, while the bold orange treatment carries the digital brand across every screen a user might reach for. The mark scales cleanly from mobile app icons to smart-home hardware labels without losing character, giving the smart home energy tracker a visual anchor that holds up whether the user encounters it on a phone or on a wall-mounted display.
Typography
Type in Lumos was built to hold up under the specific density that energy monitoring interfaces demand. Real-time kilowatt readings, monthly consumption totals, and long-format analysis reports all live inside the same visual system, and the typeface has to serve all three without asking users to work harder than the data warrants.
The typographic pairing balances technical precision with everyday readability. Numerical data reads at glance-level speed for the moment when a homeowner checks current consumption while walking through the kitchen. Body copy holds hierarchy for the moments when the same user sits down to review a monthly report. That balance matters more in a home energy monitoring app than most designers acknowledge, because energy consumers are absorbing data that requires both trust and comprehension, and the typography does both jobs at once.
Colorway
The color palette was designed to reflect clarity, energy flow, and the calm confidence that energy monitoring apps rarely achieve. A neutral foundation creates a focused, immersive interface, allowing essential consumption metrics to stand out without distraction.
Bold orange accents mark actions that require attention, the specific moments where users need to change a setting, review an alert, or adjust a system parameter. Neutral whites and greys balance the system, ensuring clarity, contrast, and legibility across dashboards, graphs, and analytics screens. Each color plays a functional role rather than decorating around the data, which is the specific discipline that separates working smart home energy monitoring dashboard work from generic dashboard aesthetics.
Mobile App
The Lumos mobile app makes it perfectly easy to stay connected to household energy data wherever the user happens to be. Information is organized into modular cards, showing essential metrics such as real-time power consumption, daily variability, monthly earnings from distributed generation, and precise CO₂ savings.
Deep contrast, precise typography, and intuitive iconography reduce cognitive load, helping users interpret their household energy state quickly. Visualizing data through fluid graphs and subtle indicators creates clarity and encourages balance, which is the specific bar this app category has to clear to earn daily use rather than settle for occasional check-ins.
Current Power
Real-time consumption is displayed with visual indicators for optimal ranges. This helps users monitor energy state and detect consumption spikes with minimal effort, exactly the visibility a smart home app energy monitor has to deliver at the moment when it matters most.
Daily Variability
Household energy patterns are tracked throughout the day using average values and stability markers. Trends surface in real time, enabling users to compare daily performance and adjust behavior without waiting for a monthly bill to arrive.
Energy Analytics
Data breaks into active, standby, and peak phases along a daily timeline. Clear visualization makes complex household energy behavior easy to follow and supports user awareness of consumption patterns across the household surface area.
Landing Page
The landing page introduces the Lumos smart home energy ecosystem as a premium, intelligent monitoring platform from the very first interaction. Large-scale typography, restrained layouts, and interface-first visuals establish clarity, confidence, and focus, allowing users to immediately understand what Lumos is and why it matters for their household.
The experience prioritizes storytelling through structure, guiding attention from brand identity to energy value without distraction. This is where the case for the product gets made in public, and where a well-designed landing page turns interested traffic into confident users.
Data-Driven Narrative
The layout leads with the dashboard itself, ensuring that visuals and messaging work together to communicate value before features.
Clear Visual Hierarchy
Precise typography and balanced spacing create clear entry points and effortless scanning.
Seamless Brand Integration
Color, type, and motion align with the broader Lumos ecosystem, reinforcing consistency across web, app, and social media.
Designed for Scalability
The structure supports future expansion from new monitoring capabilities to advanced AI features without compromising clarity, which is the exact scalability requirement the smart home energy monitor project category has been slow to build for.
Branding
The Lumos branding is built to connect with the home in daily use, in monthly review, and at every moment where energy consumption becomes a decision point. The visual identity extends beyond digital interfaces into daily routines, maintaining clarity and recognizability even in complex, real-life scenarios.
The system combines precise typography, high-contrast compositions, and subtle color accents to ensure the brand remains focused and confident across web, mobile screens, and environmental touchpoints. Consistent iconography, real-world textures, and functional framing reinforce the feeling of control, insight, and everyday household confidence that separates a smart home energy monitoring and control system from a generic utility app.
Impact
By aligning branding, interface design, and real-world applications, the Lumos smart home energy platform delivers a cohesive experience that feels reliable, intuitive, and ready to scale. Consistent visuals, clear data presentation, and a unified design system reinforce trust at every touchpoint from mobile dashboards to physical brand expressions.
The rebuild marks a real digital transformation of household energy monitoring, moving the category out of the utility-app pattern that has treated consumers as passive data recipients and into the active-insight model that modern smart home ownership actually requires.
29% - Stronger Brand Recognition
The redesign lifted brand recognition by giving Lumos the coherent visual identity smart home buyers actually recognize, closing the gap that had been costing the platform mindshare in a crowded category.
18% - Clearer Communication
Communication clarity improved measurably after the redesign shipped, reflecting the specific work that stripped visual noise from every interface moment where users needed to absorb energy data quickly.
Next steps
As Lumos grows, the next major strategic step is developing a truly comprehensive smart home energy monitoring dashboard that extends beyond the current mobile-and-desktop scope. Battery integration, EV charging visibility, and grid participation features all sit inside the roadmap, ensuring users can seamlessly monitor their household energy picture as it expands into the connected-home reality most residential buyers are moving toward.
The direction points toward a broader household energy ecosystem, one where Lumos stops being a single monitoring dashboard and starts functioning as the connective infrastructure across every energy-consuming and energy-producing element in the home.
Shall we chat?
[email protected]Let’s

talk