Core Concepts of Share Design Update:

  1. The shadowbox/main functionality (Save, Print, Cancel) should fit above fold. The user will scroll to view entire item.
  2. We want this interface to be different then our other dialog shadowboxes. No purple top background header and use large Scala Sans font as main header font.
  3. Overall want want this shadowbox to be thinner horizontally, it should be close in size the widget/ search results area, maybe 15px wider to accommodate scroll bar. If possible, place shadowbox directly above to fit horizontally (like in sample image below).
  4. The shadowbox should be within 10-15 px from the top of the screen to maximize viewable area of shadowbox.
  5. Moving "Sharing with a customer" into a gray panel to fit with email entry fields.
  6. Make logo sizes smaller compared to the staging server version. Reduce the logo size by 25%.
  7. We are moving from using a "Print" icon to text version (located next to "Cancel" link.
  8. Default "Sharing with a customer" to "No" (Laddawn/internal email) for both Share an Item and Share Cart.

Final Design - Share an Item (Default view - Internal)

Final Design - Share an Item (Default view - external)

 When user select "Share with a customer" radio button, the price drawer
should slide open to help orient user to this important feature. 

Final Design - Share an Item (Default view - external, show price break)

Final Design - Share Cart sample