Challenge Summary
Welcome to the “Crowdsourced Web Application Wireframe Challenge”. In this challenge we are looking for your help to design an intuitive and easy to follow user experience, with wireframes and user flows, for a new Web Application accessible on desktops allowing any citizen or company of a country having valid credentials to login and register cross-border collaboration initiatives.
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.
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.
1) Start Page - Overview
2) Login Page / Registration
3) Launch an Initiative
3.1) Request a Proposed Interview
3.2) Open Initiatives
4) Successful Initiatives
Feel free to add any screens which are necessary to explain your concept.
2) Login Page / Registration
3) Launch an Initiative
3.1) Request a Proposed Interview
3.2) Open Initiatives
4) Successful Initiatives
5) Forum
6) Chatbot
7) Knowledge
Submit your final wireframes plus checkpoint feedback implemented.
Feel free to add any screens which are necessary to explain your concept.
Required Screens / Functionalities
1) Start Page - Overview
- This is a Public accessible landing page that will contain information related to:
- - Cross-border initiatives
- - Procedures
- - How to
- - FAQ etc...
- Main Navigation should link to:
- - Open initiatives
- - Successful initiatives
- - Archived initiatives
- - Refused Requests
- - Search & other possible functionalities
- - Knowledge
- Link to the “Launch an initiative workflow”
- Related news
2) Login Page / Registration
- Any EU citizen or company can login
- Provide regular login options here: email, password, remember, forgot, etc.
- Need to create their account & upload of document to prove their EU nationality (check)
3) Launch an Initiative Workflow
- Users will access here by clicking on “Launch an initiative workflow” from landing page
- Offers info on what to know and what to do + links to other useful documents and pages
- Link to the Registration form
3.1) Request a Proposed Interview
- This is the second page in the “Launch an initiative workflow”
- “Proposed initiative”
- - Members of the crowdsourced initiative (their data & documents)
- - Language, title, subject, description/objectives, website, annexes, legal acts, sponsors
- - Acceptance of policy and privacy statement
- - Preview of initiative and confirm
- - These initiatives will go through an internal checking process, and important initiatives will be published to the community
3.2) Open Initiatives
- List: title, languages available, registration date & number, deadline, support button
- Link to the respective open initiatives
- Content of the open initiative
- - Language, title, subject, description/objectives, website, annexes, legal acts
- - Sponsors (name, date & amount in EUR)
- - Progress of the initiative (Registration, collection of support, collection closed, submitted, discussed in European Parliament, answered)
4) Successful Initiatives
- This page will contain a List of the most rated initiatives, discussed by the European Parliament
5) Forum
- On this page we expect to facilitate the cross-border collaboration initiatives
- Think on how this forum should work: Categories, Threads, Posts, write and answer.
6) Chatbot
- We expect to see a Chatbot across all the application workflow.
7) Knowledge
- More information
- Legislative framework
- Useful links
- Videos
Device Target Size
Desktop: 1280px width and Height incresing if necessary.
Target Users
- EU citizens and company of a EU Country
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.
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.
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.
Round 1
Submit your initial wireframes for checkpoint review.1) Start Page - Overview
2) Login Page / Registration
3) Launch an Initiative
3.1) Request a Proposed Interview
3.2) Open Initiatives
4) Successful Initiatives
Feel free to add any screens which are necessary to explain your concept.
Round 2
1) Start Page - Overview2) Login Page / Registration
3) Launch an Initiative
3.1) Request a Proposed Interview
3.2) Open Initiatives
4) Successful Initiatives
5) Forum
6) Chatbot
7) Knowledge
Submit your final wireframes plus checkpoint feedback implemented.
Feel free to add any screens which are necessary to explain your concept.
Required Screens / Functionalities
1) Start Page - Overview
- This is a Public accessible landing page that will contain information related to:
- - Cross-border initiatives
- - Procedures
- - How to
- - FAQ etc...
- Main Navigation should link to:
- - Open initiatives
- - Successful initiatives
- - Archived initiatives
- - Refused Requests
- - Search & other possible functionalities
- - Knowledge
- Link to the “Launch an initiative workflow”
- Related news
2) Login Page / Registration
- Any EU citizen or company can login
- Provide regular login options here: email, password, remember, forgot, etc.
- Need to create their account & upload of document to prove their EU nationality (check)
3) Launch an Initiative Workflow
- Users will access here by clicking on “Launch an initiative workflow” from landing page
- Offers info on what to know and what to do + links to other useful documents and pages
- Link to the Registration form
3.1) Request a Proposed Interview
- This is the second page in the “Launch an initiative workflow”
- “Proposed initiative”
- - Members of the crowdsourced initiative (their data & documents)
- - Language, title, subject, description/objectives, website, annexes, legal acts, sponsors
- - Acceptance of policy and privacy statement
- - Preview of initiative and confirm
- - These initiatives will go through an internal checking process, and important initiatives will be published to the community
3.2) Open Initiatives
- List: title, languages available, registration date & number, deadline, support button
- Link to the respective open initiatives
- Content of the open initiative
- - Language, title, subject, description/objectives, website, annexes, legal acts
- - Sponsors (name, date & amount in EUR)
- - Progress of the initiative (Registration, collection of support, collection closed, submitted, discussed in European Parliament, answered)
4) Successful Initiatives
- This page will contain a List of the most rated initiatives, discussed by the European Parliament
5) Forum
- On this page we expect to facilitate the cross-border collaboration initiatives
- Think on how this forum should work: Categories, Threads, Posts, write and answer.
6) Chatbot
- We expect to see a Chatbot across all the application workflow.
7) Knowledge
- More information
- Legislative framework
- Useful links
- Videos
Device Target Size
Desktop: 1280px width and Height incresing if necessary.
Target Users
- EU citizens and company of a EU Country
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.
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.