← Selected work

Existing platform · Shipped redesign

FOHLIOMake complex work easier.

Modernizing navigation, material discovery, and data-heavy interfaces while preserving familiar workflows.

Fohlio product interfaceShipped platform redesign

The short version

Years of growth left Fohlio with inconsistent interfaces and fragmented workflows. The redesign had to simplify daily work while preserving existing projects and familiar interactions.

Contribution
Product designer
  • Navigation and workflow design
  • Library search, filters, and product detail views
  • Excel and PDF import tools
  • Project analytics and data-heavy tables
  • Reusable interface patterns with product and engineering
Status
Implemented · Live with customers
Collaborated with
Product and engineering teammates

01 / Inside the redesign

Keep people oriented.

Breadcrumbs and shortcuts connect the platform’s modules.

Explore this decision Keep people oriented. Fohlio interface detail

02 / Inside the redesign

Bring the details closer.

A side sheet lets people inspect a product while browsing the library.

Explore this decision Bring the details closer. Fohlio interface detail

03 / Inside the redesign

Make the everyday clearer.

Tables use shared rules for type, spacing, and editing.

Explore this decision Make the everyday clearer. Fohlio interface detail

Fohlio helps architecture and construction teams manage specifications, sourcing, and materials. My work focused on redesigning and unifying platform features and the design language, including tools for importing information from Excel and PDF documents.

I worked with product and engineering on workflows that existing customers already relied on. The design challenge was to make information easier to find and act on while preserving familiar interactions and compatibility with existing projects.

The redesign and Excel/PDF import tools are implemented. We used Pendo action tags and click paths to evaluate how existing customers moved through the updated workflows.

Fohlio — Fohlio / Product overview 1
Fohlio / Product overview 1
CHAPTER 01

The bigger picture.

Teams spent too much time navigating between tools. The redesign needed shared interface patterns, easier access to information, and compatibility with existing projects.

Fohlio — Challenge
Challenge

I worked from research and workflow problems through design exploration and prototypes, collaborating with product and engineering. Across the redesign, I connected local interface decisions to shared navigation, table, and component patterns.

We also used Pendo to tag actions and follow users’ click paths, focusing on points where people struggled to complete an action. This provided behavioral evidence alongside design exploration.

CHAPTER 02

A clearer way through.

Problem

Teams needed a view of budgets, resources, and project health across concurrent projects.

Design

I prioritized metrics with project managers and designed a dashboard with access to project details.

Design intent

Bring project metrics and access to underlying details into one view, so project managers can move from an overview to the information behind it.

Fohlio — Project Analytics
Project Analytics

Problem

Moving between modules made common tasks harder to follow.

Design

I introduced consistent navigation, contextual breadcrumbs, and shortcuts.

Design intent

Use shared navigation and contextual breadcrumbs to help people understand where they are and move between related tasks.

Fohlio — Workflow Unification
Workflow Unification
CHAPTER 03

From searching to finding.

Problem

A cluttered library made materials hard to find and manage.

Design

I reorganized categories, search, and filters, added bulk actions and smart collections, and placed product details in a split-view side sheet.

Target

Reduce the effort of finding materials and inspecting their details. The side sheet keeps the library in view while someone evaluates a product.

Fohlio — Library Update
Library Update

Problem

Teams had reference images but often lacked product names.

Design

I designed an image-upload flow with feedback on match quality. Visual search and Google Lens integration connect photos and moodboards to library products.

Target

The goal was to shorten sourcing time and improve specification accuracy.

Fohlio — Search by Image
Search by Image

Problem

Unavailable or over-budget products left teams searching for alternatives.

Design

I designed recommendations based on style, specifications, and price, with a comparison view for evaluating matches.

Target

The goal was to help teams complete specifications and avoid procurement delays.

Fohlio — Similar Items
Similar Items
CHAPTER 04

Built to work together.

Problem

Creating product packages for each project took time and invited errors.

Design

I designed reusable templates with grouping, customization, early cost estimates, and exports.

Target

Reduce repeated setup when teams create similar product packages. This was a design goal, rather than a measured outcome.

Fohlio — Prototypes & Packages
Prototypes & Packages

Problem

The platform’s most-used component suffered from cramped layouts and inconsistent behavior.

Design

I revised table typography and spacing, with customizable columns, inline editing, sorting, and filtering.

Status

The updated table design is implemented as part of the platform redesign.

Fohlio — Table Reskin
Table Reskin
  • Navigation: shared breadcrumbs and quick actions.
  • Tables: consistent sorting, filtering, and inline editing.
  • Tokens: common colors, typography, spacing, and elevation.

Bring existing documents into the workflow

I designed import tools for Excel and PDF documents as part of the platform redesign. The implemented tools bring existing customer documents into the workflows inside Fohlio.

CHAPTER 05

What carries forward.

How we evaluated the redesign

We tagged actions in Pendo and followed click paths to understand how existing users moved through the workflows. We paid particular attention to actions people did not complete and interaction patterns that could indicate friction.

What the evidence tells us

Pendo tracking informed our evaluation of the implemented workflows, helping us identify incomplete actions and points of friction. We used these patterns to understand how existing customers progressed through their tasks.

Modernizing Fohlio taught me to introduce change without discarding what teams already know. Navigation, product detail views, and table behavior need to work as a connected system. I bring that perspective into SpeCurate, where review and revision can be designed together from the start.

Next chapter · New platformSpeCurate: designing a new platform

Follow the work on review, revision, vendor comparison, and reusable interface rules.

Next projectWAO SHOP