ReturnOfTheSaiyans
ReturnOfTheSaiyans
ReturnOfTheSaiyans
Role in the project
UI/UX
About the project
Online MMORPG game
Client
Return of the Saiyans
![](https://framerusercontent.com/images/iKeVhrRq4NN0uYH8Im8QhZXQM.jpg?scale-down-to=2048)
![](https://framerusercontent.com/images/QC13XCIIfSO0pfjoNtIePH5bus8.png)
![](https://framerusercontent.com/images/iKeVhrRq4NN0uYH8Im8QhZXQM.jpg?scale-down-to=2048)
![](https://framerusercontent.com/images/QC13XCIIfSO0pfjoNtIePH5bus8.png)
![](https://framerusercontent.com/images/iKeVhrRq4NN0uYH8Im8QhZXQM.jpg?scale-down-to=2048)
![](https://framerusercontent.com/images/QC13XCIIfSO0pfjoNtIePH5bus8.png)
Challenge
Challenge
Creating a functional and creative informational website for a browser-based MMORPG game
Creating a functional and creative informational website for a browser-based MMORPG game
For the client's needs, I prepared the entire userflow integrated with the ReturnOfTheSaiyans online game API. Additionally, I prepared a prototype of glowing spheres, including a responsive version, upon request.
For the client's needs, I prepared the entire userflow integrated with the ReturnOfTheSaiyans online game API. Additionally, I prepared a prototype of glowing spheres, including a responsive version, upon request.
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/qqfoKPnqZodLCn24rRq8HWlN8.jpg)
![](https://framerusercontent.com/images/qqfoKPnqZodLCn24rRq8HWlN8.jpg)
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/qqfoKPnqZodLCn24rRq8HWlN8.jpg)
1 stage
1 stage
Main page presenting promotional film and game features together with news
Main page presenting promotional film and game features together with news
I have prepared a PC version and a responsive one, I present the userflow process below
I have prepared a PC version and a responsive one, I present the userflow process below
![](https://framerusercontent.com/images/FrSyt45VwMJXryHKZ8lobZcI.png?scale-down-to=1024)
![](https://framerusercontent.com/images/FrSyt45VwMJXryHKZ8lobZcI.png?scale-down-to=1024)
![](https://framerusercontent.com/images/FrSyt45VwMJXryHKZ8lobZcI.png?scale-down-to=1024)
![](https://framerusercontent.com/images/XybRgurPcWwQ9doml5Jxrn3TU4.png?scale-down-to=1024)
![](https://framerusercontent.com/images/XybRgurPcWwQ9doml5Jxrn3TU4.png?scale-down-to=1024)
![](https://framerusercontent.com/images/XybRgurPcWwQ9doml5Jxrn3TU4.png?scale-down-to=1024)
![](https://framerusercontent.com/images/QV2hefvRDTII3ys0cyPGv86VRF4.png?scale-down-to=1024)
![](https://framerusercontent.com/images/QV2hefvRDTII3ys0cyPGv86VRF4.png?scale-down-to=1024)
![](https://framerusercontent.com/images/QV2hefvRDTII3ys0cyPGv86VRF4.png?scale-down-to=1024)
![](https://framerusercontent.com/images/ueFliGvlZY5vcjzrc3Az3GQL0.png?scale-down-to=1024)
![](https://framerusercontent.com/images/ueFliGvlZY5vcjzrc3Az3GQL0.png?scale-down-to=1024)
![](https://framerusercontent.com/images/ueFliGvlZY5vcjzrc3Az3GQL0.png?scale-down-to=1024)
2nd stage
2nd stage
Introduction to the game world and view of app download
Introduction to the game world and view of app download
The first view shows the characters that the player can choose, then information about the world.
The first view shows the characters that the player can choose, then information about the world.
![](https://framerusercontent.com/images/L39CKwDpzasRUFTdNlFGyOWxXns.png)
![](https://framerusercontent.com/images/L39CKwDpzasRUFTdNlFGyOWxXns.png)
![](https://framerusercontent.com/images/L39CKwDpzasRUFTdNlFGyOWxXns.png)
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/mJsFWih3NUCDcCYHmmjpkCpWy0.jpg)
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/mJsFWih3NUCDcCYHmmjpkCpWy0.jpg)
![](https://framerusercontent.com/images/uostClK0gYN7DUMcRhYH8mgsQ.png?scale-down-to=1024)
![](https://framerusercontent.com/images/uostClK0gYN7DUMcRhYH8mgsQ.png?scale-down-to=1024)
![](https://framerusercontent.com/images/uostClK0gYN7DUMcRhYH8mgsQ.png?scale-down-to=1024)
![](https://framerusercontent.com/images/ta7loLDnbATtwcIWsyAkXPcqXAI.png?scale-down-to=1024)
![](https://framerusercontent.com/images/ta7loLDnbATtwcIWsyAkXPcqXAI.png?scale-down-to=1024)
![](https://framerusercontent.com/images/ta7loLDnbATtwcIWsyAkXPcqXAI.png?scale-down-to=1024)
![](https://framerusercontent.com/images/xcRhKanAwQgKVo2F6UCuFuA9k.png?scale-down-to=1024)
![](https://framerusercontent.com/images/xcRhKanAwQgKVo2F6UCuFuA9k.png?scale-down-to=1024)
![](https://framerusercontent.com/images/xcRhKanAwQgKVo2F6UCuFuA9k.png?scale-down-to=1024)
![](https://framerusercontent.com/images/ekD0vmtXypZHS6Jg8lOcECaUrGg.png?scale-down-to=1024)
![](https://framerusercontent.com/images/ekD0vmtXypZHS6Jg8lOcECaUrGg.png?scale-down-to=1024)
![](https://framerusercontent.com/images/ekD0vmtXypZHS6Jg8lOcECaUrGg.png?scale-down-to=1024)
3 stage
3 stage
Payments, List of weapons
Payments, List of weapons
Using SIMPay and G2APAY, you can make payments and earn more points, which are necessary to climb up in the ranking of top players. With the points, you can exchange golden bullets for weapons.
Using SIMPay and G2APAY, you can make payments and earn more points, which are necessary to climb up in the ranking of top players. With the points, you can exchange golden bullets for weapons.
![](https://framerusercontent.com/images/CmFGZxPrTNiI3lARGT89qmloFw.png?scale-down-to=2048)
![](https://framerusercontent.com/images/CmFGZxPrTNiI3lARGT89qmloFw.png?scale-down-to=2048)
![](https://framerusercontent.com/images/CmFGZxPrTNiI3lARGT89qmloFw.png?scale-down-to=2048)
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/2MdgQaYffXQG4bTFUCvySvTsM.jpg)
![](https://framerusercontent.com/images/2MdgQaYffXQG4bTFUCvySvTsM.jpg)
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/2MdgQaYffXQG4bTFUCvySvTsM.jpg)
![](https://framerusercontent.com/images/LlRiykckL2CKR5515Z9qFYHa0Fc.png?scale-down-to=1024)
![](https://framerusercontent.com/images/LlRiykckL2CKR5515Z9qFYHa0Fc.png?scale-down-to=1024)
![](https://framerusercontent.com/images/LlRiykckL2CKR5515Z9qFYHa0Fc.png?scale-down-to=1024)
![](https://framerusercontent.com/images/qbvpebaf93SSSQX1axck1hxx2h4.png?scale-down-to=1024)
![](https://framerusercontent.com/images/qbvpebaf93SSSQX1axck1hxx2h4.png?scale-down-to=1024)
![](https://framerusercontent.com/images/qbvpebaf93SSSQX1axck1hxx2h4.png?scale-down-to=1024)
![](https://framerusercontent.com/images/Osh57HMygJWBnkcgPL09Bxzzc.png?scale-down-to=1024)
![](https://framerusercontent.com/images/Osh57HMygJWBnkcgPL09Bxzzc.png?scale-down-to=1024)
![](https://framerusercontent.com/images/Osh57HMygJWBnkcgPL09Bxzzc.png?scale-down-to=1024)
![](https://framerusercontent.com/images/w0abpZiWskTSSXkiRXtxe5dQMM.png?scale-down-to=1024)
![](https://framerusercontent.com/images/w0abpZiWskTSSXkiRXtxe5dQMM.png?scale-down-to=1024)
![](https://framerusercontent.com/images/w0abpZiWskTSSXkiRXtxe5dQMM.png?scale-down-to=1024)
4 stage
4 stage
Character profile, Guild list
Character profile, Guild list
You will translate a "text" property containing text in a JSON object using the following configuration: {{fromLanguage}}
You will translate a "text" property containing text in a JSON object using the following configuration: {{fromLanguage}}
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/8tT5cbB6ebmlVNGz90NzPsPTjk8.png)
![](https://framerusercontent.com/images/8tT5cbB6ebmlVNGz90NzPsPTjk8.png)
![](https://framerusercontent.com/images/FJPy4l5mQSVC1R0xKm07GtQlAo.png)
![](https://framerusercontent.com/images/8tT5cbB6ebmlVNGz90NzPsPTjk8.png)
![](https://framerusercontent.com/images/OWGVilo0G9jfWCLspJ4bx6fcQVM.png?scale-down-to=1024)
![](https://framerusercontent.com/images/OWGVilo0G9jfWCLspJ4bx6fcQVM.png?scale-down-to=1024)
![](https://framerusercontent.com/images/OWGVilo0G9jfWCLspJ4bx6fcQVM.png?scale-down-to=1024)
![](https://framerusercontent.com/images/YYPWonvvyZHuZRz211X2TAuMyI.png?scale-down-to=1024)
![](https://framerusercontent.com/images/YYPWonvvyZHuZRz211X2TAuMyI.png?scale-down-to=1024)
![](https://framerusercontent.com/images/YYPWonvvyZHuZRz211X2TAuMyI.png?scale-down-to=1024)
![](https://framerusercontent.com/images/JcWemy1g1tpw3hmmNGnpPfFyIYA.png?scale-down-to=1024)
![](https://framerusercontent.com/images/JcWemy1g1tpw3hmmNGnpPfFyIYA.png?scale-down-to=1024)
![](https://framerusercontent.com/images/JcWemy1g1tpw3hmmNGnpPfFyIYA.png?scale-down-to=1024)
![](https://framerusercontent.com/images/Eo8l73O0w9Tg8zj0JYFAccTE.png?scale-down-to=1024)
![](https://framerusercontent.com/images/Eo8l73O0w9Tg8zj0JYFAccTE.png?scale-down-to=1024)
![](https://framerusercontent.com/images/Eo8l73O0w9Tg8zj0JYFAccTE.png?scale-down-to=1024)