Challenge Summary
Welcome to "BFW - User Registration Scenario Wireframe Concept Challenge". In this challenge, we are looking for your creative ideas to help planning how our registration page shoud be created - we are open to any creative solutions. At the end of this challenge, we are looking to see a creative ideas, interactions and user experience "wireframe concepts" that will help us to design and build the registration page in the next phase of this project!!
This challenge is focused on "wireframe" output and results. Be creative in your wireframes! This is not just about creating a generic wireframe experience. Wireframe a unique user experience for the user registration program!
Round 1
Initial Login and Registration Page Scenarios for client Review
Round 2
All requirements as stated in challenge details with client feedback applied
Challenge Goals
We are looking to develop a wireframe that will allow our client partners to see what the registration page will looks like in our client site, and to simplify their interactions when register to our site. This registration form will be added in an external site for any partners who are affiliated with our client. We are looking for a wireframe to demonstrate some options for the client for their registration page. The purpose is to allow their partner users to complete the registration and provide them access to client site. Please see more details below!
Suggested Page Scenarios
01. Landing Page Scenario
- The login page will be provided from Salesforce.
- Provides a simple login form page with username, password, forgot password, etc.
- Provides us with some section in the pages or a link or button that linked to registration page.
- We are just looking for a dummy login page wireframe so user can navigate to "register" page.
02. Register Page Scenario
- This is the main requirements that needs to be build in your wireframes.
- What is the best way to show/presenting the registration page to user? via modal window? a new page? wizard style? any idea?
- The registration page must contains the following fields :
* First Name (required)
* Last Name (required)
* Work Phone
* Email address (required)
* Primary Relationship with us (dropdown with choices: Distributor, Contractor, Building Owner, Consulting Engineer, Original Equipment Manufacturer, Alerton/Trend Dealer, Our Direct, Educational Institution, International Affiliate, Our Employee, Electrical Distributor) - (Required)
* label = "Account Number" if Primary Relationship = Distributor, Label = "Contractor Pro Number" if Primary Relationship = Contractor (backend api name = AccountNumber) (required)
* Company Name (required)
* City (required)
* State/Territory (required) - (existing standard field: api name = mailing state/Province)
* Zip
* Country
* Submit link/Button should have text "Request Access".
- There should also be a button for cancel that will return the user back to the login page.
- Provides some scenarios once the registration form is submitted - for complete and failed ones.
Branding Guidelines
- We are looking a clean wireframe designs, and clear wireframes interactions.
- Create your design for desktop/web, but think "responsive" when arrange the layout for future features!
Wireframe Expectations
- Produce HTML click-through wireframes that can be used to demonstrate all mentioned functionalities as required in each round.
- The website must be very easy to use and intuitive. Keep that in mind when create your solution for the layout and flow information.
- You MUST cover all requirements mentioned in challenge details below.
- Use note pane in every single page you design to explain what items are addressed in that page from the documentation, what things you added/changed/removed, use it to make your idea clearer and help the client to give you constructive feedback.
Target Audience
- This application will be use by any contacts who would like access to information related to items their company has purchased or has access to. (Distributor, Contractor, Building Owner, Consulting Engineer, Original Equipment Manufacturer, Alerton/Trend Dealer, Our Direct, Educational Institution, International Affiliate, Our Employee, Electrical Distributor).
Judging Criteria
Your submission will be judged on the following criteria:
- Wireframe Concepts! Did you try or suggest something new?
- Completeness and accuracy of the areas of functionality and content
- How well your wireframes provide a consistent user flow and clear information architecture for the application
Submission & Source Files
Preview Image
Create your preview image as one (1) 1024x1024 JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.
Submission File
Generated HTML files with all the requested contest requirements stated above.
Source Files
Wireframes should be built in Axure. The resulting files should have generated HTML files. Also, all the content must be listed and the pages are linked together to show page flow.
Final Fixes
As part of the Final Fix phase, you may be asked to remove, update, or change some features of the wireframe.
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.