Digital gaming solutions for Soccer Manager
Improve the digital football experience through interactive digital solutions
Timeline
Ongoing
Industry
Gaming
Location
Malta
Year
2022
  1. Strategy

    We collaborated with Soccer Manager which is child company of Autonomous Worlds Ltd, a leading engineering team to revamp their web application and develop their mobile application while it tablet responsive.

    1
  2. Analysis Planning

    After analysing the requirements of the project, we decided to use Flutter Web to build up the desktop version of the application and we based both the web and mobile apps on the blockchain and web3 while ensuring they are open source.

    2
  3. UI/UX

    We were required to implement thematic visuals to improve the user experience of the application because of which the team brainstormed and came up with wireframes based on Figma.

    3
  4. Development

    The entire development phase consisted of both designs to improve the UI as well as significant development to improve the functionalities of the application. We also implemented drag and drop options, creative visuals, a chatbot and the required SDKs for this open source project.

    4
  5. Testing

    Testing was conducted internally throughout the course of the project to check for bugs and was later pushed out for user acceptance testing during its beta stage to align the experience according to the reviews of users.

    5
  6. Delivery

    The app is currently in its beta phase with new features being implemented based on the results from the user acceptance testing. With the client being enthralled with the progress on the project, we are gearing up for its deployment in the upcoming future.

    6
About the Client

Based out of Malta, Soccer Manager is the child company of Autonomous Worlds Ltd. which is a leading engineering company with its main focus on blockchain, blockchain gaming, consultancy and other bespoke projects. Our client offers a multiplayer, community-driven football game where users can choose from countless options. The user can be a manager, agent, club owner, share trader, speculator, or any combination of these. It is an open-ended gaming world for thousands of users which provides an experience of a thriving football economy that uses blockchain technology to give you true realism, asset ownership, and total control.

The Problem

The client came across us on their search for people who could handle the development and design of their web and mobile applications. Their requirements were to improve the user experience and the visuals of the existing web app and revamp it while also designing the mobile app and making it tablet responsive.

Based on the requirements of the project which needed flexibility to incorporate the needs of the client, we mutually decided to work on the time and material model. The engagement was scheduled to start in June of 2021 and is still ongoing.

Team On-Call

After assessing the work which was previously done on the application and charting out a game plan to take the project, the next step on hand was to put together a team which could carry out the design and development for the applications. We roped in three designers for the initial stage of the project which was to revamp the existing application and later on we also put together a team consisting of a testing engineer, two developers to carry out the development requirements. They were spearheaded by a tech load who would ensure that everything was going as planned.

Requirements

Revamp the user experience of the existing web application through better visuals.

Develop the mobile version of the application and make it tablet responsive.

Implement a chatbot option for both mobile and web versions of the application.

Develop a proof of concept which would help to navigate through the project.

Development

The client’s offering- Soccer Manager Elite is a massive multiplayer online soccer management game with one huge persistent evergreen game world. The initial task on hand was to improve the user experience of the web application which was handled by the in-house design team at GeekyAnts while also building a mobile application which was the development team’s job.

We began the engagement with the design phase of the website followed by improving mobile and tablet responsiveness of their application. There was brainstorming and discussion on what the client’s expectations were and then wireframes were presented for the screens based on which the design team would work on improving the user experience. Once that was done, the visuals were built using Figma by our team.

Once the designs were completed, the second phase began and the development team took over the development of the website. The website was built using Flutter Web as the main tech stack mainly because of its ability to develop cross platform applications for Android, iOS, Linux, macOS, Windows, Google Fuchsia, and the web from a single codebase. The client also provided access to their personal GitHub repository which would allow our tech lead to push stable codes.

A lot of brainstorming was done internally to understand the functionality of features. Over the course of the project, we worked on design systems for both dark and light themes After researching the nature of the application, our team also implemented the right color palettes, icons, various graphical elements and components to improve the user’s experience. The team also worked on both the read and write modes for the website while integrating various RPCs and making sure they were working fine when pushed to the blockchain. We also worked on making the UI of apps responsive while ensuring that they work exactly the same on all devices. A drag and drop feature to ensure that the on-screen users were movable was also implemented and we are currently working on implementing a chat option for the app. 

One of the strategies followed by the team to ensure that the development phase was going as planned is to have daily standups internally along with weekly interactions with the client where they would provide us a task list which could be followed. Another important aspect which helped us to ensure that the development phase was optimal was to have peer-to-peer reviews along with extensive brainstorming sessions when a new task came up. The task management tool of choice was Jira.

Testing was critical to ensure that bugs were being kept a check on and that the features which were being implemented were functioning optimally. We also roped in a QA analyst who would perform stringent testing to ensure that the application was up to the mark. We also implemented user acceptance testing as the app was in its Beta phase and implemented changes based on the reviews we received to improve the user experience of the application.

Overcoming Challenges

One of the primary challenges that we faced along the way was working with Flutter Web which was relatively new for the in-house team at GeekyAnts but they managed to find workable solutions through extensive research about the tech stacks. The next curveball which was thrown at us was working with web3 and blockchain related technologies which are quite new in the tech world which was also handled through research about the topic and experiments which helped us to find the right way ahead. The client also provided us with their personal GitHub repository which played a pivotal role in ensuring that the code which was being pushed was stable.

Final Impression

The progress on the project is currently ongoing with features being implemented by our team, rapidly tested and pushed to the client who would get back to us with his feedback. With the app currently in its Beta stage, our partner is extremely happy with how the application looks at this point and the dedication that the GeekyAnts team has shown in researching and implementing technologies that are relatively new to them. With everything on track, we are all gearing up for a very successful deployment of the Soccer Manager application in the near future.