(Work Details)
(Work Details)
Lumi Energy
A responsive marketing site designed to build trust, tell the story, and drive conversions.
A responsive marketing site designed to build trust, tell the story, and drive conversions.
(Industry)
Energy & Greentech
(Timeline)
7 Weken
(Read)
4 Minuten
(Service)
Branding, UI/UX Design, App Design
Overview
Lumi maakt de complexe wereld van energiebeheer weer toegankelijk. We werden ingeschakeld om een frisse, moderne merkidentiteit en een intuïtieve app te ontwerpen die de belofte "Jouw energie, simpel gemaakt" in elk detail waarmaakt. Van digitale dashboards tot fysieke branding: we creëerden een merk dat energie inzichtelijk én visueel aantrekkelijk maakt
Overview
Lumi maakt de complexe wereld van energiebeheer weer toegankelijk. We werden ingeschakeld om een frisse, moderne merkidentiteit en een intuïtieve app te ontwerpen die de belofte "Jouw energie, simpel gemaakt" in elk detail waarmaakt. Van digitale dashboards tot fysieke branding: we creëerden een merk dat energie inzichtelijk én visueel aantrekkelijk maakt
Overview
Lumi maakt de complexe wereld van energiebeheer weer toegankelijk. We werden ingeschakeld om een frisse, moderne merkidentiteit en een intuïtieve app te ontwerpen die de belofte "Jouw energie, simpel gemaakt" in elk detail waarmaakt. Van digitale dashboards tot fysieke branding: we creëerden een merk dat energie inzichtelijk én visueel aantrekkelijk maakt
De Uitdaging
De energiemarkt is van oudsher complex, technisch en visueel ongeïnspireerd. Lumi wilde breken met deze norm, maar miste een sterk, herkenbaar fundament om hun visie van moeiteloos energiebeheer écht over te brengen op de consument.
Probleem
//01
Complexe materie. Bestaande energie-apps staan vaak vol met verwarrende cijfers, grafieken en jargon die de gemiddelde consument eerder afschrikken dan helpen.
Probleem
//02
Gedateerde uitstraling. De energiemarkt is visueel vaak saai en technisch, waardoor gebruikers geen enkele connectie voelen met het merk of hun eigen verbruik.
Probleem
//03
Geen visuele eenheid. Het ontbrak aan een consistent fundament dat sterk genoeg was om te werken op zowel mobiele schermen als grootschalige out-of-home campagnes.
De Uitdaging
De energiemarkt is van oudsher complex, technisch en visueel ongeïnspireerd. Lumi wilde breken met deze norm, maar miste een sterk, herkenbaar fundament om hun visie van moeiteloos energiebeheer écht over te brengen op de consument.
Probleem
//01
Complexe materie. Bestaande energie-apps staan vaak vol met verwarrende cijfers, grafieken en jargon die de gemiddelde consument eerder afschrikken dan helpen.
Probleem
//02
Gedateerde uitstraling. De energiemarkt is visueel vaak saai en technisch, waardoor gebruikers geen enkele connectie voelen met het merk of hun eigen verbruik.
Probleem
//03
Geen visuele eenheid. Het ontbrak aan een consistent fundament dat sterk genoeg was om te werken op zowel mobiele schermen als grootschalige out-of-home campagnes.
De Uitdaging
De energiemarkt is van oudsher complex, technisch en visueel ongeïnspireerd. Lumi wilde breken met deze norm, maar miste een sterk, herkenbaar fundament om hun visie van moeiteloos energiebeheer écht over te brengen op de consument.
Probleem
//01
Complexe materie. Bestaande energie-apps staan vaak vol met verwarrende cijfers, grafieken en jargon die de gemiddelde consument eerder afschrikken dan helpen.
Probleem
//02
Gedateerde uitstraling. De energiemarkt is visueel vaak saai en technisch, waardoor gebruikers geen enkele connectie voelen met het merk of hun eigen verbruik.
Probleem
//03
Geen visuele eenheid. Het ontbrak aan een consistent fundament dat sterk genoeg was om te werken op zowel mobiele schermen als grootschalige out-of-home campagnes.
De Oplossing
Van complexe data naar moeiteloos inzicht.
Oplossing
//01
Een toegankelijke merkidentiteit. We ontwierpen een dynamisch, herkenbaar logo gebaseerd op energiegolven, gecombineerd met een vriendelijke en laagdrempelige tone-of-voice.
Oplossing
//02
Intuïtieve UI/UX design. Een overzichtelijke dark-mode app met heldere datablokken die opwekking, batterijstatus en verbruik in één oogopslag inzichtelijk maken.
Oplossing
//03
Een 360-graden merkbeleving. De identiteit is naadloos doorvertaald van de mobiele interface naar opvallende LED-scherm campagnes en hoogwaardig fysiek drukwerk.
De Oplossing
Van complexe data naar moeiteloos inzicht.
Oplossing
//01
Een toegankelijke merkidentiteit. We ontwierpen een dynamisch, herkenbaar logo gebaseerd op energiegolven, gecombineerd met een vriendelijke en laagdrempelige tone-of-voice.
Oplossing
//02
Intuïtieve UI/UX design. Een overzichtelijke dark-mode app met heldere datablokken die opwekking, batterijstatus en verbruik in één oogopslag inzichtelijk maken.
Oplossing
//03
Een 360-graden merkbeleving. De identiteit is naadloos doorvertaald van de mobiele interface naar opvallende LED-scherm campagnes en hoogwaardig fysiek drukwerk.
De Oplossing
Van complexe data naar moeiteloos inzicht.
Oplossing
//01
Een toegankelijke merkidentiteit. We ontwierpen een dynamisch, herkenbaar logo gebaseerd op energiegolven, gecombineerd met een vriendelijke en laagdrempelige tone-of-voice.
Oplossing
//02
Intuïtieve UI/UX design. Een overzichtelijke dark-mode app met heldere datablokken die opwekking, batterijstatus en verbruik in één oogopslag inzichtelijk maken.
Oplossing
//03
Een 360-graden merkbeleving. De identiteit is naadloos doorvertaald van de mobiele interface naar opvallende LED-scherm campagnes en hoogwaardig fysiek drukwerk.
Proces
Het proces: van strategie tot digitaal platform.
01
Merkstrategie & Identiteit
We startten bij de kern. Van positionering tot een compleet nieuw logo, kleurenpalet en strakke typografie die direct vakkennis en autoriteit uitstralen.
02
Visuele Identiteit
Vanuit de strategie ontwierpen we een snoeiharde visuele identiteit. Een compleet nieuw logo, robuust kleurenpalet en strakke typografie die de kwaliteit van hun projecten evenaart.
03
Digitaal Design System
Om wildgroei te voorkomen, vertaalden we de identiteit direct door naar een schaalbaar digitaal systeem. Eén centrale bibliotheek met herbruikbare elementen als absolute bron van waarheid.
04
UI/UX Design
Met het design system als basis ontwierpen we de digitale ervaring. Elk scherm, elke flow en elke knop is pixel-perfect uitgedacht om bezoekers feilloos naar een projectaanvraag te sturen.
05
Development & Code
Het visuele fundament is naadloos tot leven gewekt. Voorzien van strakke animaties en gebouwd op een ijzersterke technische architectuur voor maximale snelheid en vindbaarheid.
06
Lancering & Schaalbaarheid
Een gestroomlijnde live-gang zonder gedoe achteraf. We leverden een robuust en overzichtelijk CMS op, zodat het team van Bouwbaas voortaan moeiteloos zelf nieuwe projecten kan toevoegen.
Proces
Het proces: van strategie tot digitaal platform.
01
Merkstrategie & Identiteit
We startten bij de kern. Van positionering tot een compleet nieuw logo, kleurenpalet en strakke typografie die direct vakkennis en autoriteit uitstralen.
02
Visuele Identiteit
Vanuit de strategie ontwierpen we een snoeiharde visuele identiteit. Een compleet nieuw logo, robuust kleurenpalet en strakke typografie die de kwaliteit van hun projecten evenaart.
03
Digitaal Design System
Om wildgroei te voorkomen, vertaalden we de identiteit direct door naar een schaalbaar digitaal systeem. Eén centrale bibliotheek met herbruikbare elementen als absolute bron van waarheid.
04
UI/UX Design
Met het design system als basis ontwierpen we de digitale ervaring. Elk scherm, elke flow en elke knop is pixel-perfect uitgedacht om bezoekers feilloos naar een projectaanvraag te sturen.
05
Development & Code
Het visuele fundament is naadloos tot leven gewekt. Voorzien van strakke animaties en gebouwd op een ijzersterke technische architectuur voor maximale snelheid en vindbaarheid.
06
Lancering & Schaalbaarheid
Een gestroomlijnde live-gang zonder gedoe achteraf. We leverden een robuust en overzichtelijk CMS op, zodat het team van Bouwbaas voortaan moeiteloos zelf nieuwe projecten kan toevoegen.
Proces
Het proces: van strategie tot digitaal platform.
01
Merkstrategie & Identiteit
We startten bij de kern. Van positionering tot een compleet nieuw logo, kleurenpalet en strakke typografie die direct vakkennis en autoriteit uitstralen.
02
Visuele Identiteit
Vanuit de strategie ontwierpen we een snoeiharde visuele identiteit. Een compleet nieuw logo, robuust kleurenpalet en strakke typografie die de kwaliteit van hun projecten evenaart.
03
Digitaal Design System
Om wildgroei te voorkomen, vertaalden we de identiteit direct door naar een schaalbaar digitaal systeem. Eén centrale bibliotheek met herbruikbare elementen als absolute bron van waarheid.
04
UI/UX Design
Met het design system als basis ontwierpen we de digitale ervaring. Elk scherm, elke flow en elke knop is pixel-perfect uitgedacht om bezoekers feilloos naar een projectaanvraag te sturen.
05
Development & Code
Het visuele fundament is naadloos tot leven gewekt. Voorzien van strakke animaties en gebouwd op een ijzersterke technische architectuur voor maximale snelheid en vindbaarheid.
06
Lancering & Schaalbaarheid
Een gestroomlijnde live-gang zonder gedoe achteraf. We leverden een robuust en overzichtelijk CMS op, zodat het team van Bouwbaas voortaan moeiteloos zelf nieuwe projecten kan toevoegen.
Design System
Een schaalbaar en levendig fundament. Voor Lumi ontwikkelden we een strak design system dat breekt met de conventies uit de energiemarkt. We combineerden warme oranje tinten met diepe, donkergrijze achtergronden voor optimaal contrast en leesbaarheid in de interface. Aangevuld met heldere accentkleuren voor datavisualisatie en statussen, vormt deze bibliotheek de absolute bron van waarheid voor zowel de digitale app als alle offline merkuitingen.
Design System
Een schaalbaar en levendig fundament. Voor Lumi ontwikkelden we een strak design system dat breekt met de conventies uit de energiemarkt. We combineerden warme oranje tinten met diepe, donkergrijze achtergronden voor optimaal contrast en leesbaarheid in de interface. Aangevuld met heldere accentkleuren voor datavisualisatie en statussen, vormt deze bibliotheek de absolute bron van waarheid voor zowel de digitale app als alle offline merkuitingen.
Design System
Een schaalbaar en levendig fundament. Voor Lumi ontwikkelden we een strak design system dat breekt met de conventies uit de energiemarkt. We combineerden warme oranje tinten met diepe, donkergrijze achtergronden voor optimaal contrast en leesbaarheid in de interface. Aangevuld met heldere accentkleuren voor datavisualisatie en statussen, vormt deze bibliotheek de absolute bron van waarheid voor zowel de digitale app als alle offline merkuitingen.
Measurable impact.
Het nieuwe ontwerp maakt energiebeheer niet alleen inzichtelijk, maar ook belonend. Door complexe data visueel behapbaar te maken en positieve feedbackloops te integreren (zoals "Lekker bezig! Je wekt nu meer stroom op"), hebben we de frictie voor de consument volledig weggenomen. Het resultaat is een modern tech-merk dat vertrouwen wekt en gebruikers stimuleert om dagelijks met hun energie aan de slag te gaan.
Measurable impact.
Het nieuwe ontwerp maakt energiebeheer niet alleen inzichtelijk, maar ook belonend. Door complexe data visueel behapbaar te maken en positieve feedbackloops te integreren (zoals "Lekker bezig! Je wekt nu meer stroom op"), hebben we de frictie voor de consument volledig weggenomen. Het resultaat is een modern tech-merk dat vertrouwen wekt en gebruikers stimuleert om dagelijks met hun energie aan de slag te gaan.
Measurable impact.
Het nieuwe ontwerp maakt energiebeheer niet alleen inzichtelijk, maar ook belonend. Door complexe data visueel behapbaar te maken en positieve feedbackloops te integreren (zoals "Lekker bezig! Je wekt nu meer stroom op"), hebben we de frictie voor de consument volledig weggenomen. Het resultaat is een modern tech-merk dat vertrouwen wekt en gebruikers stimuleert om dagelijks met hun energie aan de slag te gaan.
![](data:image/svg+xml,<svg display="block" id="3440042408" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 10.939 0.439 C 11.525 -0.146 12.475 -0.146 13.061 0.439 L 23.56 10.939 C 23.632 11.011 23.696 11.09 23.753 11.175 C 23.79 11.231 23.822 11.29 23.851 11.349 C 23.883 11.417 23.912 11.487 23.934 11.56 C 23.943 11.591 23.95 11.622 23.958 11.653 C 23.984 11.764 24 11.88 24 12 C 24 12.124 23.982 12.245 23.953 12.36 C 23.947 12.386 23.942 12.411 23.934 12.436 C 23.912 12.51 23.883 12.581 23.851 12.649 C 23.821 12.711 23.786 12.772 23.747 12.83 C 23.728 12.859 23.707 12.886 23.686 12.912 C 23.647 12.963 23.607 13.014 23.56 13.06 L 13.061 23.561 C 12.475 24.146 11.525 24.146 10.939 23.561 C 10.354 22.975 10.354 22.025 10.939 21.439 L 18.879 13.5 L 1.5 13.5 C 0.672 13.5 0 12.828 0 12 C 0 11.171 0.672 10.5 1.5 10.5 L 18.879 10.5 L 10.939 2.56 C 10.354 1.975 10.354 1.025 10.939 0.439 Z" fill="rgb(13, 13, 13)" height="23.999700112499998px" id="NXMdrlg2K" transform="translate(0 0)" width="24px"/></svg>)
Contact
Locatie
The Design Fabriq werkt vanuit Zwolle, Nederland, en bouwt digitale systemen voor ambitieuze merken wereldwijd.
© 2026, The Design Fabriq | All Rights Reserved.
Contact
Locatie
The Design Fabriq werkt vanuit Zwolle, Nederland, en bouwt digitale systemen voor ambitieuze merken wereldwijd.
© 2026, The Design Fabriq | All Rights Reserved.
Contact
Locatie
The Design Fabriq werkt vanuit Zwolle, Nederland, en bouwt digitale systemen voor ambitieuze merken wereldwijd.
© 2026, The Design Fabriq | All Rights Reserved.