Glow Up My Garage

17 deliverables · 124h

$3,500

project investment

Project Overview

Website build and marketing launch for Glow Up My Garage, a garage transformation service. Full-stack delivery including site development, SEO, social media content creation, and marketing graphics.

Goal

Launch a conversion-optimized website with social media marketing assets to generate local service leads.

Started

February 2, 2026

Days Active

52 days

Client

Glow Up My Garage

Status

Launched

Key Highlights

  • Production website with responsive design
  • 3 mobile-optimized marketing graphics with Facebook captions
  • SEO foundation and content strategy

Expertise Delivered

Complexity

Routine
5
Moderate
10
Complex
2

Work Types

Feature
8
Design
3
Bug Fix
2
Strategy
1
Refactor
1
DevOps
1
Docs
1

Project Timeline— Started Feb 2, 2026

Feb 2, 2026
69h7 sessions
12:00 PMFeatureModerate
Glow Up My Garage
-Replaced native browser datetime-local input with custom date/time picker
-Built date dropdown: next 7 available days, excluding Sundays (business closed)
-Built time dropdown: 15-minute increments from 11:00 AM to 6:00 PM
-Styled dropdowns with brand colors (sage green indicators)
-Fixed date population bug (template literals + mutating shared Date object)
-Fixed browser validation error caused by step='900' attribute
-Side-by-side layout for date and time on all screen sizes
-Updated footer hours to match (Mon-Sat 11 AM - 6 PM)
javascriptformsdate-pickertime-pickeruxmobile
5h of Junior Developer work
12:00 PMBug FixModerate
Glow Up My Garage
-Integrated Formspree endpoint for contact form submission
-Fixed placeholder form ID (YOUR_FORM_ID → xgozdzbq)
-Diagnosed form submission failures (AJAX fetch vs Formspree redirect conflict)
-Rewrote form handling JavaScript with proper error logging
-Added Accept: application/json header for proper Formspree AJAX responses
-Built robust error handling with user-visible error messages
-Fixed silent failures that showed success even when submissions failed
-Guided through Formspree dashboard settings (redirect URL removal)
formspreeform-handlingajaxjavascriptdebuggingapi-integration
6h of Senior Developer work
12:00 PMDevOpsModerate
Glow Up My Garage
-Diagnosed Vercel 404 deployment error (files nested in subfolder vs root)
-Guided through Root Directory configuration in Vercel settings
-Walked through GitHub file structure requirements
-Explained file upload vs folder structure for proper deployment
-Troubleshot cached assets not updating after deployment
-Provided browser cache clearing instructions (desktop + iPhone Safari)
-Gave verification steps to confirm deployment (direct URL checks)
-Guided through GitHub repo cleanup and file management
verceldeploymentgithubtroubleshootingdnscaching
4h of DevOps Engineer work
12:00 PMDocsModerate
Glow Up My Garage
-Created comprehensive README with full deployment instructions
-Wrote step-by-step GitHub repository setup guide
-Wrote Vercel deployment walkthrough (free hosting)
-Wrote Formspree setup guide (form handling + email notifications)
-Wrote custom domain connection instructions (DNS configuration)
-Documented project file structure, tech stack, and features
-Included customization guide (colors, pricing, images, business name)
-Added Facebook marketing tips section
documentationdeployment-guidegithubvercelformspreedns
6h of Technical Writer work
12:00 PMFeatureModerate
Glow Up My Garage
-Wrote all website copy: headline, subheadline, tagline ('From Cluttered to Clean in a Day')
-Wrote 4-step process descriptions
-Wrote 3 fictional but realistic customer testimonials with names and locations
-Wrote pricing section copy with cash discount framing
-Wrote service area description
-Wrote booking form labels, placeholders, and helper text
-Created SEO-optimized meta description and keywords
copywritingwebsite-copytestimonialsseo-copysmall-business
6h of Content Writer work
12:00 PMDesignModerate
Glow Up My Garage
-Designed complete visual identity and color scheme (sage green, gold accent, charcoal)
-Selected and paired typography (Playfair Display for headings, DM Sans for body, Outfit for accents)
-Designed pricing card with strikethrough/discount visual hierarchy
-Created visual layout for trust indicators, step cards, review cards
-Designed mobile-optimized button sizing and touch targets
-Established consistent spacing, border-radius, and shadow system via CSS custom properties
ui-designbrandingcolor-schemetypographyvisual-hierarchy
10h of UX/UI Designer work
12:00 PMFeatureComplex
Glow Up My Garage
-Built complete responsive single-page website from scratch
-Mobile-first design with CSS Grid, Flexbox, custom properties
-Hero section with animated text, trust indicators, scroll indicator
-4-step 'How It Works' process section with icons
-Interactive before/after image comparison sliders (touch-friendly drag)
-Dual estimate booking forms: FaceTime walkthrough + photo upload with drag-and-drop
-Pricing section with cash discount display ($999 → $799)
-Customer testimonial/reviews section with 3 review cards
-Service area section with town tags (Dunlap, Morton, Germantown Hills, etc.)
-Contact info section with phone, email, hours
-Sticky navbar with blur effect and scroll-triggered state change
-Smooth scroll navigation between sections
-Scroll-triggered fade-in animations
-Back-to-top button
-Full SEO meta tags
-Google Fonts integration (Playfair Display, DM Sans, Outfit)
-Lucide Icons via CDN
-Vanilla JS — no frameworks, optimized for fast loading
-Complete file structure: index.html, css/styles.css, js/app.js, images/
frontendhtmlcssjavascriptresponsive-designmobile-firstlanding-pagesmall-business
32h of Senior Developer work
Feb 3, 2026
55h10 sessions
12:00 PMBug FixRoutine
Glow Up My Garage
-Fixed desktop nav 'How It Works' link wrapping/stacking issue
-Added white-space: nowrap and flex-shrink: 0 to nav items
-Tightened font sizes and padding at 960px breakpoint
-Added 1100px+ breakpoint for wider spacing on large screens
-Fixed JSX preview pricing bug ($999/$799/$200 eaten by bash heredoc syntax)
-Multiple rounds of CSS refinements based on client screenshots
cssresponsive-designdebuggingcross-browsernav-layout
3h of Junior Developer work
12:00 PMFeatureModerate
Glow Up My Garage
-Wrote 3 Facebook caption templates paired to each graphic
-Before/after caption: opens with relatable 'top or bottom?' question
-Seasonal caption: 'can you park in your garage?' humor hook
-Social proof caption: customer love + service summary
-All captions written in authentic neighbor voice, not business/ad tone
-Created comprehensive Facebook posting guide document (Markdown)
-Included posting rules, engagement strategy, group recommendations
-Added response template for 'looking for' posts in groups
copywritingsocial-media-copyfacebookcaption-writingcontent-marketing
5h of Content Writer work
12:00 PMDesignModerate
Glow Up My Garage
-Created 3 mobile-optimized 1080x1080 marketing graphics
-Graphic 1: Before/after stacked split using real garage photos with brand overlay
-Graphic 2: 'Can you park in your garage?' seasonal hook over organized garage background
-Graphic 3: Social proof testimonial card with stars, quote, and feature highlights
-Iterated on text readability (gold font → white, darker overlay)
-Rebuilt graphics multiple times for proper image embedding and centering
-All graphics use brand colors (sage green, gold, charcoal) and typography
-Formatted as JPG at 92% quality for fast sharing on Facebook
graphic-designsocial-media-graphicsfacebookmarketing-assetsmobile-optimized
10h of UX/UI Designer work
12:00 PMStrategyModerate
Glow Up My Garage
-Developed comprehensive 'Helpful Neighbor' Facebook group marketing strategy
-Defined 3-part posting funnel: graphic → hook caption → website link
-Created posting cadence rules (no more than once per 2-3 weeks per group)
-Developed engagement-first approach (comment on others' posts before self-promoting)
-Identified optimal posting times (Tue-Thu, 7-9 PM)
-Created template for responding to 'looking for' recommendation posts
-Compiled list of target Facebook group types for Greater Peoria area
-Defined group selection criteria (1,000+ members)
-Established rules to avoid spam flags and bans
facebook-marketingsocial-media-strategycommunity-marketinglocal-businesscontent-strategy
8h of Marketing Strategist work
12:00 PMFeatureModerate
Glow Up My Garage
-Built standalone thank you / confirmation page (We-Will-Be-In-Touch.html)
-Animated SVG checkmark with pop-in + draw animation
-'What Happens Next' 3-step numbered breakdown
-CTA buttons: Back to Homepage + Call Us Now
-Contact reminder with phone and email links
-Matched main site design: colors, fonts, card style, footer
-Added noindex/nofollow meta tag (not for search indexing)
-Fully responsive with mobile-specific layout adjustments
-Provided Formspree redirect configuration instructions
frontendhtmlcssanimationsvgconfirmation-pageformspree
4h of Junior Developer work
12:00 PMRefactorRoutine
Glow Up My Garage
-Updated business name from 'Garage Glow-Up' to 'Glow-Up My Garage' across entire codebase
-Changed navbar logo, footer, review testimonials, alt text, form subject line
-Updated meta tags, page title, Open Graph tags
-Ensured '2-Car Garage Glow-Up' pricing title kept as natural description
-Verified no stale references remained
rebrandfind-replacehtmlconsistency
2h of Junior Developer work
12:00 PMFeatureRoutine
Glow Up My Garage
-Added Open Graph meta tags (og:title, og:description, og:type, og:url, og:image)
-Added Twitter Card meta tags (summary_large_image)
-Created 1200x630 OG preview image from organized garage photo
-Updated meta description and page title with new business name
-Added og:image:width and og:image:height for proper rendering
-Configured for rich link previews in iMessage, Facebook, Twitter
seoopen-graphsocial-sharingmeta-tagsimessagefacebook
3h of SEO Specialist work
12:00 PMFeatureRoutine
Glow Up My Garage
-Added handwritten-style 'Drag to see the magic ✨' swipe hint above before/after sliders
-Created custom SVG curved arrow pointing at slider
-Styled with Georgia serif italic font for hand-drawn feel
-Added gentle bounce animation (2s loop)
-Built 8-second fade-out animation so hint disappears naturally
-Added JavaScript to hide hint instantly on first slider interaction
-Hint only appears above first slider to avoid clutter
uxanimationcssjavascriptsvgonboardingmobile
3h of UX/UI Designer work
12:00 PMDesignRoutine
Glow Up My Garage
-Redesigned deal banner from dark charcoal to sage-to-gold gradient with radial gold glow
-Updated all text colors for contrast on new gradient background
-Changed 'See Pricing' button to white with green text
-Added subtle background radial gradient overlay effect
-Ultimately removed deal banner entirely per client preference
-Cleaned up HTML to flow directly from hero into 'How Your Glow-Up Works'
-Removed 'Shelving setup included' from pricing feature checklist
ui-designcssvisual-designiterationclient-feedback
3h of UX/UI Designer work
12:00 PMFeatureComplex
Glow Up My Garage
-Replaced plain gradient hero with full-bleed garage photo background
-Created dark radial gradient overlay for text readability
-Converted all hero text elements to white/light variants
-Changed accent word 'Clean' from green to warm gold glow
-Built transparent-to-solid navbar transition on scroll (JS + CSS)
-Navbar logo and links animate from white (on hero) to dark (on scroll)
-Optimized hero background image: PNG → JPG compression (334KB)
-Created separate mobile background image (900x1342, 185KB)
-Added CSS media query to swap hero image at 768px breakpoint
-Mobile uses background-position: center top to show cabinets
-Redesigned CTA layout: 'Book Free Estimate' button + 'See Our Work →' text link
-Fixed mobile CTA stacking/unstacking across multiple iterations
-Fixed trust bar stars/text misalignment on iPhone (constrained width + stacking)
frontendcssresponsive-designhero-sectionimage-optimizationmobileux
14h of Senior Developer work