Challenge Summary
Welcome to Drink - Volume Planner Design Concepts Challenge. Client of this challenge is looking to convert a high level complex spreadsheet to a more usable web application. In this challenge, you will be provided with a couple of wireframe screens for which you need to come up with the initial design direction - so that helps us to move forward with the upcoming challenges in this project.
Round 1
Initial Designs for a checkpoint review
Notes.jpg: Any comments about your design for the Client
NUMBER YOUR SCREENS (01, 02, 03 etc.) - it’s easier to review with the client.
Round 2
Your Final designs for all the required screens with all checkpoint feedback implemented.
Feel free to add any other additional screens which are necessary to explain your concept and flow
Notes.jpg: Any comments about your design for the Client
NUMBER YOUR SCREENS (01, 02, 03 etc.) - it’s easier to review with the client.
The purpose of this contest it to redesign the current workflow application. The client currently uses a very complicated excel spreadsheet that aggregates calculations on a data form restaurant soft drink consumption and how a new machine will streamline their needs going forward.
IMPORTANT!! Design Considerations:
- Please use the default size of the designs as 1024 px as width and height as required.
- Follow the branding guidelines (colors) as given in the attached document.
- Please use a placeholder for logo.
- Please be modern and on-trend on designs.
- We have attached the wireframe images for reference, please DO NOT COPY the layout exactly, use it as a reference for required fields in each page.
Current Problem:
In the existing spreadsheet, it takes data from their part systems. Uses this data with user calculations and then takes that and feeds other third party systems. It is cumbersome, is very hard to understand and given the dependencies on the user and going back and forth to the other systems, there is a high degree or user error or misunderstanding. We are not only going to completely re-design and architect the system properly, we are also going to design it with the user in mind. This way, we will increase user adoption and decrease error.
Required Pages:
Below are the pages required for this application..
General Requirements in All Pages:
The creation of volume planning has been broken down in to five steps..
- Each page will show the progress steps, come up with ideas on how to blend the given branding colors with your design to give a great UX for users.
- Users might go back and forth between these steps before they finalize a plan.
Step 1: Choose Customer
In this step, we allow the user to choose the customer, please see the step1.png as a reference for the fields required in this step.
+ We are looking forward for you to come up with a layout that is not similar to the wireframe.
- User will select the customer and enter Planning number (ACN), how should the entire layout be planned?
- User will have options to select a customer through a "Auto-suggest" option i.e. as they type, they will be able to choose from a list of matching entires
- Please show your ideas for the auto-suggest drop-down.
- Below that, users will have option to move to the next step using the "Next" button or "Cancel" the creation of the planning.
Step 2: Overall Estimate
In this step, user see the values how the current manufacturer is estimating their drink needs based on historical data, please see the step2.png as a reference for the fields required in this step.
+ We are looking forward for you to come up with a layout that is not similar to the wireframe.
- User will see the values selected in the previous step
- We need to show data for the Rolling Estimate, think on how well the tables can be designed to make sure they are flexible enough to hold larger values.
- In this table, values in the OUTLETS column will be editable - how can we indicate in design that the values are editable in this columns, also please show how an user will edit values in this column and save it. Should we have options to bulk edit values? Come up with your ideas that makes this process intuitive.
- Last column is the value computed based on the other column values and OUTLET column.
- At the bottom, the total and the Average are computed.
- Below that, users will have option to move to the next step or Previous step using the "Next"/"Previous" button or "Cancel" the creation of the planning or "Reset Form" to reset the form.
Target Audience:
Employees of the Client
Judging Criteria:
- How well you design the pages based on the given requiremnets.
- Is the layout different from the given wireframe?
- Any ideas you suggest through your design concepts.
- Cleanliness of your graphics and design.
- Design looks and User Experience.
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
Please upload PNG images in a zip file with all requested contest requirements stated above.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop or Illustrator and saved as layered PSD/AI files.
Final Fixes
As part of the final fixes phase you may be asked to modify your graphics, images (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.