Matthew Hawkins

    Scrollytelling 2020 - Web Design for Storytelling

    0/5(0)

    Web Design · Online Course

    This product hasn't been reviewed yet! Be the first to share your experience.

    Reviews, Scores & Student Outcomes

    Unclaimed Profile

    Master the modern art of interactive web-based storytelling with this comprehensive guide to Scrollytelling. Under the expert guidance of Matthew Hawkins, you will learn how to design and develop highly engaging, narrative-driven websites using Scrollama.js. This course is specifically tailored for front-end web developers, digital journalists, and visual web designers who want to move beyond static layouts and transition into dynamic, scroll-driven user experiences. Throughout the lessons, you will explore the core concepts of trigger points, scroll-bound animations, and responsive layouts that change fluidly as the user navigates down the page. By combining the power of modern CSS, lightweight JavaScript, and the Scrollama library, you will gain the skills to build immersive editorial pieces, digital reports, and interactive portfolios. Whether you want to elevate your current web design portfolio or create compelling visual narratives for media outlets, this course provides the step-by-step technical foundations and design principles required to capture and retain audience attention in the digital age.

    About the creator

    Matthew Hawkins

    View full profile

    Follow on social

    Matthew Hawkins
    No featured video yet

    Not found

    Reviews

    Matthew Hawkins is an experienced digital designer and educator specializing in interactive web experiences and front-end storytelling. With a passion for bridging the gap between narrative structure and modern web technologies, Matthew focuses on scroll-driven narrative techniques—the art of using animations, transitions, and visual hierarchies to guide users through a compelling online story. In his courses, Matthew breaks down complex web design concepts into structured, digestible modules, ensuring that both designers and front-end developers can easily grasp the mechanics behind engaging user journeys. His teaching philosophy centers on project-based, hands-on learning, encouraging students to experiment with spacing, timing, and visual…Show more

    Ratings & reviews

    This product hasn't been reviewed yet! Be the first to share your experience.

    0/5

    Not enough reviews yet

    0 reviews

    Rating breakdown

    Results mentioned in reviews are individual experiences and are not guaranteed or typical.

    Program Overview

    Online Course

    Learning format

    Web Design

    Subcategory

    $34.99

    Price

    Price may change · updated within 1–2 weeks

    English

    Course language

    What You'll Learn

    • Master the core concepts of scrollytelling and understand how to structure narrative-driven web layouts.
    • Implement Scrollama.js to trigger complex animations, state changes, and visual updates based on scroll position.
    • Integrate responsive design techniques ensuring your interactive stories look seamless on mobile, tablet, and desktop screens.
    • Leverage lightweight JavaScript and CSS transitions to create smooth, high-performance visual effects without slowing down page load times.
    • Design compelling data visualizations and editorial layouts that dynamically respond to user scroll behavior.
    • Debug scroll-trigger offsets and optimize browser performance for heavy visual assets during scroll interactions.

    Best For

    • Front-end web developers looking to add dynamic, scroll-based animations to their projects.
    • Digital journalists and visual storytellers wanting to create immersive, data-driven editorial pieces.
    • UI/UX designers interested in transitioning from static layouts to interactive web experiences.
    • Portfolio-focused creators who want to showcase advanced technical and narrative skills.

    Not For

    • Complete web development beginners who have not yet mastered fundamental HTML, CSS, and basic JavaScript.
    • Designers looking for a no-code drag-and-drop website builder tutorial.
    • Developers looking for advanced back-end programming or database management topics.
    • Professionals who are primarily focused on traditional marketing or social media content creation.

    What's included

    Still confused?

    Get a reply from the creator within 24 hours.

    Top alternatives

    Compare Similar Web Design Programs

    Not sure Scrollytelling 2020 - Web Design for Storytelling is the right fit? See how it stacks up against the top-rated alternatives in web design, all rated by verified students.

    Loading comparison…

    More categories

    Design

    Before you buy

    Compare alternatives

    See how Scrollytelling 2020 - Web Design for Storytelling stacks up against top-rated programs in web design.

    Compare now

    Run a credibility check

    Use AllPros Guru Detector to review trust signals before you spend.

    Open Guru Detector