Wireframes - Slim Fast

  • Published on
    09-Feb-2015

  • View
    441

  • Download
    0

Embed Size (px)

DESCRIPTION

Consumer-facing site redesign: Diet giant Slim-Fast needed to redesign their consumer website. They contracted with online ad agency Grey Interactive to put together the structure of their "new look", oriented towards "ease of use", self service and building a strong customer relationship. http://www.jcvtcs.com/-experience/grey-adv-slimfast.html

Transcript

  • 1. Pg 1 Slim-Fast Re-skinning Grey Interactive 03/15/12Slim-Fast SiteRe-Skinning Guidelines
  • 2. Pg 2 Slim-Fast Re-skinning Grey Interactive 03/15/12Registration & Membership Unregistered Customer Experience Registration Process Membership Sections Meal Plan Activity Log Nutrition Log
  • 3. Pg 3Top Level Flow Slim-Fast Re-skinning Grey Interactive 03/15/12 Unregistered Registered Customer Customer Slim-Fast Home My Slim-Fast Join Now! Plan Enrollment Survey Meal Plan Welcome to Membership Activity Log Join Now! Lifestyle Questionnaire Join Now! Join Now! Nutrition Log Join Now! Getting Started
  • 4. Pg 4Enrollment Survey Slim-Fast Re-skinning Grey Interactive 03/15/12 Slim-Fast Header & Navbar Survey (illustration) Members Sign-In! Enter your email Enter your password Enrollment Survey Content Area Sign in Remember me Intro & Questionnaire Join Now Disclaimer Bottom Nav elements
  • 5. Pg 5Welcome to Membership Slim-Fast Re-skinning Grey Interactive 03/15/12 Slim-Fast Header & Navbar Success Stories Thank you Featured story, (illustration) blurb Go to page My Slim-Fast Plan Buddies Tips Diary blurb Fitness Plan Go to page Nutrition Log Welcome to the Slim Fast Club Meal Plan Content Area My Profile Weight Chart Intro & Overview Tell a Friend Change user blurb Sign out Go to page Disclaimer Bottom Nav elements
  • 6. Pg 6Lifestyle Questionnaire (pg 1) Slim-Fast Re-skinning Grey Interactive 03/15/12 Slim-Fast Header & Navbar Lifestyle Questionnaire 9 field areas (optionbuttons, dropdown listboxes, and checkboxes) Save and go to Next page
  • 7. Pg 7Lifestyle Questionnaire (pg 2) Slim-Fast Re-skinning Grey Interactive 03/15/12 Slim-Fast Header & Navbar Lifestyle Questionnaire 3 field areas (optionbuttons and checkboxes) Save and go to Next page
  • 8. Pg 8Lifestyle Questionnaire (pg 3) Slim-Fast Re-skinning Grey Interactive 03/15/12 Slim-Fast Header & Navbar Lifestyle Questionnaire Content Return to Site
  • 9. Pg 9Getting Started Slim-Fast Re-skinning Grey Interactive 03/15/12 Slim-Fast Header & Navbar Getting Started Intro Meal Planner Description Go to page Fitness Planner Description Go to page Food Log Description Go to page Activity Log Description Go to page Disclaimer
  • 10. Pg 10Meal Planner Slim-Fast Re-skinning Grey Interactive 03/15/12 Slim-Fast Header & Navbar Weekly Meals Intro Nutrition Log Meal Plan [# of Calories in current plan] blurb (illustration) Adjust My Calories Go to page Lower Carb My Slim-Fast Plan Meal Planner Activity Log Daily Meal (x7 days) blurb Weekly Meals Display Printable Version of menu for day Go to page Weekly Shopping List For each of the 6 meals: (Breakfast, Snack #1, Lunch , Snack #2, Dinner , Snack #3) My Favorite Meals Link to Recipe Tell a Friend Link to Alternative Substitute blurb Schedule Slim-Fast Go to page Meals Remove Meal Plan Help [Closure] Re-take Retake Lifestyle Questionnaire reminder Questionnaire Remove all checked items View Last week Fitness Planner View Next week BMI Tool Print all meals Print all dinners only Food Log Printer-friendly version Activity Log Sign out Disclaimer
  • 11. Pg 11Food Log (a) Slim-Fast Re-skinning Grey Interactive 03/15/12 Slim-Fast Header & Navbar Food Log Details Nutrition Log Food Log Intro, Overview and Directions blurb (illustration) Go to page Entries for [ todays date ] My Slim-Fast Plan Synopsis of Meals (x6) Activity Log Meal Planner Breakfast, Lunch, Dinner, 3 Snacks blurb Fitness Planner [ Meal #1 ] Go to page BMI Tool Link to Recipe Remove Add an item to this Meal Food Log Tell a Friend Food Log Details blurb Water intake log Go to page [ Meal #n ] How to use the Link to Recipe Remove nutrition log Add an item to this Meal Activity Log Delete all checked items Sign out Nutritional Information Breakfast Lunch Dinner Snacks Last 7 Days Continued next page
  • 12. Pg 12Nutrition Log (b) Slim-Fast Re-skinning Grey Interactive 03/15/12 Synopsis of Meals (continued ) Summary of Todays Nutritional Information Categories Actual Recommended (17 Categories) Define New Food Define New Recipe Manage my Defined Items Daily Journal Directions / blurb: [enter text] To enter information for another date Calendar Selector
  • 13. Pg 13Activity Log (a) Slim-Fast Re-skinning Grey Interactive 03/15/12 Slim-Fast Header & Navbar Activity Log Nutrition Log Fitness Plan [ todays date ] blurb (illustration) Step Your way to success with a Step Counter Go to page Slim-Fast recommendations for Stepping Success My Slim-Fast Plan Directions for how to use Step Counter and Log Save to my Log Activity Log Meal Planner blurb Fitness Planner Go to page My Daily Step Counter BMI Tool Step Counter Summary Food Log Goal for today: 0 Steps Tell a Friend Activity Log blurb Today I walked: 0 Steps Step counter & Go to page Activity log Areas to improved My Exercise Routine Today Cardio Calorie Burn Summary Stretching tips Walking (moderate) Exercise Facts Fitness plan help Change preferences Time (minutes) 30 Sign out Continued next page
  • 14. Pg 14Acivity Log (b) Slim-Fast Re-skinning Grey Interactive 03/15/12 My Exercise Routine Today (continued.) Rest Exercise Facts Time (minutes) 30 Additional comments about todays workout: [enter text] My weight today: 194 lbs / 88 kg (for calories burned calculation) Save to my Log To enter information for another date...