Offsite Systems
Corporate website for an offsite construction company featuring product showcases, team management, image galleries, and an integrated contact system.
Overview
Offsite Systems is a full-stack corporate website for a construction company specializing in offsite-manufactured building systems. The site showcases their product lines — load-bearing panels, exterior panels, trusses, and backup panels — with dedicated pages, an image gallery, team directory, project portfolio, and a contact form that delivers inquiries directly via email.
The Challenge
The company needed a professional web presence that could showcase their construction systems visually while giving their team the ability to manage content without developer involvement. The site needed to be fast, visually impactful, and easy to update with new project images and team members.
My Role
- Designed and built the full-stack application with Vue.js frontend and Node.js/Express backend
- Created dedicated product pages for each construction system category
- Built an admin panel for managing images, team members, and content
- Implemented JWT-authenticated API with image upload pipeline
- Integrated Postmark email delivery for the contact form
- Deployed to a DigitalOcean droplet with automated deployment scripts
Technical Highlights
Built-In CMS
Admin panel with JWT auth for managing gallery images, team members, and project showcases — no external CMS needed.
Product Showcases
Dedicated pages for each construction system with hero video, image galleries, and detailed specifications.
Zero-DB Architecture
JSON file-based data storage for simplicity and portability — no database required for content management.