NorApps is a product company in Norway that powers one of the most popular sport apps globally, FotMob. We worked with NorApps first and foremost to strengthen their web offering by completely rewriting their website code base, implementing a new design and drastically improve the performance.
The biggest challenge was maintaining the legacy codebase while working on a new one, refactoring all the shaky bits and ensuring the quality of the overall product. Another challenge was improving the performance of the website.
Since FotMob already has strong internal technical competence they decided on our extension model in order to increase their capacity and be more productive while saving cost.
We set up an extension team working on FotMob including full stack React and Node.js developers and quality assurance engineers to make sure the initial ideas and timeline was met. As any product company it is vital for our client to continuously iterate and improve FotMob. They often have strict deadlines as they launch features that align with event in the world of soccer, like the World Cup or Copa America.
First we did an internal audit of the existing architecture and codebase to make a checklist of improvements we needed to perform in order to make a better and scalable product. By constantly communicating our needs based on the checklist we developed a straightforward and efficient process of development together with NorAps.
Using our approach we gained 80% improvement on Google SpeedInsights.
We completely rewrote the codebase with the performance in mind, used several techniques such as:
- Bundle splitting
- Moving heavy libraries and functionality to server side on Node.js
- Generating html on server
- Removing unnecessary dependencies and libraries
Updating the design of the existing website was a big challenge as we were working with legacy code and a good amount of technical debt. This product had already existed for years and has been going full speed ahead as product development does. We needed to push the product forward and keep up with the roadmap, but also do it right. We decided to implement the new design and created a plan to ensure a complete restructuring and refactoring of the code in parallel. That gave us the confidence that in the end our client would get the required features in a timely manner while also getting a maintainable and extensible code base to further enhance their product.
Get in touch
Ready to get started?
If you are interested in what 7 Peaks can offer, want to work with us, or are looking to get more information about the services we provide, feel free to reach out and talk to us directly.
7 Peaks Software
The PARQ (West Wing)
7th Floor, Unit 8-13,
102 Rama IV Road,
Klong Toei, Bangkok 10110