Mediafly - Appirio Sales Application UX Design Concepts Challenge

Welcome to Mediafly - Appirio Sales Application UX Design Concepts Challenge! In this challenge, we are looking forward to your help in coming up with the creative designs for the Appirio Sales Web Application (responsive website) for iPhone/Android Mobiles (portrait), Tablets (landscape), Desktops (landscape).

This app will be used by Appirio, SFDC (salesforce.com) and WD (Workday) representatives out in the field to deliver presentations, PDFs, videos during sales calls or meetings.

We are looking for you to provide design concepts and click-paths based on the provided requirements. Good luck and we are looking forward to your submissions!

This Appirio Sales web application theme will be built on Mediafly Interactives Framework (http://www.mediafly.com, http://devdocs.mediafly.com/interactives). We would require following pages and click-paths as per the requirements with supporting responsiveness for iPhone/Android Mobiles (portrait), Tablets (portrait and landscape), Desktops (landscape).

We need 3 resolutions from this design challenge, such as "Mobiles (portrait - 750x1334", "Tablets (landscape - 2048x1536)" and "Desktops (landscape - 1600x900)". In final fixes, if required you need to include few non-retina screens for mobile portrait view.

Please refer attached ("AppirioStyleGuide.zip") file for style guide, icons, etc. You should be creating something new, easy and innovative designs. We look forward to seeing your ideas from this challenge.

Note: We have provided a sample mediafly screens ("SampleScreens.zip") from previous mediafly Appirio sales kit challenge to help you understand better on mediafly theme - (this is only for reference).

Required Pages:

- Please find the details on following page requirements.
0. Splash Screen:

• - Splash screen while loading the application.
• - It can include the Appirio logo with loading info about Appirio sales application and name.
• - The name can be place holder or you can put your idea on this.

1. Login Screen:

• - User login screen design.
• - Include remember password and forgot password link.

2. Landing/Home Screen:

• - Home landing screen after user logged-in.
• - It will have banner for general announcements at top of the page or below header - (no specific sizes, but you can give banner size to look good as per your design).
• - You can include some content/text on banner, which is related to sales announcements or keep place holder for now.
• - Content/Hierarchy based on metadata.
• - From the content point of view, everything will be organized and tagged with appropriate metadata in Mediafly. (please refer attached sample screens from previous challenges)
  • - Main filters will act on SFDC or WD, vertical or market, and content type (ppt, pdf, video...).
• - Some use cases would include:
  • - As a WD representative, I'd like to see all content on WD financials.
  • - As a SFDC representative, I'd like to see all Service Cloud content, filtered by the pharma vertical.
  • - As a WD representative, I'd like to see all videos (type of content).
• - It should show top level categories on home page:
  • - WD user can see all content on WD financials and all type of Contents (ppt, pdf, video) - (will have 2 categories/sections).
  • - SFDC user can see all Service Cloud content, filtered by the pharma vertical - (will have 1 category/section).
  • - Appirio user can see both users data above - (will have all 3 categories/sections).
  • - You could refer sample screens provided for grouping each section or showing categories - (refer "2-NC" for categories/content).
• - We will need some Appirio branding, but some branding may come from SFDC and WD too.
  • - The logos/bg/UI will change based on the company the person works for (Appirio/SFDC/WD).
• - Please refer attached ("AppirioStyleGuide.zip") file for style guide, icons, etc.

3. Details Screen/My Items/My Collections:

• - Navigating from Home screen, user can see details screen for each category and then navigate to item details.
• - User can directly navigate to category details screen from the left navigation menu categories.
• - Sharing Options:
  • - Typical Mediafly sharing options will be needed, so representatives can send content to prospects.
• - My Items/My Collections:
  • - Need a way to show My Items (for Appirio users only) and My Collections (for all users).
  • - From details screen, user can be able to add any item to My Items (for Appirio users only) and My Collections (for all users).

4. Navigation:

• - It should have navigation menu at left side (Search bar, Home, Categories, Contact Us, Logout).
• - Here category list will be same as top level categories from home page.
• - The categories will be accessible or displayed as per different types of users (Appirio, SFDC, WD) - (refer "2-NC" for categories and navigation).

5. Contact Us Form:

• - Contact us form page design.
• - Include current logged in user on the form.

Target Audience:
- Appirio, SFDC (salesforce.com) and WD (Workday) representatives out in the field to deliver presentations, PDFs, videos during sales calls or meetings.

Judging Criteria:
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.

Submission & Source Files:
Preview Image
Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.

Submission File
Submit JPG/PNG for your submission files.

Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.

Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.