laptop image
web design - home page part 1 web design - home page part 2
smart bulb app design - aper├žu light theme
Photo of a bedroom with a smart bulb controlled by an app

Creation of a concept app design for a smart bulb. This was my first app design experience and not my speciality but still, interesting. The project targeted as a partnership the company called Lifx. When doing this project with a friend in Australia, I was actually travelling (cycling) in Laos. Later on, we kept on working together after I reached Siem Reap. This concept never got anywhere but we learned something.

Logo

The logo might be the most accomplished asset across the whole project. In fact, it is closer to my main skill of graphic designer. The colors are inspired by the sunset and sunrise that we experience every single day. The icon ‘w’ stands for the first letter of the brand, obviously, and represent also a bulb. The arc formed by the dash line express the cycle of days.

App design Concept

Creating a smart bulb app design from scratch is not something easy of course. I worked closely with a developper at the time and, while he was defining the functionalities, I took care of the user interface. For the home page, I decide to use that “tile design” that Google is fond of. Each tile had a title, a bulb icon indicating the state of the concerned smart bulb, a time range and an option menu. Most of the other pages we made we settings : color, brightness, time, etc…

Icons set

Along the way, I also developed a set of icons that would be used within the app. The bulb icon had the actual logo included within the icon. Hence, the loop formed by the ‘W’ became the L.E.D or old fashion filament of the bulb. I must say, I was very proud (and still is) of the creative idea for this icon.

Website design Concept

To complete the app development we also planned to release a website that would promote its close friend. There was also a mention of the supposed partnership. Eventually, the website itself would have a dark and light theme to better fit the while smart bulb thing.

Video animation

In order to explain how would work the app to potential clients, I’ve made a simple (a bit slow) animation that would sum up the entire project.

More

See other app design project likethis Crypto app design.

RGB 96 192 247
CMYK 53 9 0 0
HEX #60c0f7
RGB 255 171 129
CMYK 0 40 49 0
HEX #ffab81

39 39 39

71 65 64 69

#272727

127 127 127

52 43 43 8

#7f7f7f

Roboto


A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

0 1 2 3 4 5 6 7 8 9

No worries, we can communicate online.

I am in Phnom Penh, is that an issue for you ?

Happy to chat :-)