Single Sign-on Customer Experience Web Application UI Design Challenge

Welcome to “Single Sign-on Customer Experience Web Application UI Design Challenge”.  In this challenge we are looking for your help to continue refining the overall UI and UX for a single sign-on and portal experience. You will be focused on creating the new interfaces for desktop and mobile devices while using the winning wireframes from a previous challenge.

This challenge requires members to sign the Challenge NDA before being able to access detailed specifications and resources related to the challenge.

Round 1

Submit your initial wireframes for checkpoint review.
00 Headers (Desktop)
01 Single Sign-On form screen (Desktop)
02 New user screen (Desktop)
03 Logged in user product portal screen (Desktop)
04 Account Settings Screen (Desktop)

- Important: As part of your checkpoint submission, you must upload your submission to MarvelApp so we can provide direct feedback on your designs.
- Please ask in the Forum for a MarvelApp prototype link. You will receive 2 MarvelApp prototypes for Desktop and Mobile.
- Make sure to include a URL/Link to your design within your "notes.txt", Important!
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)

Round 2

Submit your final wireframes plus checkpoint feedback implemented.
00 Headers (Desktop & Mobile)
01 Single Sign-On form screen (Desktop & Mobile)
02 New user screen (Desktop & Mobile)
03 Logged in user product portal screen (Desktop & Mobile)
04 Account Settings Screen (Desktop & Mobile)

- Important: As part of your final submission, you must update your submission on MarvelApp.
- Use the same MarvelApp prototype you received in checkpoint.
- Make sure to include a URL/Link to your design within your "notes.txt", Important!
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
Background Information
We need to design the new interfaces and user flows for a single sign-on and portal experience based on Salesforce Customer Identity & Access Management (CIAM) solution. Since header and footer navigation is also part of this experience, we want to take the opportunity to standardize where possible too. Current corporate website navigation and experience will be your main guideline for content reference.

Things to consider before starting to design - Important
- Your designs must leverage standard Salesforce CIAM template configurations. This is important and it is the key for this challenge. Here you will find more information about the CIAM template:
https://resources.docs.salesforce.com/208/latest/en-us/sfdc/pdf/salesforce_community_identity_templates.pdf
- The following fixes were not implemented on wireframes, but you must include them on your UI design.
-  Add Portal link in the User dropdown menu.
-  Remove the header from the SSO page.
-  Remove the header from the Product Portal page. Only include the User dropdown menu.
-  Community Header - Not logged in
-- Fix the typo in “Downloads”
-  Community Header - Logged in
-- After “Topics”, add “Cases” to the navigation.
-- Fix the typo in “Downloads”
-  Software Download Site - Not logged in & Logged in
-- Change main navigation to just use “Support & Services”. All other navigation links do not apply anymore.
-  Web App - Logged in
-- Header should use Web App header as a guide (example will be provided in the forums). 

Required Screens / Functionalities
00 Headers  (Desktop and Mobile)
00.1 Website Header
- Use the existing website header design.
- Support existing website header functionality and including the following functionality:
- Support the ability to login to the user’s account using Single Sign-On.
- Support the ability to navigate to the user’s Account Settings and Portal once signed in.

00.2 Community Header
- Provide an updated design for the header of Community. It should be consistent with the design and experience for the corporate website. It should include the follow functionality:
- Support existing Community header functionality (e.g. Home, Topics, Downloads, Support Platforms and More).
- Support the ability to login to the user’s account using Single Sign-On.
- Support the ability to navigate to the user’s Account Settings and Portal once signed in.

00.3 Software Download Site Header
- Provide an updated design for the header of the Software Download Site. It should be consistent with the design and experience for the corporate website. It should include the follow functionality:
- Support only the "Support & Services" link in te header.
- Support the ability to login to the user’s account using Single Sign-On.
- Support the ability to navigate to the user’s Account Settings and Portal once signed in.

00.4 Web App Header
- Use the existing Web App header design (example in forum). 
- Support existing header functionality in place and include the following functionality:
- Support the ability to navigate to the user’s Account Settings and Portal once signed in.
An example of the Web App header can be found in the Style Guide that is in the challenge forums (NDA required).

01 Single Sign-On form screen (Desktop and Mobile)
- Provide a new design for the single sign-on screen that is based on the Salesforce Customer Identity & Access Management (CIAM) solution.
a.    Provide the ability for an existing user to login using Email Address and Password.
b.    Provide the ability for a new user to create an account.
c.    Provide the ability for users to reset their password if they forgot it.
d.    Allow access to platform using customer’s existing social networking accounts (e.g. LinkedIn, Google+, Facebook, Github)

03 New user screen (Desktop and Mobile)
This form screen will be used to register new users to the portal
Request the following information:
- First Name
- Last Name
- Email
- Password
- Company

04 Logged in user product portal screen (Desktop and Mobile)
- Display a portal with product offerings that a user has access to such as Community, Software Download Site, and Web App.
- User can click on a product to access it directly.

05 Account Settings Screen (Desktop and Mobile)
Allow the user to update account contact information including:
- Name, Phone Number, and Email Address.
- Allow the user to update account password.

Supporting Material
- As this is a NDA challenge, all documentation will be provided in forum once you register to this challenge.

Target Users
- Users of the website, community forums, software download site, and one or more Web-App product related sites.

Judging Criteria
- User Experience of the application/portal
- Completeness and accuracy of your UI Design
- How well your design provide a consistent user flow

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.
- Submit Marvel App for your design.

Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop, Illustrator, or Sketch.

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.

Review
The submissions will be scored by Actian team, and the winners will be selected in Actian's sole discretion. There will be no appeals or appeals responses.

Additional terms and conditions for all participants

By participating in this Competition, You acknowledge and agree that                          

• You must comply with the terms of the Challenge NDA.

• You must comply with all applicable laws in submitting a Competition Submission, and you represent that you are authorized to submit the Competition Submission.

• Actian Corporation (“Actian”) is free to use, disclose, distribute or otherwise exploit Residual Knowledge. Residual Knowledge means information that is retained in the unaided memories of Actian’s employees and contractors who have had access to any Competition Submissions submitted by You. An employee’s or contractor’s memory will be considered unaided if the employee or contractor has not intentionally memorized the information for the purpose of retaining and subsequently using or disclosing it; and

• If You provide comments, criticism, suggested improvements, test results, answers to questions, and other feedback regarding the function, features, and other characteristics of the Actian products in written or oral form (“Feedback”), You agree that all Feedback is the property of Actian and may be used, reproduced, adapted, modified, distributed, and otherwise exploited by Actian in any manner and for any purpose.

• You are not entitled to any compensation from Actian or any of the benefits which Actian may make available to its employees, and You are not authorized to make any representation, contract or commitment on behalf of Actian.

• Employees and direct and indirect subcontractors of Actian Corporation and its subsidiaries and other affiliates, and employees and direct and indirect subcontractors of Actian’s partners (including TopCoder and its affiliates) are not eligible to participate in the challenge.

• You may only use data or images that are open and that can be shared with anyone in the world and which is freely available or to which you have rights to use and share the data in submitting such data and images.
• ���You may only use software that you are licensed and permitted by law to use.
• Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen at the client's sole discretion.