SmartThings

0202

THE QUESTION

How can a site easily handle many products and allow the user to quickly find what they are looking for?

SmartThings lets you easily monitor, control, and secure your home from any location using a complete range of products all controlled from your smart phone or device. Their current website was designed and developed in-house and this worked at first, but as their offerings and products expanded they quickly bloated their website to the point of unusability. So moving forward the focus had to be on the user.

Following a new direction to their branding, I was tasked to design a variety of sections for their landing pages with ease-of-use in mind.

Steve Miller
Landing Page Design, & Design Direction

SmartThings
Creative Direction, Development

[unex_ce_button id="content_1s7vgx6c1,column_content_7goz20fz8" button_text_color="#000000" button_font="bold" button_font_size="14px" button_width="auto" button_alignment="left" button_text_spacing="1px" button_bg_color="#ffffff" button_padding="10px 30px 10px 30px" button_border_width="1px" button_border_color="#000000" button_border_radius="2px" button_text_hover_color="#ffffff" button_text_spacing_hover="1px" button_bg_hover_color="#000000" button_border_hover_color="#000000" button_link="http://smartthings.com/" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]Live Website[/ce_button]
SmartThings LogoSmartThings Logo
landing-screenslanding-screens

SmartThings Kits for This Week in Tech Listeners

Responsive Design

Entire interface and components are embedded in the owner´s grid system platform, contemplating breaking points for the appropriate responsive design.

More Case Studies

[unex_ce_button id="content_a4z8ba9ji,column_content_xqs0ndxx8" button_text_color="#ffca0e" button_font="bold" button_font_size="36px" button_width="full_width" button_alignment="center" button_text_spacing="-0.5px" button_bg_color="#efefef" button_padding="75px 50px 75px 50px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="1px" button_bg_hover_color="#ffca0e" button_border_hover_color="#000000" button_link="http://theartofsteve.me/work/boom-earwear/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]Boom Earwear[/ce_button]
[unex_ce_button id="content_a4z8ba9ji,column_content_48mz4y8on" button_text_color="#20da57" button_font="bold" button_font_size="36px" button_width="full_width" button_alignment="center" button_text_spacing="-0.5px" button_bg_color="#e8e8e8" button_padding="75px 50px 75px 50px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="1px" button_bg_hover_color="#20da57" button_border_hover_color="#000000" button_link="http://theartofsteve.me/work/the-music-run/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]The Music Run[/ce_button]