Marketplace for flight simulation

Our collaboration started by carefully crafting a design system to ensure a consistent and intuitive interface across every screen of simMarket's desktop app.

This project was an amazing technical challenge because simMarket already had its mature Shop built on top of PHP with TWIG and we had to find a way to properly migrate all existing functionalities into an API for the App in order to build the new custom add-on Installer. We decided to build the App with Electron, which allowed us to build a cross-platform App with Vue.js under the hood for efficiency and speed.

Our next step was designing the main screen of the app, which serves as the entry point to the simMarket app. It was carefully built to feel dynamic, featuring real-time updates and a modern virtual style that immediately engages users and encourages exploration of flight simulation products.

One of the most important sections of this app is the checkout. With this in mind, our team designed the checkout flow to be intuitive and efficient, guiding users through three simple steps: add to cart, enter billing information and complete payment. This streamlined process ensures a smooth and hassle-free purchasing experience.

simMarker's library is what sets it apart from an ordinary shopping experience. By allowing users to download and install flight simulation add-ons directly within the app and receive real-time feedback and notifications throughout the installation process, it truly feels engaging and seamless.

simMarket users can purchase vouchers for friends, each represented by a unique card that stands out from other app products. This thoughtful design enhances the gifting experience while keeping it visually engaging and memorable.

Every screen in the simMarket app was designed and implemented to keep a consistent structure and visual language using the custom design system as a basis.