Complete Seating Documentation
For Wefetes
The Advanced Reusable Seating Arrangement System in addition with Wefetes’ existing seating system. This is a flexible, reusable, and visual seating designer, while fully preserving the current seating chart feature.
Organizers can:
● Create multiple reusable seating layouts in advance
● Design section-based, row/column, and table seating
● Add visual objects (stage, table, decor) for realism
● Select one seating layout while creating an event
● Assign ticket types directly to seating sections
● Seating chart creation will remain in the website as part of Organiser dashboard, whereas customers will be able to see seating chart arrangement and book seats from both Wefetes Website and Apps.
This solution follows industry-standard seat-mapping approaches.
Key Design Principles
● ✔ Existing seating chart remains unchanged
● ✔ New seating system is optional per event
● ✔ Seating layouts are reusable across events
● ✔ No heavy 3D or WebGL — clean, performant 2D SVG/Canvas
- Reusable Seating Arrangement Management
A new section in the Organizer Dashboard to manage seating layouts.
Features
● Create multiple seating arrangements per organizer
● Name and categorize seating layouts (e.g., “Conference Hall A”, “VIP Dining Layout”)
● Edit, duplicate, or archive seating arrangements
● Seating layouts stored independently from events
Organizer Flow
Organizer Dashboard → Seating Arrangements → Create / Edit Layout - Dynamic Section-Based Seating Builder
Create seating using sections with rows and seats, fully configurable.
Features
● Create multiple sections per seating layout
● Define:
○ Section name
○ Section color
○ Row labels (A, B, C… or custom)
○ Seat number range (1–20, etc.)
● Auto-calculate total seats per section
● Support ascending & descending seat numbering
Supported Seating Types
● Theater style (rows × seats)
● Classroom style
● Gallery / side-section seating
● Round Table VIP seating - Visual Drag-and-Drop Seating Editor
A canvas-based editor for visually arranging sections and objects.
Features
● Drag & position seating sections freely
● Resize sections automatically based on seat count
● Rotate sections using rotation handles
● Zoom, pan, and reset canvas view
● Snap-to-grid for alignment
Technical Approach
● SVG or Canvas-based rendering (VueJS)
● Coordinates & rotation stored in DB
● Lightweight and performant (no 3D engines) - Seating Objects & Visual Elements (Non-Sellable)
Add visual-only objects to enhance layout clarity.
Supported Objects
● Stage
● Table
● Podium
● Bar
● Decorative blocks / dividers
Rules
● Objects do not generate tickets
● Objects are for visual reference only
● Objects can be resized, rotated, and labeled - Round Table & Table-Based Seating
Support table seating arrangements commonly used in banquets and VIP events.
Features
● Create round tables with configurable seat count
● Auto-position seats evenly around table
● Table label support (Table 1, VIP Table A, etc.)
● Assign tickets to entire table or individual seats
Use Cases
● Gala dinners
● Corporate events
● VIP lounges - Event-Level Seating Assignment
Use seating layouts while creating events.
Event Creation Flow
● Organizer selects:
○ Existing seating layout OR
○ Existing (legacy) seating chart system
● Assign ticket types to:
○ Entire sections
○ Specific rows
○ Tables
This ensures full backward compatibility. - Customer Seat Selection Experience (Wefetes Web + App)
Front-end seat selection remains simple and intuitive.
Features
● Interactive seat map
● Color-coded sections
● Seat availability status:
○ Available
○ Reserved
○ Sold
● Tooltip with seat/section info
● Mobile-friendly interaction - Seat Locking & Concurrency Control
Prevent double booking during checkout.
Features
● Temporary seat locking on selection
● Auto-release after timeout
● Lock confirmation after payment success
● Supports high-traffic events
