ArcRaiders.Trade — A Next-Generation Trading Marketplace for ARC Raiders
A fully custom-designed item trading platform inspired by modern gaming marketplaces, built with live messaging, rarity-based visual systems, API-driven data, and secure user authentication.
The goal quickly evolved into something ambitious:
Project Information
Design Principles & Visual Identity
Rarity-Based Colour System (Core to the UI)
Each item type in ARC Raiders has a rarity — so the platform uses a full color-coded system:
Common — #929292
Uncommon — #64B978
Rare — #4FA8DB
Epic — #B6499A
Legendary — #FF9933
Blueprint — #4258E0
Each rarity has: ⭐ A gradient background. ⭐ A soft aura glow. ⭐ A curved-corner border inspired by in-game UI. ⭐ Animated hover effects
This makes each listing visually impactful and instantly readable.
Dark Sci-Fi UI Theme
The site uses a deep slate background (#0C1015) with bright cyan accents (#4FA8DB), inspired by:
ARC Raiders’ neon UI elements
Futuristic holo-panel aesthetics
Clean typography using Poppins for readability
The result:
A modern sci-fi marketplace interface that feels native to the game.
Arc Raiders Trade Video Tutorial
Arc Raiders Trade Homepage Video by VEO
Iconography & Layout
Custom icons and layout elements include:
⚡ “Buy Now” & “Sell Now” CTAs
🔷 “Blueprint” diamond indicator
🟢 Online status indicator
👤 Character avatars
🔄 Arrow-pivot trade layout
The marketplace cards were redesigned multiple times until they were both visually compact and unbelievably readable.
Features Designed & Developed
Marketplace Features
✔ Buy, Sell, and Make Offers
✔ Compact & expanded listing modes
✔ WTS (Want To Sell) and WTB (Want To Buy) system
✔ Multi-item trading (up to 5 items)
✔ Full rarity-based item Cards
✔ Blueprint category integration
Smooth Animations
The platform incorporates:
Framer-motion hover glows
Animated dropdowns for multiple trade items
Smooth fade-in modals
Tooltip animations
Sliding compact view transitions
Every visual motion reinforces clarity and modern UI quality.
Messaging System
Marketplace Features
A complete messaging experience:
Live thread list
Auto-generated offer messages
Offer popups
Embark ID verification & reveal system
Notification sound for new messages
Online/offline status
Designed to function like a lightweight in-browser messenger.
Mobile-First Responsiveness
Marketplace Features
Significant time was spent perfecting mobile responsiveness:
Fixing modal windows
Reflowing WTS/WTB labels
Adjusting filter tabs
Scaling rarity boxes
Centering headers and CTA buttons
The marketplace is fully responsive on all devices.
Security & Infrastructure
Designed with production-grade stability:
Full OAuth authentication (Discord + Embark ID)
Real-time messaging with RLS policies
Secure trade validation
Anti-RMT rules built into ToS
Admin-only features with role-based access
Outcome
ArcRaiders.Trade is now:
⭐ The first full trading system for ARC Raiders
⭐ A polished, game-authentic marketplace
⭐ A complete UI/UX showcase
⭐ A platform built for long-term expansion
⭐ A future-proof live SaaS-style project
The visual identity, animations, security, and trading UX all work together to create an experience that feels official — while retaining community-driven flexibility.
ArcRaiders.Trade is a custom-built, API-powered trading platform featuring rarity-based design, live messaging, full mobile responsiveness, Embark ID verification, and an immersive sci-fi UI inspired by the ARC Raiders game.
We Build Platforms, Not Just Websites
Most agencies build landing pages.
We build full ecosystems — data-driven, user-centered, technically advanced platforms that function like real products.
ArcRaiders.Trade wasn’t just a website; it was:
A live item marketplace
A secure user authentication system
A real-time messaging platform
A multi-category trading engine
A fully responsive mobile app-like UI
A rarity-based visual design system
Multiple API integrations
A complete blueprint & item database system
Admin tools and analytics
Clients come to us because we deliver the entire experience—from design to architecture to deployment.
We Focus Heavily on UX, Visual Identity, and Game-Themed Branding
A marketplace is more than code.
It must feel like part of the game.
For ArcRaiders.Trade, we built:
🎨 A complete rarity-based color system
🟦 Blueprint redesign from scratch
✨ Animated hover effects and glow layers
📦 High-fidelity item cards
⚡ Responsive compact/expanded listing views
📱 Mobile-first UI
🛠 Real gameplay-inspired components
🔵 Tooltips and animations
🔶 A futuristic neon/sci-fi design language
Clients choose us because we don’t just replicate a marketplace.
We craft an immersive, game-authentic experience.
This level of detail is what separates a “website” from a platform players actually want to use.
We Solve Complex Problems Other Agencies Avoid
ArcRaiders.Trade required solving real technical challenges:
Pagination for 400+ items
Real-time messaging failures
Cross-domain image CORS issues
Syncing multiple data sources (API + GitHub CDN)
Rebuilding category systems dynamically
Mobile responsiveness for modals and filters
Secure OAuth integration
Embark ID verification
Automated item/blueprint imports
Admin dashboards with graphs
Trade flow UI design
Rarity color consistency across all components
These are problems that typical web design agencies can’t handle.
We specialize in complex products, not templates.
We Deliver Production-Ready Platforms — Fast
ArcRaiders.Trade was built in record time with:
Real feature planning phases
Iterative UI/UX improvements
New rarity systems
Live marketplace logic
Offers, counter-offers, and negotiations
Player status indicators
Notification sound events
API paging and caching
Admin moderation roadmap
Our workflow is:
Design
Prototype
Build
Test
Deploy
Iterate fast
Clients come to us because we can take an idea and turn it into a fully usable product within weeks, not months.
Call us Today for a Free Quotation
Email: info@siteswift.ie
Visit us: Unit 18EC, Gorey Business Park, Gorey, Co. Wexford, Ireland.
Available Monday-Friday, 10:00 AM – 8:00 PM.