Football Match Online Auction
2016 | AngularJS, Web Development
Creating an interactive web-application for the users to take part in the online auction during the football match.
The system was developed for the Levi’s Stadium (a football stadium located in Santa Clara, California, in the San Francisco Bay Area).
The San-Francisco company desired to hold an advertising game during the match – an auction to sell several items, including the new car. Only those visitors who have registered at company’s site were allowed to take part in the game (of course, a massive advertising campaign was held beforehand).
Here is the plot of the game:
Interactive video starts on all the devices of all the logged in users simultaneously, as well as on the huge stadium jumbotron screen. After a few seconds of Levi’s commercial, the photos of the auction item are displayed. During the 10-second countdown the price of the item is dropping, so that any visitor might press the button to buy at current price. One who pressed the button first is the winner and his/her name is shown on every device.
The main challenge was to create a pixel-perfect picture for all possible desktop resolutions and mobile devices, including stadium jumbotron with very specific resolution of 1,120 × 4,648 pixels.
Our developers proposed the solution that will perfectly match the existing ecosystem: we decided to use modern web technologies with the advantages they provide. The front-end of the application was built with HTML5, CSS3, and AngularJS due to that technology is fully responsible at every resolution.
Such an approach helped the client to solve the business goal without additional expenses on software development and disruption of the existing infrastructure.
During the development process, our developers practiced the SCRUM.
- The front-end part of the project was created using AngularJS framework;
- Pixel-perfect quality of the application was achieved using CSS technique – CSS3 Media Queries;
- We’ve managed to run the web application simultaneously on every device due to the WebSocket API (which establishes connections between a web browser and a server).
AngularJS HTML5 CSS3 WebSocket
Featured case studies:
The customer asked Azati to audit the existing solution in terms of general performance to create a roadmap of future improvements. Our team also increased application performance and delivered several new features.
At Azati Labs, our engineers developed an AI-powered prototype of a tool that can spot a stock market trend. Online trading applications may use this information to calculate the actual stock market price change.
Azati designed and developed a semantic search engine powered by machine learning. It extracts the actual meaning from the search query and looks for the most relevant results across huge scientific datasets.
Azati helped a well-known software integrator to eliminate legacy code, rebuild a complex web application, and fix the majority of mission-critical bugs.
Azati helped a European startup to create a custom logistics platform. It helps shippers to track goods in a real-time, as well as guarantees that the buyer will receive the product in a perfect condition.