Украинская Национальная Лотерея, наверное, известна многим, особенно любителям азартных игр. Они выпускают традиционные бумажные лотерейные билеты, которые продаются в киосках, на почте, в магазинах, а кроме того, сыграть можно в терминалах или на веб-сайтах.
В сотрудничестве с компанией W1 мы разработали три электронных билета для УНЛ — тех самых, которые доступны в интернете, — а именно: «Супер Лото», «Кено» и «Лото Максима».
Отправная точка — дизайн сайта Украинской Национальной Лотереи
Изначально нам поставили задачу: билеты должны быть оформлены таким образом, чтобы они вписывались в дизайн сайта УНЛ. Но надо сказать, что сайт их выглядит не самым лучшим образом:

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

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

Билет «Кено»

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

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