PHILLIPS
CHRISTOPHER
DESIGN
Constant Contact homepage redesign

Constant
Contact

Visit live website (opens in a new tab)
All work

Most recent employer · Selected work

Leading a new chapter for the web experience.

As Senior UI/UX Designer for Web, I led 10 projects a week and spearheaded the homepage redesign and the largest rebrand in Constant Contact history.

My roleSenior UI/UX
Designer, Web
Design leadership10 projects
per week
ConversionHigher visitor-to-trial
conversion
EngagementIncreased
scroll engagement

01 / Website design

A brand expressed
across the page.

I spearheaded the homepage redesign as part of Constant Contact’s largest rebrand. The work brought product storytelling, interface visuals, and the refreshed brand together across the web experience, contributing to increases in visitor-to-trial conversion and scroll engagement.

Marketing website redesignView full design
Marketing website redesign, full desktop page design

Scroll inside the image to explore the page.

Selected desktop designBrand expression / Product storytelling / Page hierarchy

A focused landing-page experience.

A companion landing-page design shows a different arrangement of product messaging, benefits, and conversion points.

Bottom-of-funnel landing pageView full design
Bottom-of-funnel landing page, full desktop page design

Scroll inside the image to explore the page.

02 / Design system

Consistency starts
with the details.

The front-of-site system documents the foundations behind the layouts: display and headline styles, body-text sizes and weights, and spacing guidance. The typography work explores how expressive brand type can sit alongside clear, readable interface copy.

Constant Contact typography study showing display, headline, and body-text hierarchies
Typography foundations · Display, headings, and body styles

One system.
Many applications.

The documented type proposal organizes body text by size and weight, with guidance for uses such as subheads, buttons, cards, footnotes, and attribution.

Spacing documentation adds another foundation for carrying consistent relationships between elements across the website.

Spacing scale and layout guidance from the Constant Contact design-system documentation
Spacing documentation · Scroll to explore

03 / Homepage explorations

Exploring the
first impression.

Homepage concepts explore the relationship between the headline, product carousel, supporting copy, and signup form. These variations show different approaches to sequencing the same core message.

Homepage exploration with the product carousel between the headline and signup form
Product carousel followed by signup
Homepage variation placing supporting copy before the product carousel
Supporting copy followed by product storytelling

Selected concepts from the homepage design process.

04 / Landing page collection

Different stories.
One connected brand.

A selection of pages I designed for Constant Contact, including the Canva integration, Chelsea FC Women’s Growth Locker, For Teams, Pricing, and experiences across the marketing funnel.

From a type style
to a whole experience.

Other Projects