Portfolio & Case Studies

Michigan Caulking & Waterproofing

The Problem

Michigan Caulking & Waterproofing had an existing website built on GoDaddy's website builder — a generic template with a black background, bullet-point service lists, and a stock map photo. It lacked trust signals, had no before/after gallery, and made no visual case for why a homeowner should choose them over a competitor.

The Solution

Built a fully custom marketing website from scratch using Next.js and TypeScript, replacing the GoDaddy site entirely. Designed around a navy and gold color system with Playfair Display typography, the site features a sticky nav with a persistent phone CTA, an animated trust bar, a drag-to-compare before/after photo slider, a dedicated gallery page with lazy-loaded compressed WebP images, inline Google reviews, a real embedded service area map, and a Formspree-powered contact form. Deployed to Vercel for free hosting with DNS migrated from GoDaddy.

Results

• Replaced a generic website builder template with a fully custom, professionally designed site
• Before/after drag slider showcasing real job photos — not possible with the previous GoDaddy builder
• Trust bar with business stats replacing a site that had zero social proof
• Page load performance optimized via WebP image compression and lazy loading
• Free Vercel hosting replacing a paid GoDaddy website builder subscription
• Reusable template architecture — siteConfig.ts pattern allows rapid deployment for future contractor clients

Technologies Used

Invoice Processing Automation

The Problem

A local cleaning business was spending 30+ minutes per invoice using multiple manual steps: creating invoices in Google Sheets, manually updating a master spreadsheet, generating PDFs, and emailing clients. This process was time-consuming and prone to errors.

Click to view the current manual process

Before: Manual spreadsheet process requiring multiple steps and data entry

The Solution

Built a comprehensive Google Form-based automation system that handles the entire invoice workflow. When submitted, the form automatically generates a professional PDF invoice, updates the master tracking spreadsheet, and emails the invoice to the client - all in under 60 seconds.

Results

• Reduced invoicing time from 30+ minutes to under 60 seconds per invoice
• Eliminated manual data entry errors
• Professional, consistent invoice formatting
• Automatic client communication and record keeping
• Projected annual time savings: 50+ hours

Technologies Used

Ask Caleb Tech Website

The Problem

As a new tech consulting business, I needed a professional website that would establish credibility, showcase services, and convert visitors into clients. The site needed to be fast, mobile-friendly, and demonstrate my technical capabilities without using expensive website builders.

The Solution

Built a custom website from scratch using Next.js and React, featuring an interactive terminal-style logo, flip-card service displays, and a working contact form. Designed with a clean, professional aesthetic that appeals to small business owners while subtly demonstrating technical expertise.

Results

• 100% custom code - no website builder dependencies
• Mobile-responsive design that works on all devices
• Interactive elements that engage visitors
• Privacy-focused approach (no tracking cookies)
• Fast loading times and professional appearance

Technologies Used