← All case studies
Web

Prospect

Prospect is a creative design and web development agency. Metawork led a comprehensive website relaunch featuring modern animations, page transitions, and responsive design across all sections. The project delivered a complete redesign and rebuild of their portfolio website with advanced frontend capabilities.

Duration 11 months
Tasks 55

Recently touched

  • 2023-03-02 Add animation on different pages Frozen
  • 2023-03-02 Home Page: Add Main Home Banner Slider Frozen
  • 2023-03-01 Add Global text animation at all pages Done
  • 2023-02-25 Add loop portfolio, case studies navigation Frozen
  • 2023-02-25 Add animation for Portfolio items Frozen

What we built

806hours
55tasks
11 monthsduration
  1. 01

    Website Architecture

    Modern WordPress site with Barba.js for smooth page transitions, ACF for flexible content management, custom PHP for advanced functionality

  2. 02

    Animated Design System

    Global text animations, section-specific animations for home, about, portfolio, and case studies pages with scroll-triggered effects

  3. 03

    Interactive Components

    Mega menu, responsive header with scroll-aware logo color changes, mobile-optimized navigation, animated portfolio filtering

  4. 04

    Portfolio & Cases

    Deep dive case study pages with animated content sections, portfolio grid with loop navigation, image galleries with custom interactions

  5. 05

    Performance & UX

    Scrollbar indicators, mobile-optimized accordion components, fixed scroll issues on resize, staging deployment and testing

  6. 06

    Development Workflow

    Two development sprints with progress tracking, bug fixes, animation refinement, and production site deployment

  7. 07

    Frontend Tooling

    Gulp build system, SASS styling, Barba.js integration, custom JavaScript animations with performance optimization

Projects

  • Relaunch

    Prospect's website relaunch was a comprehensive multi-sprint project redesigning and rebuilding their portfolio site with modern animation, smooth page transitions, and responsive design. The project…

    Read case study