BuyCarry

Description

BuyCarry is a gaming services platform offering professional ELO boosting, future coaching services, and a marketplace for in-game items. With secure transactions and user-friendly tools, it helps gamers improve skills, achieve goals, and access unique resources.

‍

Project Background

When the client approached us, they had a clear vision for a fully customizable coaching and boosting platform managed through an admin panel. While they knew exactly how they wanted the platform to look and function from the user’s perspective, they lacked clarity on the administrative side.

To bridge this gap, we conducted an in-depth business analysis to define the platform’s functionality and ensure seamless operations. The client also sought our expertise in determining the minimum viable product (MVP) and selecting the best technological solutions—not just for cost-effectiveness and development speed but also for long-term maintainability.

Since the client’s team lacked technical personnel, their priority was to independently manage the platform post-launch with minimal reliance on developers. Understanding this, we focused on creating an intuitive, scalable, and low-maintenance solution, empowering the client to run their platform efficiently while setting the foundation for future growth

‍

Objectives

• Define core features based on competitor analysis.
• Optimize UI/UX for better conversion rates.
• Develop a no-code admin panel for full platform control:
• Customizable games, services, content, and pricing.
• Flexible form behavior and service provider interactions.
• Deliver a fast, scalable solution aligned with a major game update

‍

Tech Stack

Next.js, Directus, Zustand, Nest,js, Next Ui, Heroku, Stripe, Swagger, Directus Custom Hooks, Framer Motion

‍

User App Features

1. Registration & Authorization
2. Profile Management
3. Games and Services
   
   • View game pages with details (description, reviews, categories)
   • Filter services by game categories/subcategories
   • Related services display (cross-sell)
4. Customize Service Preferences
   
   • Choose service options (e.g., boosting levels, additional perks)
   • Price updates based on selected options
   • Dynamic pricing display for selected configurations
5. Payment Service
   
   • Processing and refunding client payments
   • Managing transaction
6. Support
   
   • Intercom (Live Chat)
   • Customer support
7. Blog
   • View categorized blog posts (guides, tips, news)
   • Engage with content (e.g., likes, shares)
   • Related services display (cross-sell)

‍

Admin App Features

1. Role-based system & Administrator Management
2. Order Management
   
   • Order CRUD 
   • Manage orders/order statuses according to order lifecycle 
   • Admin actions tracking logs
3. Manage Game and Service Data
   
   • Add, edit, and delete games and categories/subcategories
   • Setup proper service options and configurations
   • Smart  service configuration (price, rewards, options)
4. Blog Management
   
   • Create, edit, and delete blog posts
   • Manage blog categories and associated media
   • Setup cross-sell services 
5. User Management 
   
   • Manage Customer Accounts
   • View, edit, and delete customer profiles
6. Integrations
   
   • Intercome (Live chat)  integration
   • Hubspot integration
   • Facebook pixel 
   • Google analytics
   • ChatGPT

‍

Key Solutions

• Game Builder
  
  • The client needed a custom game builder to manage and update games efficiently without relying on a development team. In the fast-paced gaming industry, they required the ability to activate/deactivate games and modify key elements such as icons, banners, and descriptions directly from the admin panel.
  • Our team integrated Directus as the admin panel manager and developed a custom extension using Nest.js to enable automated workflows, predefined data fields, and simplified instance management. Additionally, we built custom data-handling interfaces using Next.js and NextUI, allowing for flexible content management and enabling administrators to dynamically adjust game pages, including repositioning elements as needed.
  • This solution empowered the client to independently manage and adapt their platform, ensuring responsiveness to industry trends and user needs while minimizing reliance on a development team.

• Product Builder
  
  • In the gaming industry, services are a core and highly dynamic element, requiring continuous updates and customization. The client needed a solution to independently create, modify, add, or remove services and their content without relying on a development team. Essentially, they required a custom product card builder within the admin panel
  • To achieve this, we integrated Directus for content management and developed custom modules using Nest.js to support the required logic for service customization and seamless integration into the user application. On the frontend, we implemented a dynamic rendering system using Next.js and NextUI, ensuring that any changes to services and content attributes would automatically align with the app’s design standards.
  • This approach allowed the client to fully customize services, including images, content, and dynamic attributes, without worrying about design inconsistencies or requiring developer intervention for updates.

‍

• Category & Subcategory Builder for Games
  
  • To enhance navigation across numerous gaming services, the client needed a dynamic filtering system for categories and subcategories, manageable independently through the admin panel.
  • We integrated Directus for filter configuration within the admin panel and developed custom Nest.js hooks to handle default values and entity relationships. On the frontend, we built dynamic components with Next.js and NextUI to ensure seamless category, subcategory, and service interactions.
  • This solution provided the client with a smart filtering system, improving navigation and boosting service conversions by guiding users more effectively.

‍

• Custom Hooks & Validations in Admin Panel
  
  • The client required a flexible yet user-friendly admin panel with advanced customization options. To achieve this, we adapted Directus to meet their specific needs.
  • Leveraging our extensive experience with Directus, we developed custom Nest.js hooks that interact with Directus, allowing dynamic modifications to system entities. We also implemented entity validations, default value configurations, and structured relationships within the system.
  • This solution enabled the client to fully manage the platform through Directus without having to adjust their workflows to the panel’s default limitations.

‍

• Product Options Builder
  
  • Product option groups are essential for personalizing the user experience. The client needed a system to add, edit, and remove option groups independently while maintaining strict display and logic standards.
  • To achieve this, we developed a product options builder, integrated into the Directus-based admin panel with custom Nest.js modules handling business logic. On the frontend, we implemented a dynamic form builder using Next.js and NextUI, ensuring seamless UI adaptation to option changes.
  • Key functionalities include: ‍
    
    • Creating option groups: Configuring names, control types, requirements, visibility conditions, and pricing.‍
    • Editing and deleting options: Modifying parameters and removing values.‍
    • Slider controls: Setting ranges, steps, default values, and pricing.‍
    • Mandatory groups: Managing visibility and value settings.
  • This solution allowed the client to independently manage product options, quickly update configurations, and adapt the interface to evolving business needs.

‍

• Blog with Cross-Sell Product Integration
  
  • A feature-rich blog is essential for platform promotion and service engagement. Beyond standard blog functionality, the client needed upsell integrations within articles to boost product conversions and external content integrations to enhance article quality.
  • We set up Directus for blog management and developed a custom Nest.js service to integrate third-party providers. Additionally, we designed a custom markdown key schema and implemented processing logic in Next.js, enabling seamless upsell product placements within blog content.
  • As a result, the client gained a fully functional blog with advanced content management and built-in service upselling, improving both user engagement and product conversion rates directly through articles.

‍