herrs.com | Recipe Page - v1


The first round of the recipe inside page design is ready for your review!! 🎉🥳

Here you will find four versions of the recipe page. Here is an overview of what you can expect with these designs:

  • The first and second designs (v1a and v1b) focus on teal being the accent color, while the third and fourth designs (v1c and v1d) focus on teal being the main color.
  • There are also 2 different layouts to choose from. In designs v1a and v1c offer a layout where the directions/steps appear below the ingredients list, while in designs v1b and v1d, the directions/steps appear to the right of the ingredients list.

Here are a few things to keep in mind as you review the links below:

  • About the Static Mockups
    • When we say "static" mockup, it means that you can't interact with the mockup other than scrolling up and down
    • This mockup has been designed to mimic a laptop screen, so if you look at it on a large screen you may see gutters. Conversely, if you are viewing it on a mobile phone it won't be "responsive" (i.e. mobile friendly)
  • The Kind of Feedback We Are Looking For:
    • We are looking for your thoughts on the following:
      • The overall look / feel of the page. For example:
        • Do you like this layout? Would you prefer something different?
        • Do you like the icons used? Are there any missing?
      • Which layout you prefer
        • i.e. directions appearing below the ingredients list vs. directions appearing to the right of the ingredients list
      • Which color color you prefer
        • i.e. teal being the accent vs. teal being the main color
    • Please let us know specifically about any aspects of this design that you love
    • If you dislike any aspects of this design, that's okay too! If your feedback is as constructive and specific as possible, we will get to the finish line very quickly!
    • Please take note of your initial reaction, but also take time to review the design in detail

When you are ready, let us know if you prefer to send written feedback or review in real-time

Regards,
The Flylight Media Team

Interactive Mockups:

Static Mockups: