Skip directly to content

Full Plate Living

Award Category 
Drupal Version 
This website looks great on mobile devices!
Brief Overview 

Full Plate Living is part of the Ardmore Institute of Health, an organization dedicated to educating the public about adopting a healthy lifestyle through better nutrition. Though the client had a strong following online, their former site was limited in capabilities, and was restricting the growth of their online presence. This project empowered the client to take more control of the content they create online, while making their content completely responsive and mobile friendly. This mobile-first approach and responsive design allowed the client to see an increase in conversion rates, which will ultimately not only help their business, but also help disseminate a message of healthy living. Four Kitchens was able to continue to innovate in the responsive web design field, and contributed to Aurora based theme, the Twitter pull module, and Panopoly. In addition to our Drupal contributions, through this project, we also contributed to the FitVid.js library and the HTML5 placeholder polyfill patch.

Launch or Publication Date 
Monday, November 12, 2012
Key Modules, Theme, and Distribution Used 
Distribution: Panopoly. Modules: Style guide module, Flex slider module. Theme: Aurora.
Why these Modules, Theme, and Distribution were Chosen 

 

Panopoly:

While it was still in its early stages at the project outset, it was still advantageous because of the ease with which the client's (non-developer) web team could create content pages with various layouts. Designing each page from the beginning to be viewable on mobile forced us to make layout choices early rather than attempting to adapt each page for viewing on reduced screen sizes later in the process. With the decisions made early, even our least visually-inclined developers could create pages that responded fluidly to different screen sizes without the need to consult a designer.

Style guide module:

Helpful with our design in browser approach. This module allowed us to see all of the styles utilized in the site before theming starts. Our strong style guide empowered non-designers to design single pages confidently, if need be, without having to ask a designer to mock-up a page.

Flex slider module:

This module helped us with our responsive and mobile images, and gave us the ability to create responsive slideshows. 

Aurora theme:

Aurora is a base theme that includes Sass (a CSS meta-language), Compass (an open source CSS authoring framework) and Susy (a responsive grid for Compass). In addition to utilizing this theme, our developers contributed back to this theme in order to benefit the Drupal community.

Owner's Name 
Full Plate Living - Ardmore Institute of Health
Development Company 
Four Kitchens
Four Kitchens is a design and development firm located in Austin, Texas, that works exclusively with Drupal and other open-source web software. Unlike many firms, ours is a one-stop shop for large-scale web projects. Branding, design, information and systems architecture, usability, development, and project management are all handled in-house by our team of talented web chefs. Four Kitchens’ reputation in the Drupal community – particularly as a leading authority on Drupal scalability, performance, and theming – has earned us invitations to speak at numerous conferences and to participate in code and theming sprints held around the world.
Why Drupal Was Chosen 
The client was using Expression Engine as their CMS, however, they seemed to require more flexibility creating and managing content. The client realized their site was limiting their ability to use the web to engage the community. They couldn't easily add informational pages and new site features were hard to incorporate. Two major requirements drove the development of the site: content needed to be easily managed by the client's web team and all pages needed to be designed to be responsive. With this in mind, we opted to use Drupal and the Panopoly distribution.
Describe the Project (Goals, Requirements, and Outcome) 

 

Project goals: Increase site visitors and community engagement. 

Outcome: Conversion rates are 3 to 5% higher across the board. Much of this increase is attributed to the site's responsive design.

Type of Nomination 
Website