Screen Routes
Back to Notion
Notionweb

Website tour

A complete, ordered walkthrough of the published website tour sequence.

5

screens in order

Flow sequence

Every screen, in context

Follow the numbered journey. Each screen includes its captured context, tags, dimensions, and detected interface text when available.

  1. Step 01 of 5

    Notion Homepage - AI Workspace for Teams

    This is the landing page of Notion.com highlighting AI collaboration tools for teams and agents. The UI includes a top navigation bar with product, resources, pricing, and demo request links. The main headline emphasizes teamwork and AI automation with call-to-action buttons for free access and demos. Below, three key AI features are presented with visual examples: capturing knowledge, finding answers instantly, and automating tasks with agents. Customer testimonials from notable companies appear in colored cards, followed by trust metrics and footer navigation to product features, resources, company info, and segment-specific links.

    web1440 × 4757landingai-curatedhomepageAIteam collaborationproduct landingcalls to actiontestimonials
    Notion Homepage - AI Workspace for Teams
    Open large image

  2. Step 02 of 5

    Notion Pricing Plans page showing Free, Plus, Business, and Enterprise plans with features and FAQs

    The page presents Notion's pricing tiers including Free, Plus ($10/month), Business ($20/month), and Enterprise (custom pricing). Each plan's features are outlined with checkmarks for inclusion. The page includes toggles for payment mode (monthly/yearly), a feature comparison table across plans, quotes from users, and a FAQ section addressing pricing and usage questions. Navigation and CTAs such as 'Sign up', 'Get started', and 'Contact Sales' are visible.

    web1440 × 7263pricingai-curatedplanssubscriptionfeature comparisonsaasenterprise software
    Notion Pricing Plans page showing Free, Plus, Business, and Enterprise plans with features and FAQs
    Open large image

  3. Step 03 of 5

    Notion Product Features Overview

    A clean, well-organized page detailing Notion's product features grouped into sections: Capture knowledge, Find answers, Automate busywork, and Built for teams. Each section includes brief descriptions, illustrative screenshots, feature highlights with call-to-action links, and navigation menus at top and bottom.

    web1440 × 7455featuresai-curatedproduct featuresknowledge managementcollaborationautomationteam toolsenterprise security
    Notion Product Features Overview
    Open large image

  4. Step 04 of 5

    Contact Sales Email Entry Page

    A simple contact sales page UI with a prompt to enter work email, a text input field, and a blue 'Next' button on the left side. On the right side, there's a blue artist palette illustration with various geometric shapes. The page footer shows logos of various companies.

    web1440 × 1000sign-upai-curatedcontact salesemail entryformminimal designsaas
    Contact Sales Email Entry Page
    Open large image

  5. Step 05 of 5

    Notion AI product landing page

    Landing page for Notion AI showcasing AI-powered features designed for teamwork such as Agents, Enterprise Search, AI Meeting Notes, and Admin controls. It includes trust logos, pricing plans (Free and Business), testimonials, detailed feature descriptions, governance and security information, use case examples, and FAQ sections. The page provides options to try for free, request a demo, sign up, and learn more about various features and security practices.

    web1440 × 10179landingai-curatedAIproduct landingpricingfeaturestestimonialssecurity
    Notion AI product landing page
    Open large image