Luxury Restoration & Business Platform

Web App, ERP System, E-commerce
Atelier Transylvania Website

Project Information

Category
Web Application ERP System
Industry
Luxury Restoration Leather Goods
Technologies
Laravel 11 Vue.js 3 MySQL
Integrations
Woot Courier Oblio Invoicing SMS API

Public Website — ateliertransylvania.com

The public-facing platform for Atelier Transylvania offers a premium experience for clients seeking professional leather goods restoration. Featuring a hero slider with featured services, an interactive SVG zone selector for specifying repair areas directly on a shoe diagram, a 4-step order wizard with photo upload and automatic draft saving, a full product shop, global search with debounce, real-time order tracking, and a before/after portfolio with 121 comparison pairs across 41 services.

Interactive Order Wizard

A 4-step guided form lets clients select their item type, tap repair zones on an interactive SVG diagram, upload photos, and finalize their order — all with real-time validation, automatic draft saving, and transport cost calculation based on order value.

Service Catalog & Shop

67 active services across 4 categories with instant filtering, detailed service pages featuring before/after comparison sliders, and a built-in product shop with cart, wishlist, and coupon support. Each service shows pricing, estimated duration, and real portfolio examples.

Before/After Portfolio

121 before/after comparison pairs showcasing real restoration results. Interactive drag-handle slider with progressive blur reveal, fullscreen modal gallery, and automatic image optimization (HEIC to JPEG, EXIF rotation fix, WebP conversion at max 1000px).

Atelier Transylvania - Order Placement

Internal ERP — erp.ateliertransylvania.com

The internal ERP system provides complete business management for the restoration workshop. It features a KPI dashboard with sales and order evolution charts, dual AWB courier generation (pickup and return), Oblio electronic invoicing with automatic receipt generation, SMS notifications with editable templates, and full bidirectional synchronization with the public website via secure webhooks.

Order Processing & Validation

Incoming site orders are processed with per-item validation (confirm/reject with notes), inline service editing with autocomplete, client photo lightbox with zoom, editable transport toggles for pickup and return directions, and one-click WhatsApp messaging to clients.

Dual AWB & Invoicing

Independent generation of pickup and return AWBs via Woot Courier API with smart city resolution and Romanian diacritics normalization. Oblio integration for electronic invoicing with automatic receipt generation, downloadable PDFs, and complete billing history.

Full Business Management

Complete CRUD for clients, services, products, categories, locations, coupons, users, and roles with granular permissions. Configurable settings for company details, courier API, invoicing credentials, SMS provider, webhook tokens, and loyalty programs.

Atelier Transylvania ERP Dashboard

Both platforms are interconnected through a secure bidirectional webhook system with Bearer token authentication, duplicate detection, and anti-loop safeguards. The entire stack runs on Laravel 11 with Vue.js 3 and Inertia.js, featuring SSL encryption, rate limiting, WebP image optimization, self-hosted fonts, Tailwind CSS with purged builds, and Vite code splitting — delivering a fast, secure, and fully integrated digital ecosystem for luxury leather goods restoration.

Wave ShapeWave Shape