Engravit Castro Valley
Overview Engravit is a Castro Valley, CA-based laser engraving and custom printing shop offering personalized gifts, trophies, awards, apparel, and promotional products. Before this engagement, the business had no web presence and relied entirely on walk-ins and phone calls. Goal Design and build a professional marketing website that showcases Engravit's services and portfolio, captures order inquiries through structured forms, and automates the entire intake and follow-up process so the owner can focus on fulfillment — not inbox management.
An outdated web presence, unstructured order intake, and no automation in sight
Before state: - Existing website lacked a clear path to inquire or order - No gallery to browse past work before reaching out - Order details collected inconsistently, tracked manually - No automated response when a customer submitted a request
A three-page marketing website paired with a serverless n8n automation pipeline that converts website visitors into tracked order inquiries.
1. Frontend: 3-Page Marketing Website Built with HTML5, CSS3, and Vanilla JavaScript. Includes a hero section with an animated intro video, service showcase (engraving, awards, apparel, promo products), a filterable gallery of 25+ real product photos, and embedded order forms on both the home and contact pages. Fully responsive with mobile hamburger navigation, scroll-triggered reveal animations, and an accessible, SEO-optimized structure. 2. Backend: Form Data Pipeline Each order form collects description, quantity, material type, timeline, color/finish, contact info, and an optional file upload (read as base64). On submission, JavaScript validates in-browser and POSTs the payload via webhook to an n8n cloud workflow. n8n logs every inquiry — including the uploaded file — into a Google Sheets order tracker the business owner can access in real time. 3. Automation: Email Notification Engine Every submission triggers two parallel n8n email flows: an internal alert to the business with full order details, and a personalized confirmation email to the customer acknowledging their request and setting response expectations. No manual follow-up required. Goal Design and build a professional marketing website that showcases Engravit's services and portfolio, captures order inquiries through structured forms, and automates the entire intake and follow-up process so the owner can focus on fulfillment — not inbox management. Scope - 3-page responsive website (Home, Gallery, Contact) - Custom CSS design system with brand-aligned typography, color tokens, and animations - 25+ product gallery with category filtering - Multi-field order form with file upload - n8n workflow for form processing, data logging, and email automation Tech Stack Frontend: HTML5, CSS3, Vanilla JavaScript Automation: n8n (cloud-hosted) Data: Google Sheets Email: n8n SMTP nodes
