Landing Page Design:

Enhancing landing page for scale

As the pilot for fiber internet service scales to new communities, the business needed a way to customize pages quickly without long term UX or dev sprints.


Project contributions:

  • lead UX design

  • product, marketing, and dev alignment

  • process improvement

  • source hero images that align to corporate branding



Detail: Live responsive city landing pages

Goal: Launch a new landing page hero section above the fold that can be updated easily using approved images and consistent content messaging.


  • Create an image bank of approved evergreen lifestyle and location imagery

  • Format the design so stakeholders and design can source new images successfully

  • Improve prospect interest

Baseline: Existing city landing page

  • Required bespoke city landmark imagery to be sourced, formatted to size, and brand approved

  • Required design to check contrast and intentionally darken the image

  • Placed main call to action button and eligibility check below the fold in horizontal breakpoints

Enhancement: Updated city landing page

Enhancement: Updated city landing page

  • Creates a 11:4 image ratio that maintains image consistency

  • Allows for evergreen lifestyle images where city landmark imagery isn't available

  • Incorporates design system type styles

created with Figma and Framer

created with Figma

and Framer

© 2024 Adam Cera, All rights reserved.