Challenge Summary
Welcome to the Archer DSA UI Design Concept Challenge.
The goal of this design concepts challenge is to create custom skinning that utilize Salesforce’s Digital Sales AID Kit for Archer DSA Application. This application purpose is to sell services of Archer to the customers via iPad application. We are in the beginning of this project and would like to rapidly design and implement the new design brand.
Watch challenge deadline!
We plan to do checkpoint submissions presentation with client at Friday 12PM, make sure you post your questions soon and submit early!
Round 1
Your submitted initial design solution for a review.
1. Welcome/Splash Screen
2. Main Navigation
3. User Profile/ Dashboard
4. User Stories
Please number your files in the order they should be viewed.
Notes.jpg: Any comments about your design for the Client
Round 2
Final Design + any Feedback on Checkpoint Review
1. Welcome/Splash Screen
2. Main Navigation
3. User Profile/ Dashboard
4. User Stories
5. File Browsing
6. Products
7. Product Detail
Please number your files in the order they should be viewed.
Notes.jpg: Any comments about your design for the Client
Archer is a marketing logistics and fulfillment services company. Archer is known to help their customers streamline order fulfillment process, reduce the cost of logistics and simplify their execution. Recently new services have been added that include technology and digital print for marketing. Archer has a portfolio of 10 industries that it serves. These include Automotive, Consumer Packaged Goods, Financial Services, Food and Beverage, Pharmaceutical and Life Services, Publishing, Prepaid Cards, Quick Serve Restaurants, Retail and Technology & Communications.
User Design Scenario
A sales rep will meet with new and existing customers to sell services of Archer. The sales rep would use the iPad App built on the Digital Sales Aid Kit to present the services to the customer. Archer customers may have services from Archer and so the Sales Rep will want to sell additional services. A new Archer customer would receive several presentations from the iPad App.
The Archer Rep, Sam, pulls out his iPad before his sales meetings and logs into the Archer DSR APP just before his meeting to review the materials that he is going to present that day . Sam wants to show his client Archer’s Print Services Plan for his customer and he browses thru his sales materials to find the asset. Sam finds what he is looking for and pulls up the brochure for Archer Print Services. Sam reviews the content with his customer and then quickly shows his customer some additional services thru other sales materials that he has chosen to show in this meeting. (Content could include video, PPT presentations, PDFs, Application Demo’s, and HTML5 Websites.
After a successful meeting Sam selects the materials that he has reviewed with the client and sends them to his client via an email. Sam leaves his meeting and navigates to another client presentation that he has prepared.
For further reference you can see a demo here. We’ve also provided key screen shots that help tell the use case scenario for us to base our designs off of.
Design Problem
This challenge need build an iPad Application that utilizes Salesforce’s Digital Sales Aid Kit. The sales rep will meet with customers in the Quick Serve Restaurant space. Use a made up Restaurant name as an example when building the application. Use the content provided on the attached PDF document (Assessment Brochure (1).pdf)
The demo’s focus will be on selling digital print services to new and existing customers. The demo will require print services stores from various industries to strengthen the customer’s confidence in Archer’s print experience. Therefore please create assets using print services in three different Archer industries.
Files Attachement
Design-Direction.zip - Choose 1 of the 3 provided Design-Direction documents for your design concept.
Digital Sales Asset DSA screenshots.zip - Current application Screenshot
Assessment Brochure (1).pdf - Sample Content on this application
Design Guidelines
- Use variation from the provided color palette on your submission. See DSA-Design-Direction-Auto.pdf > page 3
- Feel free to use stock photography that relates to the APP concept. Images that relate to the industry that the APP is showcasing or Print Fulfillment images are appropriate.
- Required Screen size: iPad Landscape (width = 1024px and height 768px)
- Re-use logo from attached PDF
Design Challenge Requirements
Note: Refer attached “Digital Sales Asset DSA screenshots” folder for screenshot references
1. Welcome/Splash Screen
current screenshot: p2.jpg
- What should the splash/ welcome page look like?
- Think of a visual landing page that is a good visual representation of the concept of the APP.
- Functionality to include ability to log in, register or take a tour of the APP.
- Notice on top header there’s button to select contact. Refer how flyout look on attached p5.jpg. After user logged, flyout content will show Review Material content: p17.jpg
- Also, Setting button and Search input field.
- What else would be good for the landing page?
2. Main Navigation
current screenshot: p7.jpg, p13.jpg, p10.jpg, p11.jpg
- Main navigation will contains some level of childrens.
- Some childrens might contains list of text, icons, or salesforces buttons
- We need new and fresh ideas of how this navigation design. Think of a navigation scheme for this APP. Is it a top nav, is it a side nav slider?
- Explore and suggest us any navigation ideas.
- This navigation triggered from "Visual Browser" button in bottom bar.
3. User Profile/ Dashboard
current screenshot: p4.jpg
- User landed on this page after logged in.
- What types of information and functionality should be on the user profile/dashboard? Think of the user experience on this APP
- There will be quick user information and pic displayed on page.
- There will be "My Presentation", "My Media", "Message" quick information. How indicator works for new items?
- You might need create some icons to represent each menu navigation.
- Your concept design should show your ideas for what a user would be interested in for this APP.
- Bottom bar showing “Visual Browser”, “Menu Browser” and “History” button. We need mimic current layout with the new icons.
- Visual Browser will show current main navigation
- Menu Browser will take to File Browsing page, refer below for more information
- History will take to separate page, out of challenge spec
4. User Stories
current screenshot: n/a
- What should the User Stories page look like?
- What types of content will it have in it?
- Will Sales Reps have quick access to presentations, Videos and other files that demonstrate customer stories?
- Each stories will have client logos and customer stories in a user experience that easy for our sales reps to navigate.
- Think how to navigate this page
5. File Browsing
current screenshot: p12.jpg
- How should our file management screen look?
- Can a user toggle between list and thumbnail views?
- What types of files and top line information will be displayed here?
- What other functionality will be useful to a sales rep on this page?
- Ability to search, add folder, and upload new files would be something that they might need.
- How to delete and edit folder?
- PDF, DOC, PPT, XLS Images, Video, HTML will be common file type for this file browser. How you design them?
6. Products
current screenshot: n/a
- Once a sales rep finds the file he is looking for, he launches it and reviews it with his customer.
- This page will explains some informations related product.
- Need way back to File Browsing page
7. Product Detail
current screenshot: p17.jpg, p18.jpg, p19.jpg
- This page show video playing with “Review Materials” turned on on top
- Review Material content will be List of Materials
- Need On/Off toggle button, rating star
- Show difference on toggle button. Set to on will let user send material via email
- How you design the flow?
Target Audience
- Current Archer Customers (Executive Users, Company Owner)
- Current Archer Sales Representatives
Judging Criteria
- How well you suggest look and feel for Archer Application
- Cleanliness of your graphics and design.
- User Experience
- Possible to do custom skinning based on utilize Salesforce’s Digital Sales AID Kit?
Submission & Source Files
Preview Image
Please create your preview image as one (1) 800x800 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it. You are free to resize or crop your submission to fit this size, but do not add any filters or elements for dramatic effect, such as drop shadows or reflections.
Submission File
Submit JPG/PNG for your submission file. IMPORTANT - If you are submitting "small updates or changes" with multiple submissions please include in your notes file what is different or changed - this can be confusing to the client sometimes when they can't tell what is different.
Source Files
All original source files of the submitted design.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors.
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.