Poster Canvas
Web-based creative tool for designing custom graphic posters — focused canvas engineering, direct-manipulation workspace, typographic hierarchy, and print-ready export.
The Problem Space
Most web graphics tools are either overly basic template pickers or bloated desktop clones that overwhelm creators with complex menus and imprecise mobile/touch behavior.
Core Challenge: Deliver a focused, distraction-free canvas experience tailored specifically to poster typography and brutalist layouts, with zero latency and millimeter-precise print exports.
Solution & Architecture
Engineered a dedicated canvas viewport architecture with auto-fitting aspect ratio containers (A3, A2, 18x24", 1:1), contextual tool sidebars, real-time font pairing toggles, and client-side raster/vector export preflight.
Core Scenarios
A responsive canvas viewport anchors graphic layouts in the center and dynamically recalculates pixel density without layout distortion. Typography controls allow instant adjustments to font weight, tracking, and leading with real-time bounding box calculation, while the preflight engine renders client-side 300 DPI exports to PNG, vector PDF, and SVG complete with print-ready bleed margins and crop marks.
Key Engineering & Design Trade-offs
Constraining bounds to physical poster aspect ratios guided users to finished artworks rather than blank page paralysis.
Instant local generation eliminated server bandwidth costs and gave users immediate feedback upon download.
Kept maximum screen real estate focused on the visual art piece, showing tools only when layers are selected.
Transformation
Outcome & Measured Impact
Architected a complete canvas editor UX system from scratch, balancing technical performance with intuitive aesthetic tools for designers and poster creators.