• Interfaces
  • Stoloto
  • Logo Interface

    The making of the Duel lottery interface

    Overview• Process

    While the client is searching for a name for the new lottery, we look for ideas for its website.

    duel process sketch1

    Simultaneously, work is under way on redesigning the betting page. Sketching the betting interface for the old design.

    duel process bet old

    And the new one.

    duel process bet new

    Choosing a gradient background. First deciding to go with pink but later changing the decision in favor of a more reserved and dramatic one.

    duel process gradient

    The name has been chosen, it’s Duel. Making the first attempt.

    duel process sketch2

    And the second.

    duel process sketch3

    Deciding to go with the bout. Exploring ways to show it.

    duel process sketch4

    Thinking how we can present the fighters.

    duel process competitors1

    The idea is approved but we need to keep only the fighters of equal strength. Doing so.

    duel process competitors2

    Taking photos, drawing, glazing.

    Deciding to draw the robot. Looking at existing parameters. Coming up with a cool robot with lots of devices and gadgets, a backstory, an archenemy and a couple of fights that it has already won.

    Going with the less bloodthirsty design.

    duel process robot

    As the robot hand is being drawn, trying the gradients on the main page.

    duel process main

    Writing animation rules.

    duel process animation1

    And in detail.

    duel process animation2

    Handing over to the client, making adjustments to the layout. Preparing the announcement.

    duel process anons

    Getting ready to see who will win.

    duel process winner