Украинская Национальная Лотерея, наверное, известна многим, особенно любителям азартных игр. Они выпускают традиционные бумажные лотерейные билеты, которые продаются в киосках, на почте, в магазинах, а кроме того, сыграть можно в терминалах или на веб-сайтах.

В сотрудничестве с компанией W1 мы разработали три электронных билета для УНЛ — тех самых, которые доступны в интернете, — а именно: «Супер Лото», «Кено» и «Лото Максима».

Отправная точка — дизайн сайта Украинской Национальной Лотереи

Изначально нам поставили задачу: билеты должны быть оформлены таким образом, чтобы они вписывались в дизайн сайта УНЛ. Но надо сказать, что сайт их выглядит не самым лучшим образом:

Официальный сайт Украинской Национальной Лотереи

Поэтому такая задача поставила нас в непростое положение. Мы изучили особенности сайта УНЛ и приступили к работе. 

О процессе рассказывать особо нечего… просто взяли и сделали.

Три билета: «Супер Лото», «Кено», «Лото Максима»

Билет «Супер Лото»

Билет «Кено»

Билет «Лото Максима»

О спрайтах

В этих электронных билетах мы применили технологию спрайтов. Дело в том, что в каждом билете достаточно много графических элементов, таких как кнопки, логотипы, переключатели, выделители. У каждого из них может быть свой функционал, но при этом они между собой взаимодействуют. 

Если при загрузке страницы с лотерейным билетом все эти графические элементы будут грузиться по отдельности, время загрузки будет очень большим, и кроме того, подгружаться они будут неравномерно. Чтобы избежать всех этих проблем, мы объединили все графические элементы в один — так называемый «спрайт». 

Спрайт для билета «Супер Лото» 

Это позволило существенно ускорить загрузку билета и добиться одновременного появления всех этих элементов на странице. Правда, такой метод более сложный и трудоемкий с точки зрения программирования и верстки, но результат того стоит.

Последствия и выводы

Уже когда дизайн всех трех билетов был готов, мы узнали, что эти билеты будут размещены не только на сайте Украинской Национальной Лотереи, но и в магазине Интеркассы, на сайте W1 и на других сайтах, то есть, в отрыве от пресловутого дизайна УНЛ.

Поэтому следующий проект с УНЛ, электронный билет «Секунда Удачи», мы уже разрабатывали, исходя из других предпосылок. Он получился более современным, удобным, интересным. В то время, как билеты «Супер Лото», «Кено» и «Лото Максима» замечательно подходят к дизайну сайта, но могли бы выглядеть гораздо симпатичнее, если б нас не ограничивали этими узкими рамками…