Our customer is a leading Russian ticketing system provider. It has 1000+ ticketing offices in 20 biggest Russian cities, such as Moscow, St. Petersburg, Nizhny Novgorod, Yekaterinburg, Kazan, Chelyabinsk, Perm, Ufa, Rostov-on-Don and Sochi.
The business area is providing tickets sale and access control for theatre, cinema, concert, sport, musical and other entertainment events. Customer’s software is a client-server solution that manages all processes in ticketing life cycle. The company sells tickets in its own ticketing offices and points of sale, through the website and through partners’ networks.
The customer is participating in a tender for providing a standalone ticket software for F1 RUSSIAN GRAND PRIX SOCHI CIRCUIT.
The main requirement was to have a smart, user-friendly and adjustable user interface for seat schema navigation. The previous implementation of seat scheme had a plain simple design: the scheme editor was not able to add backgrounds, mark entrances, exits, WCs, parking lots, etc.
The user interface had two separate views for it: sectors and seats inside sectors. The main challenge was to combine these views into one view, so the user could see which seats are available and how close they are to the racetrack.
Another requirement was to increase the performance — in total tribunes could fit up to 75 000 people. Every seat in the scheme had a price, different ticket statuses, history and other information. The existing implementation worked too slowly when loading the biggest sectors.
The solution was to create a new web client with easily adjustable and customisable seat schema and ability to add various backgrounds.
The web client is a lightweight HTML5 application built with Angular.JS, SVG and D3 used to render seat scheme and adjust its seats and sectors. There is no need to set seats on existing schemes once again — mathematical algorithms themselves dispose the seats in the new implementation.
The system allows setting any SVG file as a scheme background. The SVG file can be prepared separately using a variety of well-known graphical software such as CorelDraw or Adobe Illustrator. Users can add beautiful and informative backgrounds to the scheme and adjust the seats to it.
The web client is embedded via web-browser (Web Kit) into the current .NET implementation of the client application. Users can use old and new implementations in a single application combining advantages of both. The new solution can work in standalone mode (in a web browser) as well.
Implementation of partial load and rendering (the same principle as Google Maps) of the seats for the event scheme allows getting an enhanced, functional, usable and fast interface.
The new web seat schema was used not only for participation in F1 RUSSIAN GRAND PRIX tender but also as the main solution in the customer’s ticketing system.
New, fast and attractive user interface allows representing seats for the customers in a more realistic picture; receive holistic information from the unified interface. Embedding new implementation into the old one reduced costs of customer’s development plan. The plan to increase performance was achieved and justified.