Tag Archives: Design

Life Stage Icons

OpenFarm’s Growing Guides are structured stories describing how to grow a Crop based on specific environmental conditions and growing practices. On a high level, the Guide is broken down into Life Stages  – specific periods of the plant’s life where different actions are required. For example, during the Fruiting Life Stage, one might recommend to prune specific parts of the plant.

When a user creates a Growing Guide, they are asked to specify which Life Stages they would like to include. We wanted a fun and easy to understand interface for users to select these stages, leading us to a design with large, selectable icons that symbolize the Life Stages. A friend of the OpenFarm team, Claire Dierksen, has graciously designed some awesome icons for us. Check them out by creating a Guide!

Screenshot 2015-01-20 at 10.33.10 AM

Search Results and Crop Pages Design

The design of Search Results and Crop pages on OpenFarm has changed a lot in the last 6 months. In this blog post we’re going to show you all of the different mockups we have gone through in order to get to the current design.

April, 2014

These mockups were created very early in our journey of figuring out how OpenFarm would function. We we’re mostly focused on how best to lead the user from the homepage to relevant content suited for them. We went with a categorical approach for search results, along with filter bars similar to those found on sites like Amazon and All Recipes. Upon finding a more specific plant to grow, the user would be taken to the Crop Page, where they could then use more filters to find the right Growing Instructions for them. An important difference from here to now is that the Crop is rated with the user for compatibility, whereas today the Guide is rated for compatibility.

Search April

Crop April
Continue reading Search Results and Crop Pages Design

Homepage Facelift

The OpenFarm development team has been hard at work giving the site a clean, modern, and unified facelift as we roll out new features. Our new homepage has an awesome video background with scenes of my friends in a community garden near my home, and also my backyard chickens! We think it is a fun, engaging, mood setting introduction to OpenFarm that we hope will make users smile.

The rest of the Homepage remains simple so as to put Search and Guide Creation front and center. Below the scroll is a Featured Section which will be populated with the most popular Crops! We’d love to hear your thoughts on the new homepage. Drop us a line in the comments below!

Here are all of our mockups that lead us to this design, and thanks to the homepages of Airbnb and Instructables for inspiration! Shoutout to Ryan McLeod for helping with the design process and actually writing the code to make it pixel perfect! Continue reading Homepage Facelift

The Growing Guide – An Evolution

Growing Guides are the body of OpenFarm; they are the primary piece of content that capture the methodology of growing a Crop based on a single author’s perspective. Growing Guides are both creative and highly structured documents. They are fixed in concept while fluid in detail, as the exact data they convey changes not only on what the author decides to share, but also on who is reading the Guide, where they live, and their farm or garden’s environmental conditions. The data is not only meant for humans to read, but machines and other applications too. Guide content can be translated across hemispheres, units, and languages alike. Guides are complex, and yet I think we are approaching a beautifully simple interface and experience for creating and consuming them.

This blog post is a story of how the Growing Guide has evolved since I started thinking about OpenFarm nearly one year ago. Continue reading The Growing Guide – An Evolution

What do you think about the OpenFarm Guide Creation Flow?

Hi OpenFarm Backers!

We’ve been hard at work adding features, data, and style to OpenFarm over the last month. Have you seen the new homepage?! Now, we could use your input for the next step in our progress: Guide Creation.

Growing Guides are the primary piece of content on OpenFarm, and so the way that someone creates a Guide needs to be well thought out. We’re aiming for a process that is:

  • Fun,
  • Easy,
  • Allows for author creativity, and
  • Guides the author to produce high quality, consistently formatted content.

Click here to see the mockups and share your input!

A sneak preview: