Carthajenga: E-commerce Landing Page for Tunisia's #1 Party Game
High-conversion Next.js landing page with dark mode design, WhatsApp integration, and optimized performance for Tunisia's trending party game.
Project Overview
The Challenge
Traditional party games lack engagement and quickly become repetitive, failing to create memorable social experiences for groups and couples.
E-commerce websites in Tunisia often have poor user experience with slow load times, confusing navigation, and lack of mobile optimization.
Building trust with online shoppers in emerging markets requires transparent logistics information, local branding, and accessible customer support.
Converting website visitors to customers demands clear value propositions, compelling social proof, and friction-free purchase paths.
Most landing pages fail to effectively communicate product benefits through visual storytelling and interactive demonstrations.
Developed a modern, high-conversion e-commerce landing page for Carthajenga, Tunisia's #1 Party Game—an enhanced Jenga experience featuring questions, dares, and secrets. Built from scratch using Next.js 14 and Tailwind CSS, managing all aspects of development including performance optimization, SEO, and responsive design.
Designed a bold, dark-mode aesthetic with vibrant orange/yellow gradients and glassmorphism effects to create a premium, engaging user experience. Implemented smooth micro-interactions, lazy loading, and optimized asset delivery to achieve fast load times and high conversion rates.
Integrated WhatsApp for direct customer support, created three distinct product editions (Classic, Couples, Giant), and implemented comprehensive social proof elements including customer reviews and trust badges. The landing page features clear CTAs, transparent logistics information, and an interactive FAQ section.
Technical Architecture
Next.js 14 App Router: Leverages React Server Components for optimal performance, file-based routing, and built-in optimizations
Component Architecture: Modular design with reusable components including Hero, ProductCard, Review, FAQ, and CTA sections
Styling System: Tailwind CSS with custom configuration for dark mode theme, glassmorphism effects, and gradient utilities
Animation Layer: Framer Motion for smooth page transitions, scroll animations, and micro-interactions on hover and click events
Performance Optimization: Next.js Image component for automatic image optimization, lazy loading for below-fold content, code splitting for faster initial loads
SEO & Analytics: Comprehensive meta tags, Open Graph for social sharing, structured data for rich snippets, and analytics integration
Key Challenges & Solutions
High-Performance Dark Mode Design
Implemented custom Tailwind CSS dark mode theme with gradient overlays and glassmorphism effects while maintaining 90+ Lighthouse performance score through optimized CSS delivery and GPU-accelerated transforms.
Mobile-First Responsive Design
Created fully responsive layouts with Tailwind breakpoints, touch-optimized interactions, and mobile-specific components ensuring seamless experience across all device sizes from 320px to 4K displays.
Conversion Rate Optimization
Strategically placed multiple CTAs above and below the fold, implemented urgency triggers with shipping timelines, added social proof through customer reviews, and created clear product differentiation for three editions.
WhatsApp Integration for Customer Support
Integrated WhatsApp Business API with pre-filled messages for different product inquiries, enabling instant customer communication and reducing friction in the purchase decision process.
SEO for Tunisian Market
Optimized for local search with bilingual content (Arabic/French), location-based keywords, structured data markup, and fast Core Web Vitals scores to rank highly for 'party game Tunisia' searches.
Impact & Results
Solo development from concept to deployment managing design, development, performance, and SEO optimization
Modern dark-mode aesthetic with glassmorphism effects creating premium brand perception
Three distinct product editions (Classic 49 DT, Couples, Giant 250 DT) with clear value propositions
WhatsApp integration enabling instant customer support and reducing purchase hesitation
Mobile-first responsive design ensuring seamless experience across all devices
Comprehensive social proof with customer reviews presented as chat notifications
Fast load times with Next.js 14 optimization and Vercel edge deployment
Clear logistics transparency (1-3 day shipping, 8 DT flat rate, Made in Tunisia branding)
Key Features
- High-conversion landing page design with clear CTAs
- Three product editions: Classic (49 DT), Couples, and Giant (250 DT)
- WhatsApp integration for instant customer support
- Modern dark mode with glassmorphism effects
- Responsive design optimized for mobile and desktop
- Social proof with customer reviews and trust badges
- SEO optimization for Tunisian market
- Interactive FAQ with collapsible sections
- Video demonstration of gameplay
- Transparent logistics (1-3 day shipping, 8 DT flat rate)
Technologies Used
Project Gallery
Project Details
Client
Carthajenga - Direct to Consumer
Timeline
December 2024
Role
Solo Full Stack Developer & Designer
© 2026 Firas Jday. All rights reserved.