The making of the Stoloto mobile website templates

Overview• Process

Working on structure. Writing a list of elements and functions implemented in current versions of the main website, mobile application and mobile website. Understanding which of them are shared across all platforms and which are unique. Creating a new inheritance diagram.

stoloto mobile process 01 01
Existing function inheritance
stoloto mobile process 01 02
Required function inheritance

Elaborating the structure. Keeping in mind the existing mobile application to minimize the difference in logic and navigation.

stoloto mobile process 02

Making the first approach to page design. Adapting the style of website concepts to the existing application.

stoloto mobile process 03

The new website should be lighter than the application and load quickly regardless of the quality of internet connection.

Getting the client’s request to make game banners more informative. Changing the structure of the main screen. Choosing a more minimalist direction for the style. Using single colors instead of gradients, removing excessive images and animation.

stoloto mobile process 04

Assembling a prototype and testing.

stoloto mobile process 05

We are satisfied with the chosen direction. Since the client is rushing to release the website, dividing the project into two concurrent branches: version 1.5 for the upcoming release and version 2.0 for the final release. Focusing on 1.5 for the time being.

stoloto mobile process 06

At this point unexpected happens: the client approves a new visual style where blue and white colors are abandoned in favor of black and yellow. Urgently making changes to the mock-ups.

stoloto mobile process 07

Sending the mock-ups for development, drawing final icons and creating a web typeface.

stoloto mobile process 08

The client asks to add an archive of previous draw results to version 1.5.

stoloto mobile process 09

Tracing the evolution of the main screen.

stoloto mobile process 10

Meanwhile, Legislative Assembly of Saint Petersburg passes bylaw 361 which forbids distribution of instant lotteries that make use of mechanical, electrical, electronic or other technical devices. Removing all instant games from the release replacing them with draw games.