No-code Gamification Platform
Product of Fgfactory
Info about our company
Our team of professionals
List of open vacancies
Fgfactory developed from scratch and delivered a coupon aggregator web platform with built-in gamification and interactive elements.
PROJECT MANAGER
Project planning and management. Responsible for team cooperation and tasks completion on time.
ART LEAD
Art team supervision. Responsible for art director and internal feedback and quality check.
UX / UI DESIGNER
Responsible for the entire platform UX planning, UI and icons design, and tech team consulting.
TECH LEAD
Architecture development and code review. Responsible for regular cooperate with game developers.
WEB DEVELOPERS
The team of 2 web developers completed visual interface and admin panel front-end development.
ENGINE DEVELOPER
Built the platform interactive virtual city with buildings, props and various sights using PixiJS.
BACKEND / DEVOPS DEVELOPER
Responsible for the backend development, security and scalability maintenance, and deployment to AWS.
QA ENGINEER
Manual project testing that’s performed during the development pipeline and final testing in the end.
Yuriy
Gaming Expert Consultant
Already have questions regarding the project?
Take a minute, we’d love to hear about your request.
In partnership with Azerbaijan-based agency Meal for Real and Visa Azerbaijan Fgfactory built and delivered a new version of the web platform aggregator of discount offers from brands, the core of which is an interactive approach to browsing and searching for offers using a virtual map of the city of Baku.
The Fgfactory project team had to create a new version of the platform from scratch to release, covering all stages of development including design, frontend, game engine development, backend with a database for processing requests, storing and managing visual content. And also deliver the platform to the hosting, ensuring high performance and data security.
Based on the initial requirements and goals, the Fgfactory team developed a pipeline that allowed us to combine all the necessary components and build work in a format of cooperation and regular discussion of progress with the client's team. The visual component initially included the development of a fully interactive 3D city in order to provide users with deep immersion in virtual Baku and give the opportunity to travel around the city and its attractions.
However, to improve optimization and at the same time the quality of the render, the interactive map was later updated to a static 3D render. This made it possible to improve the speed of the platform, while making the quality of the 3D render higher with additional details of lighting, shadows, reflections, etc.
You can find out more about how we work with the optimization of a large number of visual assets for web projects that require high performance at the link below:
We provide browser games development services for clients, helping them to drive players' attention and elevate their businesses. When developing 2D and 3D projects we utilize HTML5 and JS technologies and aim to build cross-platform games that can be launched on any platform: from desktop to mobile.
In parallel with the creation of the interactive map, our team developed a user flow and interface corresponding to the Visa brand guidelines. The interface includes adaptive support for various desktop and mobile platforms. This ensures the widest coverage of platform users.
The project consists of a robust technical architecture that seamlessly integrates frontend, backend, and game engine components to deliver an engaging and interactive city simulation experience for users.
Frontend
The frontend is divided into two key components:
Game Engine & City Rendering
Although the project is not truly 3D, it leverages PixiJS to create a visually immersive experience. The city is composed of numerous detailed elements, strategically placed based on coordinate data exported from Spine. This approach ensures an optimized rendering process while maintaining high-quality visuals.
Each building in the city features a signboard displaying the brand name. When users click on a signboard, a slider appears with current promotional offers, including discounts and special deals. This interactive feature enhances user engagement by providing direct access to brand promotions.
Backend
The backend is built using ASP.NET Core API with PostgreSQL as the database. It is hosted on AWS EC2 instances with Load Balancer and Amazon RDS for scalable and efficient data management. The backend handles user authentication, data storage, and communication between various parts of the system.
By combining advanced web technologies with an efficient backend, the project delivers a unique and interactive platform that seamlessly integrates a visually rich cityscape with functional e-commerce-like elements
As a result of the work of the Fgfactory team, the project was completed in full, with all performance and quality requirements met. It was completed on time, delivered to the client and launched for public use. The platform includes an interactive map of Baku, which has been stylized and adapted to the needs of the platform for convenient browsing and use, as well as a catalog of offers from brands with the necessary functionality for browsing different categories of offers like Fashion, Food and Beverage, Leisure, Entertainment etc. and searching for offers.
The Visa Pay City platform is an incredible example of combining business goals and interactive experience. It combines valuable content that is available to users and an exciting immersion in the virtual atmosphere of a beautiful city.
Related Cases
Battle Legende
NFT Islands
Racer Club
The information you provide won't be accessible to anyone besides your dedicated manager. It is protected through our standard Non Disclosure Agreement .