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

Register
Submit a solution
The challenge is finished.

Challenge Summary

Welcome to the AppXpress - eSports Application Design Challenge!

We need your wise skills to come up with concept designs for a marketplace targeted to eSports. It's an exciting application idea and you can add your creativity touch to help! We are providing you with the application concepts, design specifications and the user flow for you to get creative with!

We are looking to see design concepts on how this application will work, considering the best practices for an easy experience to the user considering the target audience.

Best of lucks!

Round 1

Submit your design for a Checkpoint feedback
1. Dashboard
2. Tickets
4. Live Matches
5. Stats

- If you have time - please provide us with a click map for your design.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)

Round 2

Final Design plus Checkpoint feedback (Table and Mobile views)
1. Dashboard
2. Tickets
3. Schedule
4. Live Matches
5. Stats

- If you have time - please provide us with a click map for your design.
- Make sure all pages have correct flow! Use correct file numbering. (00, 01, 02, 03)
The goal of this challenge is to create design concepts for a mobile application that allows fans of eSports to follow their favorite teams, watch the schedule, buy tickets and so on. We look forward to see solutions around effectivity and simplicity of the UI, we really need to catch user’s attention at the same time being very efficient.

You’re provided with user stories and features we want to see. You must analyze this and propose a modern design that shows how the application work. Ideas are always welcomed as long as they help to understand this process and make the application easy to use.

Background
One of the fastest growing professional sports in the world are eSports. There are now several leagues that sponsor tournaments and offer prizes for professional games. For this design challenge we want to build an app that allows fans of eSports to follow their favorite teams. We want to explore the following:
1. Off Season - during the off-season, there will be few uses for the app. We should provide news on players and teams, schedule information for the upcoming season, and a countdown until season start. 
2. During Season - Highlights from previous matches, upcoming matchups, team records, player profiles, stat leaders, etc. 
3. During Matches - Gamecenter with live video, match highlights & stats. The app will be monetized through sponsorship's, display ads and video ads.

Branding Guidelines
- Use the logo provided in the downloads section.
- Overall colors and fonts should align with our logo and the provided branding document.

Design Concepts Goals
- Read the user story and decide what should the priority features be.
- Designs should cover the entire functionality.
- This will be a Business to Business site, so we want a very professional look.
- We envision a very clean, sharp and modern design, so we don't want it overly cluttered. We have some references that we like. Please DON'T COPY ANYTHING, use as inspiration only.

Screen Sizes
- iPhone: 750px x 1334px. Portrait only.
- Make sure your work is in a vector format, for retina scaling and high fidelity.

User Flow
See user flow.
- App opens on dashboard.
- From Dashboard users can access Profile, News, Tickets, Schedule, Matches, Stats & Rankings.
- From Schedule & Matches users can access Live matches and Pre-recorded matches.
- From News users can access Tickets.

Features and Suggested Screens
- In a concept design challenge we would like you to suggest features/screens that this app should incorporate.
- Feel free to reorganize screens or split if necessary. It’s your show, run it!

1. Dashboard
- Explore a dashboard concept for this application that allows users quick access to the aspects of eSports that matter most to them. 
- The dashboard allows users quick access to live matches, videos, player stats/rankings, match schedules, and news.
- Secondarily, users should be able to easily reach their profile, current news, and sharing features.

2. Tickets
- Display tickets that are available for purchase and their associated events.
- Users should be able to purchase in-app. There should be a buy/purchase button, the actual payment workflow is out of scope.
- A ticket information displays date, location, title, short description and price.

3. Schedule
- Schedules of current and upcoming events are displayed here, with the user being able to access details about events from the schedule view.
- You can follow iOS and Android calendar apps as reference for this. It's good how they handle year/month/day views, allowing the user to see the whole picture or just specific details of a entered day/week.
- The data you would like to see from an event on this screen should be kept simple, location, date and title. According to your UX approach you could see if adding more details is a good fit. We're open to suggestions.
- When clicking an event the user should be able to see more details. Could be an expanded view or some other approach you find interesting.

4. Live Matches
- Users are able to view live matches and see associated stats and player rankings as the match progresses.
- User should be able to watch a live video feed.
- Stats are dependent on the game that is being played. You should reference prerecorded matches for an example of what the users are tracking during the live event (Kill/Death ratio, team score, etc).
- There should be a leaderboard with players names, profile pics and ranking. Open to suggestions.

5. Stats
- User will be able to view a list of players (name, profile pic, ranking).
- User will be able to view a list of teams and stats (team name, amount of members, maybe showcase some members?).
- User will be able to view rankings, e.g. leaderboards with ordered items by team, members (top performers), game, etc.
- This entire feature is open to suggestions. We'd like you to explore UX approaches and data to make it feel attractive.

Target User
A user that is obsessed with tracking tickets and scheduling and live event access should have equal accessibility as the user that is only concerned with watching off-season videos and occasionally tuning into live matches in their downtime. Diehard fans and casual users alike should find the experience delightful, intuitive, and obvious - regardless of the complication of their use case.

Target demographics: http://www.kotaku.com.au/2015/11/average-age-of-esports-players-is-higher-than-youd-think/

Judging Criteria
- How well you plan the user experience and capture your ideas visually.
- Cleanliness of your graphics and design.
- Creativity and ease-of-use is key to the success as it must be engaging to users.

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 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:

2017 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
  • Sketch

You must include all source files with your submission.

Submission limit

Unlimited

ID: 30055986