PowerMo Website Redesign
When you receive the electric bills, you want to understand why it's so expensive, but it's difficult to track every detail from your devices. PowerMo is an online tool can help you to solve this problem! I worked on this project to improve the visual language and made the whole flow smoother and easier to use. For the report, I came up with a super friendly language design to make it fun and comfortable.
My Role:
UX, Visual Language, Prototyping
Duration:
November -December, 2018
Tools:
Sketch, InVision, Adobe Illustrator, Adobe Photoshop
Problems
Why is my electric bill so expensive this month?
How can I reduce my energy consumption and save money?
How much time are my kids spending on their Xbox?
Solutions
See a detailed report of how much energy each home device is using.
Turn off devices that aren’t in use to save energy and money.
Detailed reports, in real time, of how long that Xbox has been used for, especially during when your kids are supposed to be doing their homework!
Visual Design
Version 2.1
Version 2.2
Before vs. After
1. Sign Up/Log In Page
Big icons make the page friendlier.
2. Devices Page
Showing devices with big icons and different colors.
Check Usage history quickly and easily.
3. Usage Page
Redesign date for chart.
Use icon for devices
Make the line bigger and more mobile friendly.
Redesign usage summary.
4. Power Page
Assign a specific color to each device.
Redesign the power summary, so users can focus on what they want to see.
5. Reading Page
Changing layout for device search for efficiency.
Alternating row backgrounds creates visual ease.
6. Account Page
Persistent left navigation or scrolling on settings page.
Redesign all the forms, making it clear and simple.
