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

Icons & Illustrations

Other Graphic Elements

Thank
you

Previous
Previous

CoLive - Mobile App

Next
Next

UX/UI Crossover Project