- About
UI/UX design of Chess with artificial intelligence, trained on the games of Mikhail Tal
![[fig 0] Light mode](/_next/image?url=%2Fworks%2Fchess%2Foverview.png&w=3840&q=75)
![[fig 1] Zen mode](/_next/image?url=%2Fworks%2Fchess%2Foverview-dark.webp&w=3840&q=75)
-
Focus on the game. The user starts playing immediately, there are no pre-settings, any settings can be made during the game. It is important. The layout is divided into 2 independent parts. The navigation bar is hidden without disturbing the player. It opens without blocking the game.
![[fig 2] Sidebar open](/_next/image?url=%2Fworks%2Fchess%2F1.png&w=3840&q=75)
![[fig 3] Sidebar closed](/_next/image?url=%2Fworks%2Fchess%2F2.png&w=3840&q=75)
- X-ray mode and tips
The user can see the probability of an artificial intelligence move. The user can use the tips of the best move, according to artificial intelligence. The quantity of tips depends on the difficulty level that the user has chosen.
![[fig 3] Tips](/_next/image?url=%2Fworks%2Fchess%2F3.png&w=3840&q=75)
![[fig 4] AI assist](/_next/image?url=%2Fworks%2Fchess%2F4.png&w=3840&q=75)
- Dark and light themes
Supporting dark and light theme
![[fig 5]](/_next/image?url=%2Fworks%2Fchess%2F5.png&w=3840&q=75)
![[fig 6]](/_next/image?url=%2Fworks%2Fchess%2F6.png&w=3840&q=75)
- Custom board colors
The user can customize the color of the board
![[fig 7]](/_next/image?url=%2Fworks%2Fchess%2F7.png&w=3840&q=75)
![[fig 8]](/_next/image?url=%2Fworks%2Fchess%2F8.png&w=3840&q=75)
- AI generated rooms
The AI generated backgrounds and sounds allow you to play in a comfortable environment
![[fig 9]](/_next/image?url=%2Fworks%2Fchess%2F9.png&w=3840&q=75)
![[fig 10]](/_next/image?url=%2Fworks%2Fchess%2F10.png&w=3840&q=75)
![[fig 11]](/_next/image?url=%2Fworks%2Fchess%2F11.png&w=3840&q=75)
![[fig 12]](/_next/image?url=%2Fworks%2Fchess%2F12.png&w=3840&q=75)
- Gamification
Analytics during the game helps to monitor the growth process. You can share your achievements and statistics.
![[fig 13]](/_next/image?url=%2Fworks%2Fchess%2F13.png&w=3840&q=75)
![[fig 14]](/_next/image?url=%2Fworks%2Fchess%2F14.png&w=3840&q=75)
- Adaptive design
The game is fully adaptive and can be launched from any device.
![[fig 15] Adaptive layout](/_next/image?url=%2Fworks%2Fchess%2F15.png&w=3840&q=75)
- Game assets
Pre made and ai driven color themes, and hand drawn chess pieces
![[fig 16]](/_next/image?url=%2Fworks%2Fchess%2F16.png&w=3840&q=75)
![[fig 17]](/_next/image?url=%2Fworks%2Fchess%2F17.png&w=3840&q=75)
- Summary
- Designer: vitaly
- Client: UESMO/Sber
- Year: 2024
