(Work Details)
(Work Details)
Halcyon
A calm, confident identity for a modern transportation brand.
A calm, confident identity for a modern transportation brand.
(Industry)
SaaS
(Timeline)
10 Weeks
(Read)
10 Minutes
(Service)
Branding, Design, Development
(Live Site)
![](data:image/svg+xml,<svg display="block" id="1545407441" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 0 0 L 10 0 L 10 10" fill="transparent" height="10.000031999999997px" id="BMiijW2gI" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(230, 81, 0)" transform="translate(6.998 7.003)" width="10.000044000000003px"/><path d="M 0 10 L 10 0" fill="transparent" height="10.000031999999997px" id="uyO85gSMY" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="rgb(230, 81, 0)" transform="translate(6.998 7.003)" width="10.000044000000003px"/></svg>)
Overview
Pivot is a business intelligence platform that turns raw data into actionable dashboards for mid-market teams. Despite strong underlying technology, the product suffered from a cluttered interface, confusing onboarding, and low daily engagement.
We were brought in to redesign the entire experience — from information architecture and visual identity to a full Webflow-built marketing site and an interactive product prototype. The goal was clarity, speed, and a UI that felt as smart as the data inside it
Overview
Pivot is a business intelligence platform that turns raw data into actionable dashboards for mid-market teams. Despite strong underlying technology, the product suffered from a cluttered interface, confusing onboarding, and low daily engagement.
We were brought in to redesign the entire experience — from information architecture and visual identity to a full Webflow-built marketing site and an interactive product prototype. The goal was clarity, speed, and a UI that felt as smart as the data inside it
Overview
Pivot is a business intelligence platform that turns raw data into actionable dashboards for mid-market teams. Despite strong underlying technology, the product suffered from a cluttered interface, confusing onboarding, and low daily engagement.
We were brought in to redesign the entire experience — from information architecture and visual identity to a full Webflow-built marketing site and an interactive product prototype. The goal was clarity, speed, and a UI that felt as smart as the data inside it
Problem
Pivot's old interface asked too much of its users. Powerful features were buried, labels were inconsistent, and the first-run experience churned users before they ever reached value.
Problem
//01
Onboarding that overwhelmed, not
Problem
//02
Cluttered dashboards with no visual hierarchy.
Problem
//03
No design system, inconsistent UI.
Problem
Pivot's old interface asked too much of its users. Powerful features were buried, labels were inconsistent, and the first-run experience churned users before they ever reached value.
Problem
//01
Onboarding that overwhelmed, not
Problem
//02
Cluttered dashboards with no visual hierarchy.
Problem
//03
No design system, inconsistent UI.
Problem
Pivot's old interface asked too much of its users. Powerful features were buried, labels were inconsistent, and the first-run experience churned users before they ever reached value.
Problem
//01
Onboarding that overwhelmed, not
Problem
//02
Cluttered dashboards with no visual hierarchy.
Problem
//03
No design system, inconsistent UI.
Solution
We redesigned Pivot around three principles: reduce, reveal, and reuse. Every screen was audited, simplified, and rebuilt inside a new design system that connects directly to their Webflow marketing site — ensuring a single source of truth for brand and product.
Solution
//01
A guided, step-based onboarding with progressive disclosure.
Solution
//02
A redesigned dashboard with clear visual hierarchy and card-based layout.
Solution
//03
A design system — 140+ components, tokenized and Figma-native.
Solution
We redesigned Pivot around three principles: reduce, reveal, and reuse. Every screen was audited, simplified, and rebuilt inside a new design system that connects directly to their Webflow marketing site — ensuring a single source of truth for brand and product.
Solution
//01
A guided, step-based onboarding with progressive disclosure.
Solution
//02
A redesigned dashboard with clear visual hierarchy and card-based layout.
Solution
//03
A design system — 140+ components, tokenized and Figma-native.
Solution
We redesigned Pivot around three principles: reduce, reveal, and reuse. Every screen was audited, simplified, and rebuilt inside a new design system that connects directly to their Webflow marketing site — ensuring a single source of truth for brand and product.
Solution
//01
A guided, step-based onboarding with progressive disclosure.
Solution
//02
A redesigned dashboard with clear visual hierarchy and card-based layout.
Solution
//03
A design system — 140+ components, tokenized and Figma-native.
Process
Our six-stage working process, applied to Pivot.
01
Discovery & Strategy
We interviewed stakeholders and users, then benchmarked competitors to build a clear research foundation.
02
Strategy & ArchitectureStrategy
We mapped user journeys, restructured the sitemap, and reduced core flows from 12 steps to
03
Brand & Visual Identity
We refined the color system, introduced a sharp typographic scale, and defined a visual language built around clarity.
04
UI/UX Design
All 40+ screens were designed in Figma with a full component library, then tested and iterated over 3 rounds.
05
Development
The marketing site and docs hub were built in Webflow with custom CMS, interactions, and SEO foundations.
06
Launch & Ongoing Support
We managed a staged rollout, reviewed post-launch analytics, and optimized further in a 2-week retainer sprint.
Process
Our six-stage working process, applied to Pivot.
01
Discovery & Strategy
We interviewed stakeholders and users, then benchmarked competitors to build a clear research foundation.
02
Strategy & ArchitectureStrategy
We mapped user journeys, restructured the sitemap, and reduced core flows from 12 steps to
03
Brand & Visual Identity
We refined the color system, introduced a sharp typographic scale, and defined a visual language built around clarity.
04
UI/UX Design
All 40+ screens were designed in Figma with a full component library, then tested and iterated over 3 rounds.
05
Development
The marketing site and docs hub were built in Webflow with custom CMS, interactions, and SEO foundations.
06
Launch & Ongoing Support
We managed a staged rollout, reviewed post-launch analytics, and optimized further in a 2-week retainer sprint.
Process
Our six-stage working process, applied to Pivot.
01
Discovery & Strategy
We interviewed stakeholders and users, then benchmarked competitors to build a clear research foundation.
02
Strategy & ArchitectureStrategy
We mapped user journeys, restructured the sitemap, and reduced core flows from 12 steps to
03
Brand & Visual Identity
We refined the color system, introduced a sharp typographic scale, and defined a visual language built around clarity.
04
UI/UX Design
All 40+ screens were designed in Figma with a full component library, then tested and iterated over 3 rounds.
05
Development
The marketing site and docs hub were built in Webflow with custom CMS, interactions, and SEO foundations.
06
Launch & Ongoing Support
We managed a staged rollout, reviewed post-launch analytics, and optimized further in a 2-week retainer sprint.
Design System
We delivered a tokenized design system that connects Pivot's product UI to their Webflow marketing site. Colors, typography, spacing, and component states are governed by a single source of truth in Figma, mirrored in code. New features can now be designed and shipped in days, not weeks.
Design System
We delivered a tokenized design system that connects Pivot's product UI to their Webflow marketing site. Colors, typography, spacing, and component states are governed by a single source of truth in Figma, mirrored in code. New features can now be designed and shipped in days, not weeks.
Design System
We delivered a tokenized design system that connects Pivot's product UI to their Webflow marketing site. Colors, typography, spacing, and component states are governed by a single source of truth in Figma, mirrored in code. New features can now be designed and shipped in days, not weeks.
Measurable impact.
The redesign didn't just look better — it performed better.
Measurable impact.
The redesign didn't just look better — it performed better.
Measurable impact.
The redesign didn't just look better — it performed better.
Testimonials
Working with Artificer transformed our website completely. The new design not only looks incredible but also improved our user engagement significantly.
Sarah Mitchell
Founder@ Sandston
Testimonials
Working with Artificer transformed our website completely. The new design not only looks incredible but also improved our user engagement significantly.
Sarah Mitchell
Founder@ Sandston
Testimonials
Working with Artificer transformed our website completely. The new design not only looks incredible but also improved our user engagement significantly.
Sarah Mitchell
Founder@ Sandston
![](data:image/svg+xml,<svg display="block" id="3440042408" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 10.939 0.439 C 11.525 -0.146 12.475 -0.146 13.061 0.439 L 23.56 10.939 C 23.632 11.011 23.696 11.09 23.753 11.175 C 23.79 11.231 23.822 11.29 23.851 11.349 C 23.883 11.417 23.912 11.487 23.934 11.56 C 23.943 11.591 23.95 11.622 23.958 11.653 C 23.984 11.764 24 11.88 24 12 C 24 12.124 23.982 12.245 23.953 12.36 C 23.947 12.386 23.942 12.411 23.934 12.436 C 23.912 12.51 23.883 12.581 23.851 12.649 C 23.821 12.711 23.786 12.772 23.747 12.83 C 23.728 12.859 23.707 12.886 23.686 12.912 C 23.647 12.963 23.607 13.014 23.56 13.06 L 13.061 23.561 C 12.475 24.146 11.525 24.146 10.939 23.561 C 10.354 22.975 10.354 22.025 10.939 21.439 L 18.879 13.5 L 1.5 13.5 C 0.672 13.5 0 12.828 0 12 C 0 11.171 0.672 10.5 1.5 10.5 L 18.879 10.5 L 10.939 2.56 C 10.354 1.975 10.354 1.025 10.939 0.439 Z" fill="rgb(13, 13, 13)" height="23.999700112499998px" id="NXMdrlg2K" transform="translate(0 0)" width="24px"/></svg>)
(Showcase)
Seen on Platforms That
Celebrate Craft.
A selection of communities where our work has been featured, showcased, and made available for other creators.
10+ Live Project
10+ Live Project
5+ Live Project
5+ Live Project
Featured Work
Featured Work
Showcased Projects
Showcased Projects
Showcased Projects
Showcased Projects
20+ Review
20+ Review
5+ Live Project
5+ Live Project
40+ Reviews
40+ Reviews
(Showcase)
Seen on Platforms That
Celebrate Craft.
A selection of communities where our work has been featured, showcased, and made available for other creators.
10+ Live Project
10+ Live Project
5+ Live Project
5+ Live Project
Featured Work
Featured Work
Showcased Projects
Showcased Projects
Showcased Projects
Showcased Projects
20+ Review
20+ Review
5+ Live Project
5+ Live Project
40+ Reviews
40+ Reviews
(Showcase)
Seen on Platforms That
Celebrate Craft.
A selection of communities where our work has been featured, showcased, and made available for other creators.
10+ Live Project
10+ Live Project
5+ Live Project
5+ Live Project
Featured Work
Featured Work
Showcased Projects
Showcased Projects
Showcased Projects
Showcased Projects
20+ Review
20+ Review
5+ Live Project
5+ Live Project
40+ Reviews
40+ Reviews
Contact
Contact
Location
Forma Studio operates from two locations Bangladesh and USA — collaborating with teams worldwide.
© 2026, Forma Studio | All Rights Reserved.
Contact
Contact
Location
Forma Studio operates from two locations Bangladesh and USA — collaborating with teams worldwide.
© 2026, Forma Studio | All Rights Reserved.
Contact
Contact
Location
Forma Studio operates from two locations Bangladesh and USA — collaborating with teams worldwide.
© 2026, Forma Studio | All Rights Reserved.