ABC Storage & U-Haul Website

The Challenge

ABC Auto, Boat & RV Storage Inc. — known to its customers as ABC Storage & U-Haul — is a family-run business in Port Orchard, Washington that rents self-storage units, secures outdoor parking for autos, boats, RVs, and trailers, and operates as an authorized U-Haul dealer. Managed by Chuck Kelly, the business has earned recognition as a Top 100 U-Haul dealer, but it had no website of its own to match that reputation.

People searching for storage or a moving truck in Port Orchard need to answer a few questions fast: Is this place real and nearby? What do they offer? Are the gates secure? And how do I reach them right now? The site had to:

• Convey a trustworthy, well-kept local business at a glance
• Lay out storage, vehicle parking, U-Haul rentals, and moving supplies clearly
• Rank for local “storage near me” and “U-Haul Port Orchard” searches
• Make calling or emailing effortless from a phone — the business takes reservations in person, not online
• Stay cheap to host and simple to keep current

Our Approach

We built the site as a warm, photography-first marketing page rather than a generic storage template. The palette draws on earthy, trustworthy tones — dark brown ink and warm gray on off-white paper and cream, with a gold kicker accent, deep pine green for headers and dark sections, and U-Haul’s signature orange reserved for the primary call-to-action buttons. Everything is set in the self-hosted Inter typeface with fluid, clamp()-based sizing, so headlines scale gracefully from phone to desktop.

Key decisions:

• A single static page, no framework — the whole site is hand-written HTML, CSS, and a few dozen lines of vanilla JavaScript. No build step, no framework runtime, nothing to patch
• Photography-led storytelling — real photos of the office, the gated yard, the drive-up units, the award-lined interior, and every class of U-Haul truck and trailer, so visitors see exactly what they’re getting
• Self-hosted everything — the Inter font is served from the site itself, with no Google Fonts CDN, no analytics scripts, and no third-party trackers
• Reservations by phone, not by form — instead of a contact form that would invite spam, prominent tel: and mailto: links connect customers straight to Chuck, matching how the business actually operates
• A built-in FAQ — native <details>/<summary> accordions answer the common questions (gated and monitored, RV and boat storage, how rentals work, hours, what you can store) without any JavaScript

Technical Details

The stack was chosen for speed, security, and a near-zero monthly bill:

• Frontend: Hand-authored static HTML, ~970 lines of custom CSS with design-token variables, and vanilla JavaScript for the sticky header, mobile menu, and dynamic copyright year — no jQuery, Bootstrap, Tailwind, or framework
• Hosting: AWS Amplify, publishing the repository root directly with no build step and auto-deploying on every push to main
• Security headers: A strict customHttp.yml applies HSTS (one-year max-age, includeSubDomains), a locked-down Content-Security-Policy limited to same-origin, X-Content-Type-Options: nosniff, X-Frame-Options: SAMEORIGIN, a tight Referrer-Policy, and a Permissions-Policy that disables geolocation, microphone, and camera
• SEO: A descriptive title and meta description, canonical URL, Open Graph and Twitter Card tags, a sitemap and robots.txt, plus two JSON-LD blocks — a SelfStorage schema with address, geo-coordinates, opening hours, and a link to the official U-Haul location, and an FAQPage schema mirroring the on-page questions
• Accessibility: Semantic landmarks, a proper heading hierarchy, ARIA labels on the logo, navigation, and menu toggle, WCAG-AA color contrast in the warm palette, and touch-friendly tap targets tuned for one-handed mobile use
• Responsive design: A mobile-first layout with breakpoints at 900px and 560px — grids collapse to single columns and the navigation folds into a hamburger menu on small screens

Full-resolution source photos are kept in an _originals folder that’s excluded from the deploy, so the published site ships only web-optimized images.

Results

The launch gave a well-established local business an online presence that finally matches its reputation, at a hosting cost measured in single-digit dollars per month:

• Fast everywhere — a static, dependency-free site with no server to wait on and no framework to download
• Locked down by default — a strict CSP, HSTS, and a full set of hardening headers from day one
• Built to be found — local-business structured data, an FAQ schema, a sitemap, and Open Graph tags give Google everything it needs to index and surface the business
• One-tap to reach — every path leads to calling or emailing Chuck, the way the business actually books rentals
• Simple to maintain — plain files in a git repository, auto-deployed by Amplify on every push, with no CMS to log into

The site now answers, in seconds, the questions every prospective customer in Port Orchard was already asking — and looks the part of a Top 100 U-Haul dealer while doing it.

Visit the live site at abcstorageanduhaul.com.