SHIPPED

Landing Page Templates

optimizing landing pages at scale

Centerfield creates lead form landing pages for various clients throughout the year. Lead forms are used to capture user preferences and contact information in order to provide a quote best suited for the customer.

Centerfield creates lead form landing pages for various clients throughout the year. Lead forms are used to capture user preferences and contact information in order to provide a quote best suited for the customer.

CATEGORY

CATEGORY

Design Systems • Responsive Design • SEM

Design Systems • Responsive Design • SEM

TIMELINE

TIMELINE

1 month

1 month

SKILLS

SKILLS

Product design
Product strategy
Design systems

Responsive design

Branding

Product design
Product strategy
Design systems

Responsive design

Branding

TEAM

TEAM

Designer • VP of Product

Designer • VP of Product

MY ROLE

Product Designer

  • Spearheaded a template system to help create more flexible and responsive designs to be adapted across verticals to help streamline and shorten delivery times

  • Shortened delivery timeline by 50% (2 months to 4 weeks), increasing revenue by 15%

  • Provided a leading example of scalable solutions to be adopted by other teams and verticals across the company

IMPACT

Design Timeline

Design Timeline

Design Timeline

0
0
0

week

week

week

Dev + QA Timeline

Dev + QA Timeline

Dev + QA Timeline

0
0
0

weeks

weeks

weeks

Revenue

Revenue

Revenue

0
0
0

%

%

PROBLEM

PROBLEM

Starting from scratch for every client

Starting from scratch for every client

  • For every new client, designers would create a new landing page from scratch

  • Simple landing pages would take over a month to design and develop

  • Inconsistencies in components and overall structure and layout

  • No collaboration between design and engineering

GOALS

GOALS

Speeding up client deliverables equals more revenue $$$

Speeding up client deliverables equals more revenue $$$

Business Goals

Business Goals

The faster we can design and build, the more clients we'll have within the year therefore increasing revenue

SOLUTION

SOLUTION

Create a master system to be reused for any brand

Create a master system to be reused for any brand

Define elements to create components

Define elements to create components

1 column / 2 column design

1 column / 2 column design

1 column / 2 column design

Set breakpoints to allow more responsive and flexible design

Set breakpoints to allow more responsive and flexible design

Set breakpoints to allow more responsive and flexible design

Examples of client branded experiences

Examples of client branded experiences

CONCLUSION

CONCLUSION

Scaling faster and more efficiently

Scaling faster and more efficiently

We were able to secure more clients since timeline deliveries were cut in half, and plan on scaling other sections on the landing page. This will help future designers iterate faster to develop designs quicker and more efficiently to align with engineering.

CONCLUSION

Scaling faster and more efficiently

We were able to secure more clients since timeline deliveries were cut in half, and plan on scaling other sections on the landing page. This will help future designers iterate faster to develop designs quicker and more efficiently to align with engineering.

next projects