Huawei Honor Cup IT Competition website and mobile application
We paid special attention to animation when creating the design, because the website of youth competitions in the field of ICT should be as interactive as possible.
Page
Scroll
The site implements the mechanics of onepage scroll interaction: each page is divided into separate screens, when scrolling the page, a sequential transition from screen to screen is carried out.
The Online School section contains a unique database of webinars from leading experts in the field of ICT. Here, participants can not only prepare for competitions, but also gain advanced knowledge about technologies and methods in IT.
The Competition Stages page uses horizontal navigation between screens, as opposed to the vertical navigation implemented on the other pages. Thanks to this, working with the competition timeline becomes more convenient, because we are all used to viewing the linear sequence horizontally, as on a ruler or graph, and not from top to bottom.
The concept of splitting the page into separate screens gave us the idea to optimize the presentation and presentation of content: we made each screen represent a separate thought or topic — succinct and concise.
One of the stages of the competition is a quiz, for which a mobile application has been developed. But if for some reason the user cannot use it, no trouble: integration with the application allows authorized users to take part in the mobile quiz through the website interface.
One of the selection stages is the completion of tasks for a while, in which participants must freely give the correct answer to a question on the chosen topic. Our task was to ensure convenience, continuity and safety at this stage.
Of course, the participants of the competition are full of emotions — it is necessary not to miss the day of submitting applications, to pass the competitions of each stage on time, and this is a constant check of mail in the hope that the results of the completed stages have come!
Making life easier for young geniuses, we carefully collected all the important data on one page and made an interactive map of the player, which shows what status each of the stages of the competition has, what results he personally has for this stage, when can we expect summing up.
In total, we have developed layouts of 26 pages - 3 versions of each page to ensure coverage of all popular screen resolutions. Adaptive layout has become the key to the convenience of working with the site from any device, and integration with the application has created a single information space of the competition.
development
With the help of a convenient application on iOS and Android, participants can plunge into the informative, complex and so interesting world of IT. Our task was to create a modern, interactive, interesting quiz that will really captivate users.
Participants can watch webinars right now and postpone the webinars that interest them "for later", choose in which category and on which topic they are ready to fight with other players, receive bonus points for speed and percentage of correct answers, take revenge, go ahead, win.
To maintain the interest of players, additional tournaments are also held in the application, for example, the best player of the week in a given nomination.
We managed to create an exciting gameplay for the participants of the competition,
as evidenced by the following indicators:
via the app
passed to the next
stage of the competition
by the application
in six months
part in the game