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
5Moderate
10Complex
2Work Types
Feature
8Design
3Bug Fix
2Strategy
1Refactor
1DevOps
1Docs
1Project 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