Product Design UI/UX Design SaaS · Legal Tech

Rebuilding a legal-tech platform's design foundation — solo, in three months.

Arken helps lawyers manage clients, wills, and legal documents. I rebuilt its UX and design system as the platform's only product designer, against a fixed external launch date.

Client
Arken, UK legal-tech
Role
Sole Product Designer
Timeline
May — Jul 2026
Team
CEO, PM, Engineers
Arken dashboard, final redesigned version
Client
Arken — UK-based legal-tech SaaS, case management for lawyers
Role
Sole product designer — full ownership of UX/UI, research, and the design system
Timeline
3–4 months, working toward a fixed launch event
Team
CEO, PM, developers, marketing, plus one external web designer
The brief

A working product, growing past its design.

Arken had a working platform helping lawyers manage clients and documents — but the product had grown without a consistent design foundation, and new competitors were closing in. It needed a full redesign in time for a hard external launch date.

There was no room for a slow, linear process. Research, design, and build had to move in parallel.

I was brought in as the only product designer on the project, reporting directly to the CEO.

1
Designer owning research, UX, UI, and the design system end to end
3
Months to redesign the platform's core surfaces before launch
30%
Development time saved by the resulting design system
Process

Research, design, and build — running at once.

Instead of a slow handoff chain, the three tracks moved simultaneously and iteratively, so the team kept building on an improving picture of user needs while still shipping regularly.

Diagram of overlapping research, design and implementation tracks over the project timeline
Research

Findings

A structured UX evaluation of the Arken One platform, combining direct observation, user-reported feedback, and a formal heuristic evaluation against Nielsen's 10 usability heuristics.

01

Spacing & density

Too much distance between components and cards throughout the pages. Padding and margins were excessive, making the layout feel bloated and harder to scan, especially on full-screen views.

02

Consistency and standards

Font hierarchy was inconsistent across pages, alongside other system elements that looked like they belonged to different design systems entirely.

03

The main user flow was hard to notice

Over time, users had quietly built their own workaround paths for accomplishing everyday tasks.

04

Users didn't use the dashboard

Even though it was meant to be the platform's main page, users skipped it almost entirely — analytics and news widgets just took up space.

05

Marketing widgets needed a smarter approach

The first iteration tested different in-product marketing placements — the goal was growing usage of other Arken products without crowding the workspace.

With four months before the launch event, findings were distilled into two How Might We questions, each tied to a metric that would define success.

HMW 01

Use the current design as a base for a faster first iteration — build a new design system and introduce a new style rooted in what already existed.

HMW 02

Prioritize UX research findings by urgency, to be launch-ready first — then keep improving after the event.

>80%
CSAT target
>95%
Completion rate target
Design

From cluttered dashboard to a focused home.

Considering the research and project objectives, I explored a few design directions for the dashboard — the platform's most-used, most-criticized surface. After several rounds of feedback, we landed on the final version.

Original Arken dashboard before redesign

Where it started. Dense cards, an inconsistent grid, and a "Solutions" wall competing with the client list for attention.

Mid-iteration Arken dashboard redesign

Testing structure. A clearer top nav and card rhythm emerge, but the layout still spreads attention across too many equally-weighted widgets.

Final Arken dashboard redesign

The final version. One clear primary action, a focused recent-clients table, and secondary widgets sized to match how often people actually use them.

Key UX decisions

Every widget earned its place on the dashboard.

Four decisions shaped the final home screen — each one grounded in what research showed people actually did, not what the platform assumed they'd want.

1

Add new client & the recent-clients table

Research showed these were the functions people relied on most, so the new version makes them unmistakably the primary widget and button on the page. The nav itself also gained a full/collapsed state, a workspace switcher, an Arken Apps entry point, and a dedicated profile & plan space.

Recent clients table widget
2

Analytics, cut down to what matters

After long research and several rounds of debate with the team and client reviews, we narrowed the dashboard to a handful of the most important signals — action items, documents created, and intestacy position — before sending people deeper into the full analytics page.

Analytics widgets on the Arken dashboard
3

Marketing, without taking over the workspace

Finding a user-friendly way to surface tips, news, and new Arken products — without it reading as an ad inside someone's working tool — took real back and forth with the team before it earned a permanent spot.

Arken client profile page
Approach

What I did

Audited the existing product, page by page

Before designing anything, I went through the entire platform screen by screen to document what was breaking down for users — inconsistent patterns, unclear flows, and friction specific to each core area: dashboard, client management, onboarding, authentication, settings.

Talked to the people who actually used it

I ran interviews with the internal team and existing clients — lawyers using the platform day to day — to understand where it was failing them in practice, not just in theory. That shaped what got prioritized first.

Built a new design system while designing the product

I established the visual language and UI foundations in tandem with redesigning real screens, so the system grew from actual product needs and stayed usable under deadline pressure.

Redesigned the core product surfaces

Dashboard, client management, onboarding, authentication, and settings — the areas with the highest daily usage and the most reported friction.

Worked in a continuous design-to-dev loop

Instead of one big handoff, I collaborated directly with developers and the PM so new pages and fixes shipped iteratively as they were ready, keeping the project moving inside a fixed timeline.

Aligned product and brand

I worked alongside an external web designer handling the marketing site to keep the product and brand experiences visually and structurally consistent, while adapting each to its own context.

Brought AI into the workflow to hit the deadline

In the final month, with pages still left to design, I introduced Claude into the process to speed up how fast we could go from idea to shippable page. The team — myself, the PM, and developers — used it to generate first-draft concepts and prompted wireframes for remaining pages. I took those drafts into Figma and adjusted them to match the existing system, so the result stayed consistent with everything designed earlier, while letting the whole team contribute to page concepts without bottlenecking on me alone.

Design system

A foundation built for what comes next

Typography, color, spacing, and components — established alongside the product itself, so it grew from real screens rather than an abstract exercise.

Design system foundations: typography, color, spacing, radius, shadows
Design system components sheet
Impact

Shipped on time, built to last

The redesign hit its launch date — and left the team with a system built to keep paying off after it.

3 mo
From audit to shipped redesign, ahead of the client's launch event
~30%
Development time saved by reusing design-system components
20–25%
Reduction in development costs, with long-term savings
1
Designer, from research through design system to shipped product
Shipped the first major redesigned version of the platform within the three-month deadline, ahead of the client's launch event.
The new, scalable design system is now the foundation for all future product development — unifying the visual language, easing onboarding for new team members, and speeding up dev cycles.
Redesigned the highest-friction, highest-usage areas first, based on direct research rather than assumptions.
Positive feedback from both the internal team and client-side lawyers using the platform after launch.
Introduced an AI-assisted workflow in the final month that let the wider team contribute early page concepts, while I maintained design-system consistency — hitting the deadline without cutting scope.