Project cover image for this 55N case study.

Shield

Shield

Shield

Year

Year

2023

2023

Scope

Scope

Web Design

Web Design

(01) Project description

Brief

Shield's website wasn't converting — the design felt disconnected from the product and there was no organic strategy in place.

Shield's website wasn't converting — the design felt disconnected from the product and there was no organic strategy in place.

Shield's website wasn't converting — the design felt disconnected from the product and there was no organic strategy in place.

Shield's website wasn't converting — the design felt disconnected from the product and there was no organic strategy in place.

Shield's website wasn't converting — the design felt disconnected from the product and there was no organic strategy in place.

Shield is a LinkedIn analytics platform used by individuals, teams, and agencies to track content performance. I led the full redesign end-to-end — UX, visual design, and front-end development.

(02) Solution

Brief

I rebuilt the site to mirror the product's visual language so the transition from marketing to product felt seamless. A redesigned navigation and content hub made key resources like the blog, newsletter, and academy easy to find.

I rebuilt the site to mirror the product's visual language so the transition from marketing to product felt seamless. A redesigned navigation and content hub made key resources like the blog, newsletter, and academy easy to find.

I rebuilt the site to mirror the product's visual language so the transition from marketing to product felt seamless. A redesigned navigation and content hub made key resources like the blog, newsletter, and academy easy to find.

I rebuilt the site to mirror the product's visual language so the transition from marketing to product felt seamless. A redesigned navigation and content hub made key resources like the blog, newsletter, and academy easy to find.

I rebuilt the site to mirror the product's visual language so the transition from marketing to product felt seamless. A redesigned navigation and content hub made key resources like the blog, newsletter, and academy easy to find.

Five product pages and five free tools were designed and built from scratch — functional utilities that drove search visibility while the conversion funnel was restructured around a single goal: trial activation.

Project visual — design work shown in context.

Project visual — identity and layout detail.

Project visual — design detail from the case study.

Project visual — layout and typography detail.

Project visual — layout and typography detail.

Project visual — design detail from the case study.

Project visual — layout shown at full width.

(03) Impact

Brief

172% increase in total clicks and 62% rise in impressions — organic search became a real growth channel for the first time.

172% increase in total clicks and 62% rise in impressions — organic search became a real growth channel for the first time.

172% increase in total clicks and 62% rise in impressions — organic search became a real growth channel for the first time.

172% increase in total clicks and 62% rise in impressions — organic search became a real growth channel for the first time.

172% increase in total clicks and 62% rise in impressions — organic search became a real growth channel for the first time.

The site achieved a 6.5% trial conversion rate — by owning both design and development, the solution didn't just look better, it performed better.

More projects

N

Work

Grid

,

List

,

Index

About

Work

Grid

List

Index

About

Work

Grid

List

Index

About

Amsterdam, NL

12:55:40

hello@55n.studio

Amsterdam, NL

12:55:40

hello@55n.studio

Amsterdam, NL

12:55:40

hello@55n.studio