# PlanetScale product pages

PlanetScale · November 2023
URL: https://www.edgarlr.com/work/planetscale-product-pages

Work across engineering, motion, animation and interaction to demonstrate and explain product features.

<Video
  src="https://cdn.edgarlr.com/pscale-footer-2.mp4"
  poster="https://cdn.edgarlr.com/pscale-footer-2.webp"
  preload
  width={1920}
  height={824}
  bare
  alt="The site footer — the PlanetScale mark above “Your business deserves a predictable database.” and a pair of calls to action, with a field of product icons scattered around the edges cycling through the set."
/>

<Video
  src="https://cdn.edgarlr.com/pscale-branching-hero.mp4"
  poster="https://cdn.edgarlr.com/pscale-branching-hero.webp"
  width={1920}
  height={950}
  bare
  alt="The branching page hero — “Zero-downtime migrations and schema protection” — with a branch graph drawing itself alongside, splitting off a development branch, a production branch and a commit adding 24 tables."
/>

<Video
  src="https://cdn.edgarlr.com/pscale-anomaly-detection.mp4"
  poster="https://cdn.edgarlr.com/pscale-anomaly-detection.webp"
  width={1840}
  height={1080}
  bare
  alt="The Insights section — “Never miss a bad query” — beside the dashboard, where a spike in slow queries is caught and highlighted as an anomaly on the latency chart."
/>

<Grid>
  <Video
    src="https://cdn.edgarlr.com/pscale-icon.mp4"
    poster="https://cdn.edgarlr.com/pscale-icon.webp"
    width={1080}
    height={1080}
    bare
    alt="The PlanetScale app icon on its own — the monogram on a domed black tile, catching a highlight as it turns."
  />
  <Video
    src="https://cdn.edgarlr.com/pscale-security-icon.mp4"
    poster="https://cdn.edgarlr.com/pscale-security-icon.webp"
    width={1080}
    height={1080}
    bare
    alt="The security icon on its own — a shield on a pixelated green field, its checkmark drawing in and lighting the shield from within."
  />
</Grid>

<Video
  src="https://cdn.edgarlr.com/pscale-boost.mp4"
  poster="https://cdn.edgarlr.com/pscale-boost.webp"
  width={1920}
  height={1080}
  bare
  alt="The Boost section — “Up to 1000x in just a few clicks” — with a speedometer icon whose needle sweeps up to the redline as the query cache panel sits alongside."
/>