Upgrading shopper’s delight of the BookSpot store
Working hard to become the market leader in their space, BookSpot, an online book & entertainment store, decided to future-proof their store by increasing usability, scalability and making it easier to maintain.
If that wasn’t enough, a vast back catalog of physical media had to be made available in the new store, while the old one had to operate like business as usual. LINKIT expert and full-stack developer Andre Teixeira was part of the team that delivered a brand new front-end application for the new site that went live together with the upgraded e-commerce platform.
The LINKIT challenge
Laying the foundation for a fast-growing e-commerce platform
Famous online book and entertainment store BookSpot has set its sights on becoming the market leader in their space.
The current priority? Rebuilding and upgrading their e-commerce platform Intershop to support a popular, decades-spanning back catalog of physical media inherited from previous iterations of the company.
To support rapid growth, the new online store needed to be more usable, scalable and easier to maintain. The old online store needed to stay live (and maintained) during the project.
The LINKIT solution:
Playing it smart by cutting it up
Together with the internal stakeholders, the development team decided to decouple the front-end application from Intershop to give the company more flexibility and make everything easier to maintain and upgrade going forward.
Separate teams set out to work simultaneously on the new front-end app, upgrading Intershop and maintaining the old site so visitors could still shop in the store. By working in parallel, they could extend the APIs and customize the standard ones. The teams made sure that the app servers could handle millions of requests a day to future-proof the online store for rapid growth.
How BookSpot benefits
Gunning for the top spot in this space is something that takes a lot of effort, patience and getting the right people, processes and tools in place to seize opportunities when they come along.
By upgrading the e-commerce platform and decoupling the front-end app, the company is giving shoppers the best possible user experience. Especially when it comes to searching, ordering, paying and receiving the delivery. Better yet, they now have a vast entertainment catalog to choose from, wherever they are - even on their mobile devices.
On the technology side of things, BookSpot is now ready for the future since everything is easier to maintain, upgrade, or to add new features. Speaking of which, they even expect to roll out dozens of new features soon.
How the LINKIT experts helped
Andre Teixeira was one of the LINKIT experts involved. He was part of a team who developed the decoupled front-end app using the scaled agile framework. If you look at all the teams involved, there were more than 25 specialists working on this entire project. Other roles in the team included a scrum master, product owner, business analysts, back- & front-end developers, quality assurance specialists, system engineers, UX analysts and visual designers.
The main stack used for front-end app was ReactJS. This made sure they could deliver maintainable, clear modules. They used Webpack to bundle the codebase to produce small and optimized code & content fast.
Furthermore, they managed to reduce external dependencies to a minimum, but with the constant concern to avoid reinventing the wheel. The external dependencies are loaded on demand by splitting the bundle.
The (front-end) team relied on the best practices and innovations of the latest ECMAScript versions, which were supported by Babel transpiler. Last but not least, they worked with Sass and Autoprefixer for the stylesheets.
Andre loves how the project has unfolded and praises the parallel planning and efforts of the different teams. Clearly at ease in an agile and flexible environment that's mainly concerned with consistently delivering results, he enjoys the visibility & transparency of the approach. According to him, this approach also means feedback of the entire team is quickly taken into account. In turn, this means they use the tech stack in the best possible way and improve the team's working pace during the project.