BONUS: 5‌ CHECKPOINTS AWARDED WORTH ‌$75‌ EACH

Register
Submit a solution
The challenge is finished.

Challenge Summary

Welcome to “Dinnaco - VAT Tax Visualization Design Concepts Challenge”. For this particular challenge we need your great design skills to think and create the best possible UI/UX design that can solve our problem in the best and easiest way. We need an interactive dashboard that presents the VAT invoicing requirements for EU Member States in a clear, intuitive manner and capable of being easily updated internally.

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!)
- When a user first opens the application what do they see?
- 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)
- If a user searches for a particular invoice requirement or EU Member State, how should this data be represented on the screen?.
- 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.

How To Submit

  • New to Studio? ‌Learn how to compete here
  • Upload your submission in three parts (Learn more here). Your design should be finalized and should contain only a single design concept (do not include multiple designs in a single submission).
  • If your submission wins, your source files must be correct and “Final Fixes” (if applicable) must be completed before payment can be released.
  • You may submit as many times as you'd like during the submission phase, but only the number of files listed above in the Submission Limit that you rank the highest will be considered. You can change the order of your submissions at any time during the submission phase. If you make revisions to your design, please delete submissions you are replacing.

Winner Selection

Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen solely at the client's discretion.

ELIGIBLE EVENTS:

2016 TopCoder(R) Open

Challenge links

Screening Scorecard

Submission format

Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "Submission.zip" file.
  3. Place all of your source files into a "Source.zip" file.
  4. Declare your fonts, stock photos, and icons in a "Declaration.txt" file.
  5. Create a JPG preview file.
  6. Place the 4 files you just created into a single zip file. This will be what you upload.

Trouble formatting your submission or want to learn more? ‌Read the FAQ.

Fonts, Stock Photos, and Icons:

All fonts, stock photos, and icons within your design must be declared when you submit. DO NOT include any 3rd party files in your submission or source files. Read about the policy.

Screening:

All submissions are screened for eligibility before the challenge holder picks winners. Don't let your hard work go to waste. Learn more about how to  pass screening.

Challenge links

Questions? ‌Ask in the Challenge Discussion Forums.

Source files

  • Layered PSD files created in Adobe Photoshop or similar
  • AI files created in Adobe Illustrator or similar

You must include all source files with your submission.

Submission limit

5 submissions

ID: 30054365