The Challenge

Create a place for Landis Carey and Sarah Gee to share their extensive interior design and home ownership knowledge while showcasing their beautiful photos in a way that lets their personality take center stage.

The Solution

We knew from the beginning that on Grove’s amazing photography would determine the look and feel of the site and help direct the user experience. This allowed us to use photos not only as full-screen parallax backgrounds, but also as smaller thumbnails to accentuate blog posts.

1_ongrove-default

Because photos are used as large areas of intentional color, the actual palette of the site UI is purposely reserved in comparison. Copy and white space maintain visual balance and provide a sense of rhythm and excitement as you scroll through the site.

2_ongrove-scroll

We used a sticky header on The Handbook blog to make selecting a category and searching for specific topics easy. Content is also organized by date, and automatically shifts from large featured post areas to smaller secondary and tertiary sections, so you can tell at a glance which post is the newest. It also makes content management a breeze for Landis and Sarah, allowing them to focus on creating fresh posts instead of wrangling code.

3_ongrove-desktop-3

When it came to creating an About Us page, we used sliding divs with intuitive navigation to give it a sense of movement and present the content in an interesting way.

4_ongrove-desktop-4

5_ongrove-desktop-5

We also created a set of custom icons for on Grove to use when they don’t have a specific blog post photo. Icons are category specific and can be used at large and small sizes.

10_ongrove-icons

Mobile users are an important on Grove demographic, so the mobile experience presents the desktop information in a way that works well and is formatted to fit smaller screens.

6_ongrove-mobile-1

7_ongrove-mobile-2

Sticking the nav menu to the bottom of the browser also makes it easy to use the site with one hand, even as newer phone screens get taller and taller – ever try reaching a hamburger menu at the top of a site with your thumb? Frustrating.

8_ongrove-mobile-3

9_ongrove-mobile-4

Let's Begin

Have a wild idea you'd like forced into OBEDIENCE? Whether you need designs for a website, a logo, or something else, THE MACHINE can help.

What's your name?

What would you like to talk about?

What do you have in mind?