Back to Projects

Marketing Site

Work Projects

JavaScriptVue 3NuxtSCSSBootstrap

Summary

Built a public-facing marketing site in Nuxt 3, migrating from a legacy PHP codebase, with interactive feature sections, video modals, image viewing, Calendly scheduling integration, LMS partner showcases, and a sticky navigation footer. Developed account flows including login, catalog browsing, and enrollment paths, with accessibility improvements applied throughout and SPA deployment via GitHub Actions.

Description

The platform's public-facing marketing site had been running on a legacy PHP codebase that was increasingly difficult to maintain and extend. A ground-up rebuild was needed to modernize the frontend, improve the user experience, and support richer interactive content while preserving critical functionality like account management and catalog browsing.

I built the new marketing site from scratch in Nuxt 3, developing every section from the feature showcases and LMS partner integrations to the login flows, catalog browsing, and enrollment paths. The site serves as the primary entry point for prospective and returning users, combining product marketing with functional account capabilities.

Key interactive features include video modals with CDN-hosted content, image viewing via v-viewer for full-resolution feature screenshots, and Calendly scheduling integration with prefilled user context for demo bookings. I built a sticky navigation footer with scroll-aware behavior, implemented dark mode styling, and created account flows including login, registration, and environment-aware routing. Accessibility was integrated from early development, with focus management for support links, video controls, and footer navigation. The SPA was deployed through GitHub Actions with custom favicon handling and CDN URL configuration.

The project reflects full ownership of a marketing site rebuild, from initial architecture through deployment, balancing rich interactivity with usability and accessibility standards.

Key Highlights

  • Ground-up Nuxt 3 rebuild replacing a legacy PHP marketing codebase
  • Video modals, full-resolution image viewing via v-viewer, and Calendly scheduling integration
  • Sticky navigation footer with scroll-aware behavior
  • Accessibility integrated from early development with focus management across interactive elements
  • SPA deployment through GitHub Actions with environment-specific CDN configuration
Back to Projects