Challenge Summary
The winning designs will be used as inputs to the next rounds of visual design and prototype creation challenges in support of this project. Modern UI/UX best practices should be considered when creating the wireframe designs and user flows.
This Studio competition will be run as a two-round tournament with a total prize purse of $2,500.
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 Product Specific Sign-On form screen (Desktop)
03 New user screen (Desktop)
04 Logged in user product portal screen (Desktop)
05 Account Settings Screen (Desktop)
Feel free to add any screens which are necessary to explain your concept.
Round 2
Submit your final wireframes plus checkpoint feedback implemented.00 Headers (Desktop & Mobile)
01 Single Sign-On form screen (Desktop & Mobile)
02 Product Specific Sign-On form screen (Desktop & Mobile)
03 New user screen (Desktop & Mobile)
04 Logged in user product portal screen (Desktop & Mobile)
05 Account Settings Screen (Desktop & Mobile)
Feel free to add any screens which are necessary to explain your concept.
Background Information
We need to design the new wireframes and user flows for a new single sign-on and portal experience based on the Salesforce Customer Identity & Access Management (CIAM) solution. Since header and footer navigation across the user portal 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. It is important to ensure that the wireframes are able to accomodate a responsive design and user experience.
For this challenge, you must include a "Notes.txt" file (or PDF) explaining the design choices and recommendations for your concept.
Required Screens / Functionalities
00 Headers (Desktop and Mobile)
00.1 Website Header
- Carefully enhance the current website header navigation experience to add functionality related to user login and Single-Sign-On
- Support existing header 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 a new design for the header of the Community forums portal. It should be consistent with the design and experience of the Website Header
- 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 a new design for the header of the Software Download Site. It should be consistent with the design and experience of the Website Header
- Support existing Software Download Site Header 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.4 Web App Header
- Provide an updated design for the header of the Web App which includes the follow functionality:
- Support existing Web App header functionality in place.
- 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)
- This login form screen will be common to Website, Community, Software Download Site and Web-App
- Provide a new design for the single sign-on screen that is based on the Salesforce Customer Identity & Access Management (CIAM) solution.
- Provide the ability for an existing user to login using Email Address and Password.
- Provide the ability for a new user to create an account.
- Provide the ability for users to reset their password if they forgot it.
- Allow access to platform using customer’s existing social networking accounts (e.g. LinkedIn, Google+, Facebook, Github)
02 Product Specific Sign-On form screen (Desktop and Mobile)
- This form screen will be used by other Web-App products.
- Provide a new design for the product specific single sign-on screen that is based on the Salesforce Customer Identity & Access Management (CIAM) solution.
- If a user navigates to a product specific URL, the single sign-on screen should have a similar look and feel but show product specific details such as:
- Product name
- Product description
- Service Status URL
- Service Agreement URL
- Privacy Policy URL
- Help URL
- Community URL
03 Register a new user screen (Desktop and Mobile)
- This form screen will be used to register new users to the Product Portal
- Request the following information:
- Full Name
- Password
- Company
04 Logged in user product portal screen (Desktop and Mobile)
- Product Portal Screen, with header and footer that is consistent with Website look and feel (content is likely to be similar to Community site)
- Display a portal with product offerings that a user has access to such as Community, Software Download Site, Web-App-1, and Web-App-2.
- 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
- Email Address
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.
Tools & Deliverables
- You are free to work with any of the following tools:
Axure: Your deliverable must be a fully clickable HTML wireframe
Sketch: You can also work with static images (PNG/JPG - Black and White) created in Sketch but you must include a fully navigable prototype in HTML created in Marvel App or Invision.
- You are also allowed to submit pure HTML wireframes
Judging Criteria
Wireframe Scorecard 1.6.0 will be the primary scorecard, and guided by the following assessments by the Client. Final feedback and acceptance is with the Client.
- User Experience of the application/portal
- Completeness and accuracy of your wireframes
- How well your wireframes 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
Wireframes should be built in HTML or Axure
Source Files
All original source files of the submitted ideas. Please remember to include design thinking in the notes.txt file with your submission.
Final Fixes
As part of the final fixes phase you may be asked to modify content or user click paths.
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 that is open and that can be shared with anyone in the world and which is freely available and to which you have rights to use the data in submitting such data.
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.