Challenge Summary
Round 1
For checkpoint we want to see all of the screens, states, and flows designed- Landing Screen/ Homepage
- Invoices List (Results)
- Invoice Detail - Drill Down
- Comparison Screen (Important!)
- Sample Invoice Creator (Important!)
Round 2
For finals we want to see all checkpoint feedback completed and all screens, states, and flows included- Final designs for all screens and features, with checkpoint feedback included
Regarding the Rounds:
- To be eligible for Round 1 prizes and design feedback, you must submit before the Checkpoint deadline.
- A day or two after the Checkpoint deadline, the challenge holder will announce Round 1 winners and provide design feedback to those winners in the "Checkpoints" tab above.
- You must submit to Round 1 to be eligible to compete in Round 2. If your submission fails screening for a small mistake in Round 1, you may still be eligible to submit to Round 2.
- Every competitor with a passing Round 1 submission can submit to Round 2, even if they didn't win a Checkpoint prize.
Learn more here
The goal of this challenge is to design NEW Concepts that helps Dinnaco’s Internal team to visualize, search, filter, edit and compare VAT invoice Requirements. We need a highly graphical user interface that not only shows them the VAT invoice requirements but also statistics that help users to see required data for invoices by EU Member States.
Use Cases:
1. Comparison of invoicing requirements between various EU Member States
2. Information Lookup - lookup of specific information/ requirements (or all information/ requirements) for a specific EU Member State
3. A sample invoice creator. Allow user to select an EU Member State that need an invoice and create, edit, and refine a SAMPLE invoice based on that EU Member State’s unique invoice requirements.
Required Screens/ Functionality:
- The following are suggested screens - You can modify as needed.
- Please note that we are looking for modern “data visualization” techniques and the best possible UX.
- Think about simplicity to compare invoices.
- It is important that you read and understand the problem and goals and design the best possible UX. You are NOT required to include any/ all of the below screens if you have a better idea of how things should be organized. We want to see your concepts and ideas!
1. Landing Screen/ Homepage (Important!)
- What is the priority actions or items they need to interact with.
- They quickly want to find and see all invoice requirements for different member states quickly and easily.
- Maybe some statistics or comparison graphs?
- Think about key and main navigation items.
- Simplicity is the key here.
2. Invoice Requirements List (Results)
- What actions make sense on this screen?
- Look for the best UX here.
3. Invoice Requirements Detail - Drill Down
- Please refer to attached document about Invoice Requirement Details. (Please note that some data can change in some countries.)
- What item actions make sense on this screen?
- Think about comments, notes, etc.
4. Comparison Screen (Important!)
- We need a screen where users can compare multiple invoice requirements from different EU Member States.
- Look for the best UI here to improve the UX. Having multiple EU Member States displayed at once could have a lot of information to compare.
- How can you point out differences in the data that is being compared?
- What additional features, filters, etc. could be useful to the user when comparing the data?
5. Sample Invoice Creator (Important!)
- Allows user to select an EU Member State
- Review and see that Member State’s unique invoice requirements
- Create, edit, and refine a SAMPLE invoice for that specific EU Member State based on that state’s unique and specific invoice requirements
- Demonstrate potential flow / process the user would take to create a sample invoice
- We are looking for your ideas and concepts on the best way to visualize this content for the user
- What other pieces of functionality are needed for the user? Export, print, save, etc. We are open to your ideas.
6. Search and Filters
- How does the user quickly search and filter content?
- What parameters are needed, what does it look like, how does the user use these items?
7. User Preferences / Settings
- This screen should improve the experience for users, not the typical settings screen.
- Think about how settings can help users to interact much better with this application and make even search and filters process easiest.
Screen Requirements:
Responsive Design solutions, think about mobile first with a focus on Desktop resolutions for this challenge. Please note that this application can be used on tablets in the future.
Web: 1280px width and height adjusting accordingly.
Target Audience:
- Internal UK Dinnaco employees
- Potentially external clients and vendors
Branding & Included Documents:
- Dinnaco Branding: Colors, fonts, and UI elements to get you started
- Samples/ Inspiration: Important, Please Do not copy these designs. Use them as inspiration.
- Sample Data/ Requirements: These are the Invoice Requirements that a user will be searching, referencing, and comparing. Note: This is just a sample of the data. The complete data set includes 25 countries (we are only showing you 4). Make sure you designs account for this.
Judging Criteria:
Your submission will be judged on the following criteria:
- How well does your design align with the objectives of the challenge
- Cleanliness of screen design and user flow
- Overall design and user experience
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
Number your files (01, 02, 03, etc) this will help review them in order.
Submit JPG/PNG for your submission files.
Source Files
All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file, or Adobe Illustrator as a layered AI file.
Final Fixes:
As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors. We may ask you to update your design or graphics based on checkpoint feedback.
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.