Case Study: How POPOUT.ID built a complete digital ecosystem for Vinoti — from a powerful backend to a stunning frontend.
About the Client
Vinoti is a premium furniture company with over 40 years of experience in the furniture manufacturing industry in Indonesia. With the tagline "Great Spaces, Great People", Vinoti provides high-quality furniture solutions for offices, hotels, and commercial spaces.
Vinoti needed a comprehensive digital transformation — a platform that not only showcases their products elegantly but also provides a premium user experience and is easy for their internal team to manage.
Challenges Faced
Before partnering with POPOUT.ID, Vinoti faced several key challenges:
- Outdated Website: The old platform was not responsive and didn't reflect Vinoti's premium brand
- Difficult Content Management: No CMS system to easily update products and content
- Limited Product Catalog: Unable to display product variations, 3D models, and complete specifications
- Poor SEO: Very low visibility on search engines
- No Inquiry System: Potential customers struggled to contact for quotation requests
POPOUT.ID's Solution
We built a complete digital ecosystem consisting of three main components:
1. Backend API — Go + Fiber Framework
We chose Go (Golang) as the backend language for its exceptional performance and high concurrent request handling capabilities. With Clean Architecture, the code is modular, maintainable, and scalable.
Backend Features:
- REST API with ultra-fast response times
- Authentication system using JWT and HTTP-only cookies
- Role-Based Access Control (RBAC) for admin management
- File uploads to AWS S3 with image optimization
- PostgreSQL database with migration system
- Comprehensive API for products, categories, brands, collections, and spaces
2. CMS Admin Panel — React + Vite
A modern and intuitive admin panel allows the Vinoti team to manage all website content with ease.
CMS Features:
- Analytics dashboard to monitor performance
- Complete product management with variants, images, and 3D models
- Rich text editor for articles and pages
- Drag-and-drop for content ordering
- Newsletter and customer inquiry management
- Live preview for all pages
3. Public Website — Next.js 16
A stunning public website with optimal performance using Next.js 16 and React 19.
Website Features:
- Server-Side Rendering (SSR) for optimal SEO
- Interactive 3D model viewer using Google Model Viewer
- Image gallery with lightbox and zoom
- Product filtering by category, brand, collection, and space
- Smooth animations with Framer Motion
- Fully responsive design for all devices
- Product inquiry form with WhatsApp integration
Technology Stack
| Component | Technology |
|---|---|
| Backend | Go, Fiber Framework, PostgreSQL, GORM, JWT |
| CMS | React 19, Vite, TypeScript, TanStack Query, Zustand, Tailwind CSS |
| Frontend | Next.js 16, React 19, TypeScript, Tailwind CSS, Framer Motion |
| Infrastructure | Docker, AWS EC2, AWS S3, Nginx, GitHub Actions CI/CD |
Key Features
3D Product Viewer
Visitors can view products in interactive 3D format, rotating and zooming to see details from various angles. This feature increases engagement and reduces customer hesitation before making an inquiry.
Smart Product Filtering
An intelligent filtering system allows visitors to find products based on:
- Category: Office Chairs, Desks, Storage, etc.
- Brand: Premium partner brands
- Collection: Product series or collections
- Space: Rooms such as Meeting Room, Executive Office, etc.
SEO-Optimized Pages
Every page is optimized for search engines with:
- Dynamic meta tags and Open Graph
- JSON-LD structured data for rich snippets
- Automatic sitemap generation
- Semantic HTML structure
- Fast page load with Turbopack
E-Catalogue Downloads
Visitors can download digital catalogs in PDF format, with tracking to measure engagement.
Results Achieved
- Page Load Speed: < 2 seconds for first contentful paint
- Mobile-First: 100% responsive on all devices
- SEO Ready: Optimal structure for Google indexing
- Admin Efficiency: Team can update content in minutes
- Scalable Architecture: Ready for traffic growth and new features
Conclusion
The Vinoti project demonstrates POPOUT.ID's capability in building end-to-end digital solutions that are not only aesthetically pleasing but also performant and scalable. With a combination of modern technology and a user-centric approach, we successfully transformed Vinoti's digital presence into a platform that reflects their premium brand quality.
Want to build an e-commerce platform or corporate website for your business? Contact us for a free consultation.
Project: Vinoti E-Commerce Platform
Client: PT Vinoti Indonesia
Duration: 4 months
Services: Web Development, UI/UX Design, Backend Development, DevOps
Website: vinoti.com
