Challenge Summary
Welcome to the "RUX - 72H Factory Fabric UI Design Challenge". In this challenge we are looking for your great design skills to quickly help us conceptualize and design a new tool to showcase Factory capabilities, and status of customer’s projects to customers and other stakeholders.
Let us know if you have any questions!
What is a RUX Challenge?
The RUX (Rapid User Experience) challenge uses the same format as our famous LUX Challenge except it is not "Live" at an event. The RUX Challenge Series provides you with an opportunity to show digital leaders from some of the largest companies in the world just how good your concept and user experience (UI/UX) design skills are.
RUX (Rapid User Experience) challenges are fast, fun, and have more chances for you to capture prize money!
Note: You do not need to have RUX challenge experience to join this challenge - Just jump in and give it a try! Make sure to follow the challenge details, the challenge forum and ask questions.
Background information
This challenge is focused on creating the initial UI design. We want customers to be inspired and enjoy the (simple) experience of:
- Select a factory
- View factory dashboards with KPIs
- View project summaries
- View project dashboards
Consider usign Bootstrap guidelines when designing your concepts. You will be focused on desktop screens for now, but have in mind that this application can be responsive in the future.
RUX Challenge Timeline and Rolling Checkpoint
- Submission Start: 09/14/2017 at 20:00 EDT
- Rolling Checkpoint Start: 09/16/2017 at 08:00 EDT
- Submission End: 09/17/2017 at 20:00 EDT
We are offering 5 Prizes Placements
1) 1st Placement: $2000
2) 2nd Placement: $1500
3) 3rd Placement: $1000
4) 4th Placement: $750
5) 5th Placement: $500
- Plus 8 placements for Rolling Checkpoint prizes @ $50 each!
Note: Important Rolling Checkpoint Details
- We will answer questions and provide Rolling Feedback as fast as possible.
- You must watch the Forum for your feedback!
*All initial qualifying checkpoint submissions will win $50 (Only first 8 <b>potential</b> submissions)
Required Screens:
1) Login Screen
- Simple login screen to access the application.
- Use the fields: User ID and Password.
- Login button.
- Normal login features: Recovery, forgot, etc.
- No sign up/register features.
2) Factory Selection
- After a successfully login users are taken to the "Factory Selection" screen.
- On this screens users are able to select the factory from a list.
- Wireframe is really simple on this screen, but remember this is a guide, no need to follow this layou exactly. We are lookg to improve the UI and UX on this screen widely, cosider the best practices here such like: tables views, thumbnails, factory names, search, filters, etc.
3) Factory Fabric Landing Stakeholder (Key screen)
- This will serve as a landing page for each factory.
- Think this as a high level dashbard for individual factories.
- Each factory landing should have:
- - High level KPI graphs for information like: Anual revenue, number of employees, number of projects, etc.
- Users need to also be able to view and access different projects associated to that factory.
4) Project Summary
- From factory landing page, users access to the project sumary page.
- This page basically have all the information related to the selected project, such like: Project name, locations, start and end dates, customer point of contact, project manager, etc.
- We need to show a way to access to 4 key sections, these are: Treatment Line View, Application View, Phase View and Resource View.
5) Project Dashboad
- This screen content high level charts and KPI graphics for elements related to the project itself.
- Please refer to page 6 for futher details.
6) Factory Throughput
- SImilar to dashboard but even deeper in the high level of details.
- This screen is like a zoomed level of the charts and KPIs from project dashboard.
- Basically it shows the performace of the project throught a calendar year view.
7) Presentation Screen
- As this is a RUX challenge, we need to quickly showcase your desing in a meeting.
- So design a screen with a resolution of 1920x1080 showcasing your design. Do not add a logo or extra notes on this screen.
- With just one screen is enough. No need to provide different presentation screens.
Users on this Application:
- Customer's Projects
- Stakeholders
Things to think about:
- Please consider the use of breadcrumbs whenever is necessary.
- Look for ways to improve the workflow. Wireframes are just to help you understand the meaning of this application, but if you find a better way to implement the workflow please do it.
- This design should be clean and minalist. Think on a corporate end use.
- Do not design a logo for this application. Just use a dummy logo or a placeholder. Real logo will be replaced later.
- You can use icons from icon8 and Flaticon. Just remember to declare the on your notes/declaration file.
Branding:
- We have provide a drive folder with branding elements and fonts. Please, do not reinvent colors or use others fonts.
- Download all the assets from this link: https://drive.google.com/open?id=0Bza1qtSwQr8UcDNHOXRIZW8yU3c
Wireframes:
- You can download the wireframe from this link as well:
https://drive.google.com/open?id=0Bza1qtSwQr8UcDNHOXRIZW8yU3c
Screen Sizes (Important)
- Desktop: 1280px width or 2560px if you work on a retina display
Marvel Prototype
- We need you to upload your screens to Marvel App.
- Please request for your MarvelApp prototype in the respective thread in forum.
- You MUST include your Marvelapp URL (in your marvelapp prototype, click on share and then copy the link & share it with your notes/comment this link while you upload).
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 image files based on Challenge submission requirements stated above
- MarvelApp link for review and to provide feedback
Source Files
All source files of all graphics created in either Adobe Photoshop and saved as editable layer
Final Fixes
As part of the final fixes phase, you may be asked to modify your graphics (sizes or colors) or modify overall colors.
Let us know if you have any questions!
What is a RUX Challenge?
The RUX (Rapid User Experience) challenge uses the same format as our famous LUX Challenge except it is not "Live" at an event. The RUX Challenge Series provides you with an opportunity to show digital leaders from some of the largest companies in the world just how good your concept and user experience (UI/UX) design skills are.
RUX (Rapid User Experience) challenges are fast, fun, and have more chances for you to capture prize money!
Note: You do not need to have RUX challenge experience to join this challenge - Just jump in and give it a try! Make sure to follow the challenge details, the challenge forum and ask questions.
Background information
This challenge is focused on creating the initial UI design. We want customers to be inspired and enjoy the (simple) experience of:
- Select a factory
- View factory dashboards with KPIs
- View project summaries
- View project dashboards
Consider usign Bootstrap guidelines when designing your concepts. You will be focused on desktop screens for now, but have in mind that this application can be responsive in the future.
RUX Challenge Timeline and Rolling Checkpoint
- Submission Start: 09/14/2017 at 20:00 EDT
- Rolling Checkpoint Start: 09/16/2017 at 08:00 EDT
- Submission End: 09/17/2017 at 20:00 EDT
We are offering 5 Prizes Placements
1) 1st Placement: $2000
2) 2nd Placement: $1500
3) 3rd Placement: $1000
4) 4th Placement: $750
5) 5th Placement: $500
- Plus 8 placements for Rolling Checkpoint prizes @ $50 each!
Note: Important Rolling Checkpoint Details
- We will answer questions and provide Rolling Feedback as fast as possible.
- You must watch the Forum for your feedback!
*All initial qualifying checkpoint submissions will win $50 (Only first 8 <b>potential</b> submissions)
Required Screens:
1) Login Screen
- Simple login screen to access the application.
- Use the fields: User ID and Password.
- Login button.
- Normal login features: Recovery, forgot, etc.
- No sign up/register features.
2) Factory Selection
- After a successfully login users are taken to the "Factory Selection" screen.
- On this screens users are able to select the factory from a list.
- Wireframe is really simple on this screen, but remember this is a guide, no need to follow this layou exactly. We are lookg to improve the UI and UX on this screen widely, cosider the best practices here such like: tables views, thumbnails, factory names, search, filters, etc.
3) Factory Fabric Landing Stakeholder (Key screen)
- This will serve as a landing page for each factory.
- Think this as a high level dashbard for individual factories.
- Each factory landing should have:
- - High level KPI graphs for information like: Anual revenue, number of employees, number of projects, etc.
- Users need to also be able to view and access different projects associated to that factory.
4) Project Summary
- From factory landing page, users access to the project sumary page.
- This page basically have all the information related to the selected project, such like: Project name, locations, start and end dates, customer point of contact, project manager, etc.
- We need to show a way to access to 4 key sections, these are: Treatment Line View, Application View, Phase View and Resource View.
5) Project Dashboad
- This screen content high level charts and KPI graphics for elements related to the project itself.
- Please refer to page 6 for futher details.
6) Factory Throughput
- SImilar to dashboard but even deeper in the high level of details.
- This screen is like a zoomed level of the charts and KPIs from project dashboard.
- Basically it shows the performace of the project throught a calendar year view.
7) Presentation Screen
- As this is a RUX challenge, we need to quickly showcase your desing in a meeting.
- So design a screen with a resolution of 1920x1080 showcasing your design. Do not add a logo or extra notes on this screen.
- With just one screen is enough. No need to provide different presentation screens.
Users on this Application:
- Customer's Projects
- Stakeholders
Things to think about:
- Please consider the use of breadcrumbs whenever is necessary.
- Look for ways to improve the workflow. Wireframes are just to help you understand the meaning of this application, but if you find a better way to implement the workflow please do it.
- This design should be clean and minalist. Think on a corporate end use.
- Do not design a logo for this application. Just use a dummy logo or a placeholder. Real logo will be replaced later.
- You can use icons from icon8 and Flaticon. Just remember to declare the on your notes/declaration file.
Branding:
- We have provide a drive folder with branding elements and fonts. Please, do not reinvent colors or use others fonts.
- Download all the assets from this link: https://drive.google.com/open?id=0Bza1qtSwQr8UcDNHOXRIZW8yU3c
Wireframes:
- You can download the wireframe from this link as well:
https://drive.google.com/open?id=0Bza1qtSwQr8UcDNHOXRIZW8yU3c
Screen Sizes (Important)
- Desktop: 1280px width or 2560px if you work on a retina display
Marvel Prototype
- We need you to upload your screens to Marvel App.
- Please request for your MarvelApp prototype in the respective thread in forum.
- You MUST include your Marvelapp URL (in your marvelapp prototype, click on share and then copy the link & share it with your notes/comment this link while you upload).
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 image files based on Challenge submission requirements stated above
- MarvelApp link for review and to provide feedback
Source Files
All source files of all graphics created in either Adobe Photoshop and saved as editable layer
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.