Homepower
Smart home app designed for tablet, mobile and desktop.
Overview
This is a UI project I worked on while learning
UX/UI with Codesigner.
In this project, we received wireframes for a
tablet application and the dashboard of a
desktop application. Our task was to refine the wireframes if necessary, following that, we
designed both light and dark modes for the tablet app and a light mode for the dashboard.
Finally, we adapted the tablet app for mobile
devices, creating a seamless experience across
different screen sizes.
Stage 1
Wireframes
Review & Refine
Tablet Homepage | original
Tablet Homepage | new version
Tablet Sequence setting
Desktop Dashboard
Stage 2
Design - Tablet
Light & Dark mode
Design - Desktop Dashbaord
Stage 3
Design Adaption for Mobile
Light & Dark mode
Design System
Color pallete
Light mode
Typography | Roboto
All platforms
Desktop only
Dark mode
Other graphic
elements
Thank
you
Icons & Illustrations
Design System
Color pallete
Typography | Roboto
All platforms
Other graphic
elements
Icons & Illustrations
Light mode
Desktop only
Dark mode