Move Smartly
Educating Readers on Smarter Real Estate
![MoveSmartly website on desktop](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/Move%20Smartly/MoveSmartly-top-desktop-view.png)
![MoveSmartly website on tablet](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/Move%20Smartly/MoveSmartly-top-tablet-view.png)
![MoveSmartly website on mobile](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/Move%20Smartly/MoveSmartly-top-mobile-view.png)
Background
Move Smartly is a blog website that helps consumers make better real estate decisions. Focused on the greater Toronto area, Move Smartly provides a trusted source of thought leadership content through articles, reports, and guides. Besides the website design, SmartBug Media® created the Move Smartly logo—a design which aligns with the brand qualities of its parent site, Realosophy. Unlike typical blogs, Move Smartly’s clean and minimalistic site includes various-sized content containers, thus creating interest on the main page while showcasing various types of content.
![MoveSmartly desktop first unique look](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/Move%20Smartly/1-MoveSmartly-double-desktop-slideA.jpg)
![MoveSmartly desktop second unique look](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/Move%20Smartly/1-MoveSmartly-double-desktop-slideB.jpg)
A Unique Look
We combined existing content (in reorganized categories) with a restructured user interface design and layout to create a better blog architecture.
![MoveSmartly homepage on desktop](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/Move%20Smartly/2-MoveSmartly-desktop-overlap-slide1.png)
![MoveSmartly homepage on mobile](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/Move%20Smartly/2-MoveSmartly-mobile-overlap-slide1.png)
Creating a Homepage
The newly added homepage uses a magazine-style layout that emphasizes visual elements and typography and carefully balances negative space and full-bleed imagery.
![MoveSmartly mobile website 1](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/Move%20Smartly/3-MoveSmartly-double-mobile-slideA.png)
![MoveSmartly mobile website 2](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/Move%20Smartly/3-MoveSmartly-double-mobile-slideB.png)
Designed for Easy Updates
The homepage was built to be easily updated and always look good—even if the person updating it isn’t familiar with basic design principles.
![MoveSmartly magazine-style digital publication](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/Move%20Smartly/4-MoveSmartly-tablet-slide1.png)
Mobile and Marvelous
The mobile layout is responsive and stays true to the original intent to turn Move Smartly into a magazine-style digital publication.
![MoveSmartly visual categories](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/Move%20Smartly/5-MoveSmartly-tablet-overlap-slide1.png)
![MoveSmartly visual categories on mobile](https://www.smartbugmedia.com/hubfs/_sbm_2017/1.0%20Work/Move%20Smartly/5-MoveSmartly-mobile-overlap-slide1.png)
Looking the Part
The visual categories at the top of the page look less like a blog and more like an expensive real estate website focusing on a variety of authoritative topics.