Intro

Website Redesign & UI Refresh for Pivot

I was contracted by a design/development studio to redesign the Pivot website and produce a complete Figma prototype that their internal development team could implement. The project required a fresh visual direction, a refined UI system, and improvements to the clarity and structure of the content-heavy website.

My responsibility was to deliver a fully redesigned visual experience—not development—strictly focused on UI/UX and brand alignment within Figma.

The Goal

To modernize Pivot’s visual identity by creating a cleaner, more cohesive UI in Figma, including a refreshed color palette and distinct accent colors for the “Services” and “Specialties” categories, delivered as a polished, developer-ready prototype.

Services

UX Visual Design, Figma Specialist, Visual System & Branding Support

Key Contributions

Complete Visual Redesign

Redesigned all page layouts in Figma with a cleaner, modern aesthetic and cohesive visual structure aligned with the brand.

New Color System

Developed a refreshed color palette and assigned unique accent colors to distinguish the “Services” and “Specialties” sections.

Developer-Ready Prototype

Delivered a fully interactive Figma prototype built with components, styles, and clear structure for streamlined developer handoff.

What I Deliver

Full Website Redesign in Figma

I redesigned all major page layouts using Figma, focusing on:

1

Clean, modern interface design
2

Better use of whitespace and visual rhythm
3

Improved readability and content hierarchy
4

Clear and intuitive navigation patterns
5

A more premium and professional aesthetic

Creation of a New, Modern Color Palette

The project required a color system that improved clarity, accessibility, and visual consistency. I created a fresh palette that included:

1

Neutral foundations for backgrounds and typography
2

Accessible color contrasts
3

A set of accent colors designed specifically for UI usage
4

Category-driven colors for navigation and section styling
5

A more premium and professional aesthetic

This system enhances brand perception and ensures developers have a structured set of variables to work from.

#94C7CD

#FFFC2E

#A8CDC3

#86A59C

#D1C6B4

#C1B2A1

#A19A89

#7B6B5F

Developer-Friendly Figma Build

The redesign provided the studio, and ultimately Pivot, with:

1

A significantly more modern, polished website UI
2

A flexible color system ready for development
3

Stronger hierarchy and readability
4

A visually distinct navigation system for Services and Specialties
5

A fully clickable Figma prototype built for developer handoff

The final prototype is fully interactive and reflects a complete redesign aligned with Pivot’s brand.

View Prototype