Point B

Atomic Design System
Information Architecture
Content Strategy

How can a consultant brochure site communicate connections between solutions, insights, and experts?

Summary

Point B was seeking a full website redesign based on the brand strategy XO Agency had created, which was mostly print and deck materials. I translated the branding to web, designed over 20 separate pages, and provided a 16-page design library.

Role

I worked with XO Agency as an outside resource, providing web design expertise to align with their completed brand redesign and ongoing copywriting.

Existing Site Pain Points

Too many photos of people

Over-reliance on cards to show information

Branding, color, and type are boring and outdated, not showcasing Point B's skill

Goals

Create atomic web design style guide that coordinates with existing brand redesign and print materials

Build custom components that communicate industry expertise

Utilize abstract illustrations and patterns without overdoing it

Visual Design Elements

Scrollable Mockups

Homepage

Custom video slider, intersections graphic, and article lockup delivers a larger-than-life homepage experience to capture visitors’ attention.

Static

Scroll

Static

Scroll

Technology

Using different abstract illustrations to animate between different technology slides emphasizes connections between disciplines.

Static

Scroll

Solutions

A more understated intersection graphic allows users to understand how Point B connects industries and technology on secondary pages.

Static

Scroll

Static

Scroll

Forecasted Impact

In redesigning Point B's website, we achieved a significant transformation. The fresh design and updated branding majorly enhanced their professional image and credibility, which will likely give a boost in user engagement and set them apart from competitors. The new website is a scalable and efficient platform, with the potential to drive increased client engagement and growth.