Pixel One

OCR extracts business names, formation dates, and addresses from uploaded documents automatically. But users still need to trust what the system found before anything gets submitted.

We designed the confirmation flow around editable fields that surface extracted data clearly. Users review what the system found and correct where needed, rather than typing everything from scratch. The design choice was to make the AI output feel transparent and controllable.

The design choice was to make the AI output feel transparent and controllable. The result is a flow that reduces data entry to the minimum while keeping users fully in control of what gets submitted.

The original signing process required users to download documents, sign them separately, then re-upload. Every extra step was a chance to drop off, and many did.

We redesigned the signing flow as a sequential step-by-step process that works on any device. Phone camera upload or desktop, each step shows exactly what comes next so users always know where they are in the process.

The design choice was to break a complex multi-document signing requirement into single actions, so users never faced the full complexity of what they were completing all at once. The signing workflow eliminated the download-sign-upload loop entirely, which contributed directly to the 50% reduction in time to activation.

Compliance onboarding fails when users upload the wrong document and have no idea why it was rejected.

We designed the upload interface around visual examples that show users precisely what a valid document looks like before they submit anything.

The design choice was to surface verification guidance at the moment of upload rather than after rejection, because catching the error before it happens removes the back-and-forth entirely. The goal is to make users feel confident they are submitting the right thing the first time.

Founders uploading business formation documents have no idea what "articles of organization" or "EIN verification letters" are, they created these documents years ago and forgot about them. Static help documentation wasn't working and support tickets piled up with the same basic questions.

We designed an AI-powered help panel as a solution. Users click "What's this?" next to any confusing requirement and get explanations in real-time. The system answers follow-up questions, explains why specific documents are needed, and tells users where they'd typically find them.

The design challenge was surfacing this help without cluttering the interface, so we positioned it as a persistent sidebar that appears on-demand.

Users uploading compliance documents had to manually type business names, formation dates, and addresses from scanned PDFs.

This created two problems: typos in critical data and tedious data entry that caused drop-off during onboarding.

We designed a real-time OCR extraction flow. Users upload their documents and immediately see visual feedback showing the system scanning and extracting information. Users review what the system found and make corrections if needed.

The design goal was making an invisible technical process feel tangible through animation and progressive disclosure, so users could trust the automated extraction.

Users starting compliance onboarding had no idea what documents they'd need until they hit upload screens and got stuck.

This created drop-off before users even started the actual onboarding process.

We designed welcome screens that set clear expectations upfront about what documents users will need before they begin. The screens show a complete list of required documents with brief explanations of what each one is, giving users time to gather everything before starting.

The design challenge was presenting this information without overwhelming users or making the onboarding feel complicated before they even begin. We used progressive disclosure and visual hierarchy to make the list feel manageable.

Tags: ui, ux, ui design, ux design, ui ux design, interface, interface design, product design, design inspiration, modern ui, web app design, saas design, dashboard ui, app design, startup design, fintech, finance, onboarding, interaction design, minimal ui

Document scanning is a technical process that happens in the background. Users have no way of knowing if it worked unless the interface tells them.

We designed the extraction animation to make the scanning and extraction sequence visible in real time, showing users the system actively working through their document.

The design choice was to use progressive visual feedback rather than a loading spinner. The goal is to build trust in an automated system by making it feel transparent.

Most managers walk into difficult conversations having read an employee file. Coach tells you how they think, how they tend to respond under pressure, and what they need to hear before they can move forward.

Coach is a B2B SaaS AI coaching platform that gives managers a virtual version of their teammate to rehearse with before the real conversation happens. The AI pulls from Slack, Notion, Workday, email, and calendar, plus personality data and past 1:1 history, to build a profile that mirrors how this specific person communicates and responds.

The simulation is where the practice happens.

You've seen the profile, you know what this person needs, now you get to rehearse the conversation before having it for real.

The AI generates responses based on everything it knows about this teammate, personality, history, how they tend to react.

A timer keeps the session focused. When you're done, you get instant feedback: Did you make the objective clear? Did you discuss next steps?

The design choice here was to close the loop fast. Practice, feedback, adjust. Skip waiting or lengthy reports, instead only a quick summary that tells you what landed and what didn't so you can go again or exit the scenario in the SaaS AI coaching platform.

The aim here was to show progress in a way that feels interesting.

We wanted something experimental, a bit more visual and unusual (even flashy) than what you typically see in enterprise software.

The result is an interactive timeline that shows how someone's skills are evolving over time. You can see the overall trajectory at a glance, then tap into any skill to watch it fluctuate across weeks or months. Aspects like communication, composure, confidence, each one broken down into sub-skills like verbal communication, active listening, written communication.

The summary tells you what's improved and what still needs work. But the design choice here was aesthetic as much as functional.

Practice a difficult conversation before you actually have it. We designed a virtual character that feels like the person you are about to talk to.

The profile screen pulls from Slack, Notion, Workday, email, and calendar to build a picture of how Jeremy communicates, what drives him, and how he tends to respond under pressure.

The design choice was to make the profile feel like a person. Each scenario comes with a goal and the leadership skills it targets, communication, ownership, and decision confidence. When you walk into the real conversation, you have already had a trial run.

The scroll animation was designed to make that depth feel natural to navigate. Personality data, past 1:1 history, focus areas, and session history all shown in sequence without overwhelming the user.

Coach gives managers everything they need to walk into a difficult conversation prepared. The platform helps reduce poor leadership decisions and build managers who lead with confidence.

Augment is a B2B SaaS website design project for an AI automation platform built for the logistics industry. Augie is an AI agent that works with brokers, freight operators, and carriers individually on their workflows. Pixel One designed the full product website to introduce Augie to an industry encountering AI for the first time.

We designed the website to show each section answer a specific question a logistics visitor would have. The abstracted UI and chat interface at the end defined the visual language for the use case animations across the entire product. Augment raised a $25M seed round followed by an $85M Series A five months later. Augie now supports over $35 billion in freight under management.

Logistics is not one industry. A freight brokerage runs differently from an FTL carrier and an LTL operation has different daily pressures than a B2B distributor. A single website serving all of them has to make each visitor feel like the product was built specifically for their operation.

The strategic decision was to give each type of logistics company its own row with a specific description of what Augie handles for them. Not a generic value proposition that could apply to anyone. A direct callout of the specific job Augie does for that specific role.

A visitor who runs a freight brokerage should feel like they are reading about their business. A B2B distributor should feel the same way. The section was designed so that every type of logistics company landing on the page finds themselves in it before they reach the CTA.

The core of Augment's business strategy is that logistics teams should not have to change how they work. Augie comes to where work already happens rather than asking teams to adopt a new platform.

The design challenge was communicating that without listing it. A list of compatible platforms tells the visitor what is possible. Showing Augie inside a real Slack conversation, responding to a real request with useful output, tells them what it feels like. The visitor sees Augie thinking and responding inside a tool they already open every morning. The message lands without needing to be stated. Nothing changes in how the team works. Augie just shows up inside it.

This section was built entirely around: demonstrating the integration. A founder reading this page does not need to imagine what the product does. They see it happening.

The strategic challenge for the full website was sequencing. A logistics leader landing on this page may understand the problem Augie solves but not yet understand what AI actually does for their team day to day.

Each section was built to answer one specific question in the order a visitor would naturally ask it. What does Augie do. Does it work with the tools we already use. Is it built for our specific type of operation.

Green runs through every section consistently, carrying the same brand language from trade show booth to digital so the brand feels the same wherever the audience encounters Augment. The grid gives the page rhythm without making it feel rigid, each section carrying its own structure while elements occasionally cross between them.

The hero had to introduce Augie to an audience that has never encountered this kind of AI before without overwhelming them in the first three seconds.

The decision was to lead with typography and trust rather than features. Large type states the value clearly. Eight recognizable logistics brands below the headline signal that Augie is already proven at scale with single CTA.

As the visitor scrolls, the hero animates and Augie's capabilities reveal themselves in plain language. The scroll animation was a strategic choice. AI is still unfamiliar territory for most logistics teams and the goal was to make that first encounter feel comfortable rather than technical.

Augment is a B2B SaaS brand design project for an AI automation platform built for the logistics industry. Augment built Augie, an AI agent that works with brokers, freight operators, and carriers individually on their own workflows. Pixel One designed the brand identity from the ground up.

Pixel One built UI and gradient language that mirrors the logo, expressing how Augie integrates with a company's existing systems. Augment raised a $25M seed round followed by an $85M Series A five months later, bringing total funding to $110M. Augie now supports over $35 billion in freight under management across dozens of shippers and brokerages.

Augie has no fixed interface of its own. It lives inside whatever system a logistics team already runs, which created a specific design challenge: how do you show something visually when the product has no fixed home?

The answer was to build abstracted UI that puts the brand guidelines into practice as a working chat interface. We aimed to show founders what Augie does in one glance without requiring them to read a feature description or sit through a demo.

Both light and dark versions are shown side by side. This was also a styling exercise. The visual language defined here became the foundation for every use case animation across the product, giving the entire website a consistent feel even though Augie itself appears in many different environments.

For a product that lives inside other products, making it visible was the entire design job.