Homepower
Smart home app designed for tablet,
mobile and desktop.
Overview
This UI project was created as part of my UX/UI course with Codesigner. We were provided wireframes of a tablet application and a desktop dashboard. My task was to refine the wireframes where needed, and to design the interface - light and dark modes for the tablet version and a light mode for the desktop dashboard. Finally, I adapted the tablet application for mobile to ensure a smooth and consistent experience across devices.
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 Dashboard
Stage 3
Design Adaption for Mobile
Light & Dark Mode
Design System
Color Palette
Light mode
Typography | Roboto
All platforms
Desktop only
Dark mode
Other Graphic
Elements
Thank
you
Icons & Illustrations
Design System
Color Palette
Light mode
Dark mode
Typography | Roboto
All platforms
Desktop only
