Design to enhances notification and bill- handling experience
Brand
Energy Bee
Product
Mobile App
My Role
UXR, UX & UI Designer
Time
Jul - Aug 2022
Have you ever been in the middle of an important online meeting when the power suddenly went out? Or lost hours of work because you couldn’t save your progress in time?
As remote work becomes common, unexpected power cuts have disrupted our daily lives more than ever. These experience made me ask: How do energy users currently manage their consumption and how can we improve that experience?
Challenge
How might we help users prepare for planned power cuts and better manage their bills?
Solution
Encourages users to set up reminders, for power cuts and payment.
User Research
Through semi-structured interviews with five participants, who had prior experience in bill handling, I found unstable bills and unexpected supply are mentioned by every interviewee.
These insights led to the creation of Max, a busy café owner who relies on a stable energy supply to keep his business running. Unexpected power cuts cost him customers. Unpredictable tariffs make financial planning difficult.
Main Goals
Stable bills
Reliable supply
Saving money
Main Pains
Unexpected power cuts
Sudden tariff increases
Missing or unclear bills
The power went out while I was updating a file, I lost everything and had to start from scratch.
Running a small store keeps me busy and I have to juggle utility bills for my home and business.
I compare my bills regularly, stable live expenses help me control family budget.
User Persona
Meet Max - a busy café owner who depends on stable, predictable energy to keep his business brewing.
"I want to keep my café cosy and professional. Being aware of supply status, cost and profit is essential to me."
Max
Cafe Owner / Barista
Age
Location
37 years old
Turkey
Max owns a small café in his hometown.
To keep his business running smoothly, Max needs an energy supplier that provides reliable updates, clear billing, and easy management tools.
He adjusts his business strategy based on real-world circumstances, which is why he is highly conscious of costs. His goal is to run a sustainable café.
End Goal
Run a sustainable business
Provide the best coffee and service
Find balance between home and café
Experience Goal
Reliable energy supply
Consistent tariffs
Stay informed from supplier
Frustration
Unclear and unstable expenses
Sudden power cuts
Juggle between home and business
Ideation
Predictability and control over his usage put Max back in control
Max wants to run a sustainable café and serve the best coffee to his customers. To do that, he needs predictability and control over his energy usage.
Journeys from login to payment & Reminders
4 ways of payment
Reminder setting / editing
Reminder Setting/Editing
Usability Test
98.2% of tasks were successful
Usability tests were conducted both in-person and remotely, with four participants completing 14 tasks. In total, 57 attempts were made.
Iteration
The design changes based on usability test
and professional feedback
Optimise reminder feature for power cuts and payment
Adding a top banner on the home page for quicker access to planned power cuts.
Enabled reminder set up directly from the banner and bill.
Site Map Adjustment
Divided “Setting” to a new category to increase clarity.
Renamed “Account” to “Property” to avoid confusion.
The Latest Design
The design helps Max run his business smoothly by providing
Preparedness
The App encourages Max to set reminders for upcoming power cuts and bill payment, so they can take proactive action in advance.
Financing Planning
Max can easily compare his bills for better budget management, increasing awareness of consumption patterns and cost changes. A year-on-year comparison is available.
Efficiency
The app allows bulk bill payments, saving valuable time. For store-based payments, Max can generate a QR code and share it with his café staff, allowing them to complete the transaction on his behalf.
Scene 1
Max selects the bills to pay and generates a QR code.
Scene 2
Upon arriving at the bank, he opens the app to access the QR code
Scene 3
After completing the payment, he instantly receives a confirmation
A Self-Reflection
What I would have done differently?
Every step of this project brought me joy. I still remember my whiteboard full of sticky notes and wireframes, wondering how I would transform those rough sketches into a functional product. I made it—and I learned valuable lessons along the way.
Prioritise the Persona’s Needs: Start from core features instead of all features.
Simplify Persona: Merge to one Persona, unless there are significant differences.
WCAG from early stage: Check accessibility from branding colour.
