LANDING PAGE DESIGN SYSTEM

Responsive Landing Pages with Reusable Components
HTML, CSS, Adobe Photoshop, Adobe XD

THE PROBLEM

The current landing pages are outdated, hide information below the fold, and have minimal to no room for customization between clients, brands, and functionality. Our clients have archaic backends, so troubleshooting code is a standard where one set of code may not work across all clients. Custom landing pages require multiple day turnaround time.

THE SOLUTION

Create a universal grid based system with interchangeable classes. This allows for faster turnaround time (hours vs days), variation in templates, and flexibility for new builds and edits.

Creating a Components Library allows creative members to easily pull pre-made assets and tweak as necessary to fit content, eliminating the need to continuously code similar assets from scratch.

WIREFRAMES

These serve as a baseline for the creative team. Any template can easily be modified by finding and replacing classes to swap for a new brand color, or change #’s for column sizes.