Skip to main content
stack.com
Next.jsMagento 2TypeScriptB2BAlgoliaPWA
Kommago Omnichannel Commerce
Omnichannel PWA storefront for professional networking, telecom, and Wi-Fi hardware with B2B/B2C blended experience.
Project Overview
Kommago required a fast, search-centric commerce experience capable of serving both professional buyers and informed consumers. We delivered a headless PWA on top of Magento 2, emphasizing speed, structured catalog exploration, and conversion for complex technical products. Architecture focuses on scalable category faceting, performance-focused media delivery, and B2B enhancements (negotiated pricing, quick ordering, account management) while keeping a clean UX layer for casual visitors.
Screenshots
Catalog Overview
Product Detail & Specs
Comparison & Selection Tools
Key Features
- Advanced technical faceted search
- Custom comparison & spec-driven decision blocks
- B2B pricing tiers & quick order UX
- Persistent mini-cart & session recovery
- Category ISR strategy for high-change SKUs
- Automated schema markup & structured data
Challenges
- High SKU variance requiring efficient faceting
- Need to merge B2B logic without harming B2C simplicity
- Maintaining Core Web Vitals under merchandising scripts
- Reducing friction for repeat/procurement buyers
Solutions
- Pre-computed attribute facets with search index tuning
- Context-aware pricing middleware & caching layer
- Script loading strategy: async + priority budgets
- User journey shortcuts: quick add, saved specs, re-order
Key Metrics
+18%
Avg Order Value
1.3s
LCP Catalog
40k+
Monthly Users
Technology Stack
Frontend
Next.jsReactTypeScriptTailwindCSS
Backend
Magento 2GraphQLNode.js
Search
AlgoliaCustom Relevance Rules
Performance
Edge CachingIncremental Static RegenerationImage Optimization
Results
- Reduced catalog TTFB by ~35% with edge strategy
- Improved repeat purchase rate +14%
- Lowered bounce on high-intent categories by 22%
- Stabilized LCP <1.3s on key categories
interface Project { success: boolean; client: Client; timeline: Timeline; } type Client = { name: string; vision: string; goals: string[]; } interface Project { success: boolean; client: Client; timeline: Timeline; } type Client = { name: string; vision: string; goals: string[]; } interface Project { success: boolean; client: Client; timeline: Timeline; } type Client = { name: string; vision: string; goals: string[]; } interface Project { success: boolean; client: Client; timeline: Timeline; } type Client = { name: string; vision: string; goals: string[]; } interface Project { success: boolean; client: Client; timeline: Timeline; } type Client = { name: string; vision: string; goals: string[]; } interface Project { success: boolean; client: Client; timeline: Timeline; } type Client = { name: string; vision: string; goals: string[]; } interface Project { success: boolean; client: Client; timeline: Timeline; } type Client = { name: string; vision: string; goals: string[]; } interface Project { success: boolean; client: Client; timeline: Timeline; } type Client = { name: string; vision: string; goals: string[]; } interface Project { success: boolean; client: Client; timeline: Timeline; } type Client = { name: string; vision: string; goals: string[]; } interface Project { success: boolean; client: Client; timeline: Timeline; } type Client = { name: string; vision: string; goals: string[]; } interface Project { success: boolean; client: Client; timeline: Timeline; } type Client = { name: string; vision: string; goals: string[]; } interface Project { success: boolean; client: Client; timeline: Timeline; } type Client = { name: string; vision: string; goals: string[]; } interface Project { success: boolean; client: Client; timeline: Timeline; } type Client = { name: string; vision: string; goals: string[]; } interface Project { success: boolean; client: Client; timeline: Timeline; } type Client = { name: string; vision: string; goals: string[]; } interface Project { success: boolean; client: Client; timeline: Timeline; } type Client = { name: string; vision: string; goals: string[]; }