Avon POC

Styleguide

• Overview
• CSS
• Elements
• Groups
• Layouts
• Modules
• Javascript

Pages

General

• Home
• Home - Unauthenticated
• Beauty Buzz
• Dashboard
• Global items (header, footer, etc.)
• Alerts
• Legacy Alerts

Sign in

• Sign in
• Set/Reset Credentials
• Success Messages
• Modals

Registration

• Become A Representative
• Become A Representative (With Promo)
• Basic Info
• Starter Kit (List and Detail modal)

My Account

• Account Balance
• Change Password
• Get Paid by Avon
  • Modals
• Saved Credit Cards
  • Modals
• Pay Avon
  • Modals (QuickPAY Enrollment)
  • Modals (Saved Credit Card)
• Profile
• Online Presence
• Message Center

Get Support

• Contact Sales Leader
• Support

Products

• Item Entry
• Product Detail (PDP)
• Product List (PLP)
• Search Results
• Search Results (No Results)
• Virtual Brochures
• Your Order

Checkout

• All Modules
• Group 1 - Past Due Balance
• Group 2 - Full Payment and Review Order
• Group 3 - Split Payment
• Group 4 - Payment Failed
• Order Confirmation

Orders

• Online Order History
  • Details
• Direct Delivery Report
• Track Submitted Orders
  • Detail
• Invoices
  • Invoice Addendums
• Process Returns
• Customer Order Information
• Customer Product Reminder Report

My Office (Customers)

• Contact Manager
  • List (landing page)
  • Detail (Regular Customer)
  • Detail (Online Customer)
  • Add
  • Import
  • Groups List
    • Members List
  • Modals
• Follow-ups Manager
• Reports
  • Reports (No saved reports)

Earnings

• Earnings
  Earnings - Detail

My Team

• Contact Manager
  • List (landing page)
  • Detail
  • Groups List
    • Members List
  • Modals
• Reports

Blank Pages

• 12 Column
• 12 Column - Inner 6x6
• 10 Column - Centered
• Secondary Nav Demo

Blank Modals

• Either/Or
• Either/Or (Discourage Negative Action)
• Generic

Code snippets

• Campaign Literature
• Facebook Sign in Button

Diff Reports