While the client is searching for a name for the new lottery, we look for ideas for its website.
![duel process sketch1](duel-process-sketch1.jpg)
Simultaneously, work is under way on redesigning the betting page. Sketching the betting interface for the old design.
![duel process bet old](duel-process-bet-old.jpg)
And the new one.
![duel process bet new](duel-process-bet-new.jpg)
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](duel-process-gradient.jpg)
The name has been chosen, it’s Duel. Making the first attempt.
![duel process sketch2](duel-process-sketch2.jpg)
And the second.
![duel process sketch3](duel-process-sketch3.jpg)
Deciding to go with the bout. Exploring ways to show it.
![duel process sketch4](duel-process-sketch4.jpg)
Thinking how we can present the fighters.
![duel process competitors1](duel-process-competitors1.gif)
The idea is approved but we need to keep only the fighters of equal strength. Doing so.
![duel process competitors2](duel-process-competitors2.jpg)
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](duel-process-robot.jpg)
As the robot hand is being drawn, trying the gradients on the main page.
![duel process main](duel-process-main.gif)
Writing animation rules.
Briefly.
![duel process animation1](duel-process-animation1.jpg)
And in detail.
![duel process animation2](duel-process-animation2.jpg)
Handing over to the client, making adjustments to the layout. Preparing the announcement.
![duel process anons](duel-process-anons.jpg)
Getting ready to see who will win.
![duel process winner](duel-process-winner.gif)