A tool to help you eat more nutella

Nov 28, 2014
View Site
View on Github

nutella Also known as the-thing-you-never-knew-you-needed-but-now-can't-live-without.

I'm really excited to announce the launch of a fun side project I've been working on with Marie Lucas over the past month. It's an all-in-one tool for getting more nutella into your life!

The site, called "7 ounces" because that's roughly how much nutella we eat in one sitting, gives users two ways to find more nutella: searching local restaurants that have nutella on their menu, or searching for recipes that are nutella-based. We used APIs from Yelp and Yummly to source our data and worked together to get the site up and running. Check it out for yourself.

Interested in learning more about how this project came together? Here's an overview of our process.

Sketching and product design

Using a basic concept, we sketched out various ways to implement a solution and create a user-friendly experience.

Design Iterations in the Browser

After coming up with a basic site architecture and branding, we set up the site and iterated on the design in the browser.

The landing page gives users two options - searching for restaurants or recipes - and subsequent pages display images and content on a responsive grid.

</h4>Food Photography</h4>

All photography on the site was was styled and shot by us. We used the photography as background images and as a part of the site footer.

Implementation: APIs, jQuery, and Rails

The front-end was implemented with Twitter Bootstrap and SCSS. The back-end is Ruby on Rails, and the app is deployed to Heroku. We also used APIs from Yelp and Yummly to power search results.

Try it out