Redesign mobile app for Tittle light
Tittle is a highly interactive LED light cube that allows users to customize frames and select and play light animations by their smartphones.
During the time I was working in Clarity, we worked closely with the hardware team in this IoT project. We helped Tittle build the mobile app and worked continuously with them to design and develop more functions.
2016, 3rd Quarter
Revamp on the current design to make the mobile application looks modern and intuitive to use. it should be as natural as we use a remote to control our television or air conditioner.
First, I have discussed with the title light team to understand the product and gather their requirements & expectations for the new design. Then, I have conducted an expert review of the current design and created a strategic design plan. Here are some guidelines I have kept in mind when doing the design
Simplify the control; users should be able to play with different feature with one tap
Let user focus on the functionality without distractions
User can scan all the primary function at a glance
Easy to use
It should provide instant feedback for user's actions
Provide sufficient hints and education for the new user
Other than one tap to play, make sure users will be able to discover secondary functions easily.
I have created sitemap and wireframes to illustrate my initial concept.
Once client have confirmed with the structure and design direction, I have created high fidelity wireframes with different colour schemes, at the end client have selected the black theme as the colour scheme of the application
Animation design for open folder
Icon animation - One tap to play feature on tittle light
Splash Screen animation
Final UI design