← Selected work

Fintech

Redesigning Estateguru’s
investor portal

An end-to-end redesign of Estateguru’s web portal for real-estate loan investors. The scope covered portfolio tracking, manual and automated investing, funding and withdrawals, onboarding and account management, bringing fragmented journeys into a consistent experience across desktop, tablet and mobile.

Estateguru is a pan-European marketplace for property-backed loans, where individual investors fund real-estate developers. Visit Estateguru

RoleProduct Designer · end-to-end UX/UI
PlatformResponsive web · multi-market
TeamFrontend & Design Lead · distributed engineering
ScopeIA · flows · UI · handoff · QA
Estateguru investor portal: the redesigned dashboard with account cards, latest investments and the Auto Invest strategy, next to a loan page with its investment panel and the list of loans matching an Auto Invest strategy
Released to investorsdashboard, investing, wallet, onboarding, security
160k+ investors · 8 countriesscale and market context
Desktop · tablet · mobileone component set across breakpoints

The setup

The portal had grown. The mental model hadn’t.

Investment performance, loan details and account actions were spread across overlapping pages. The redesign also had to accommodate onboarding, identity checks, funding and a wider range of investor workflows.

My part

I owned UX/UI design across information architecture, flows, screens, responsive variants and reusable components. I worked with the Frontend & Design Lead and distributed engineers through handoff, beta feedback, staged rollout and design QA.

Research

Looking past assumptions about what investors needed.

Before changing layouts, I wanted to see where the existing portal actually slowed people down. I combined three sources, so that what investors said, what they did and what they asked support about could be checked against each other.

Interviews

Conversations with investors about how they track their portfolio, decide where to invest and manage funds.

Usability tests

Investors working through real tasks in the portal, which showed where they hesitated or had to look twice.

Support & analytics

Support requests, product analytics and an audit of the existing pages showed which questions and dead ends repeated at scale.

What we learned

The same four problems kept coming back across all three sources.

Finding key figuresAccount value, invested capital and returns were spread across overlapping pages.Understanding loan statusWhich loans needed attention, including late ones, was hard to see at a glance.Reviewing performanceA single number did not answer “how am I doing?”; investors needed breakdowns over time.Knowing the next actionThe next step, whether investing, adding funds or finishing verification, was not obvious from the starting page.
The insight

The portal did not lack information. The friction was knowing which figure mattered and what to do next.

Constraints we designed for

Regulated money flows

KYC, an investor questionnaire and a connected bank account had to be completed before anyone could invest.

Many markets, one product

160k+ investors across 8 countries used the same portal, so patterns had to hold for every market.

Three screen sizes

Desktop, tablet and mobile had to come from one component set, not three separate designs.

A live product

Changes reached investors through beta feedback and a staged rollout, built by distributed engineers.

So the useful question became:What does an investor need to understand now—and what can wait until they ask for detail?

How it shipped

From findings to a staged release.

  1. Research

    Interviews, usability tests, support and analytics review.

  2. Information architecture

    Clear homes for portfolio review, investing, funding and account tasks.

  3. Flows & UI

    Screens and responsive variants built on the shared design system.

  4. Handoff

    Component states and specifications reviewed with the Frontend & Design Lead and engineers.

  5. Beta

    Investor feedback on the beta before a wider release.

  6. Rollout & QA

    A staged rollout with design QA of the released areas.

Shipped scope

Three connected areas of the investor experience.

Released by the team across three product areas, each on desktop, tablet and mobile.

Investment journeys

Dashboard, My Portfolio, Manual Invest, Auto Invest, Trade, Invest and borrower pages.

Funding & withdrawals

Reworked Wallet, a reusable Add funds modal accessible across the portal, and a clearer withdrawal-to-bank flow.

Accounts & security

Settings, password recovery, two-factor authentication and reorganized account-creation flows for individual, company and borrower profiles.

Screens show placeholder names and figures. Outcome metrics weren’t available, so this case describes released scope, not measured impact.

Key journey · Onboarding

Let people explore before they can invest.

I shortened the initial registration flow so new investors could reach the Dashboard and browse opportunities before completing every verification step. Instead of hiding the product behind a long sequence, the Dashboard kept remaining requirements visible in a side panel.

Earlier product access

View the Dashboard and available projects after a shorter initial onboarding.

Clear investment prerequisites

Show outstanding tasks—bank account connection, KYC and an investor questionnaire—before investing is enabled.

Investor dashboard

A clear overview, with the next action in reach.

The dashboard brought account value, invested capital, returns and recent investments into one overview. Contextual actions led to the full portfolio, available loans and Auto Invest settings, keeping detailed workflows in their own sections.

Estateguru investor dashboard showing account metrics, recent investments, earnings and actions for portfolio review and Auto Invest
Redesigned investor dashboard. Select the image to inspect the full screen.

Useful detail when it is needed

Financial cards could expand into breakdowns and time ranges, while action cards routed directly to relevant tools. I designed both patterns as reusable components.

Six dashboard cards. Financial: Total investments €13,465.00 with €1,250 invested this month, Account value €20,295.00 with €2,000 deposited this month, Net annual return 10.76% with €1,250 earned this year, each with View details. Action: Open loans 16 with 12 matching your filters, My trades 11 with 46 available trades, My referrals 8 with €120 earned, leading to available loans, Buy/Sell loans and Invite friends
All six dashboard cards. The top row summarises money and opens a breakdown with “View details”; the bottom row counts opportunities and leads straight to a tool: available loans, the secondary market and referrals.

Auto Invest, end to end

Automation that shows its work before and after it runs.

These screens show the whole flow, so an investor can see what a strategy will do before saving it and what it is doing afterwards.

Auto Invest strategy selection showing Conservative, Balanced and Custom strategies
Three Auto Invest strategies: Conservative, Balanced and Custom.

Before saving: a forecast

The Custom strategy keeps the essential rules in view (interest, loan period and LTV ranges) and moves the rest behind “Show more settings”. A Funds allocation panel sets the maximum exposure per loan and points to the next bonus threshold. Before saving, a forecast shows how many similar loans were issued in the last six months, how many are expected next month and the predicted monthly volume.

Custom strategy: bonus thresholds, sliders for interest 8% to 12%+, loan period 12 to 60 months and LTV up to 60%, a Funds allocation panel with €50 maximum exposure per loan and a prompt to add €150 for an extra 0.5% bonus, Save and activate, Show matching loans, and a forecast of 738 similar loans in the last six months, 123 predicted next month and €6,150 predicted volume per month
Custom strategy: a few visible rules, exposure limits and a forecast before anything is saved.

Checking the result: matching loans

“Show matching loans” lists the loans the strategy would pick, with every active filter shown as a removable chip. Each rule is visible and can be undone, so it is clear why a loan is in the list.

Loans matching your strategy: 6 loans matching, active strategy filters for interest rate 8%–12%, loan period 12–60 months, LTV up to 60%, Bullet and Full bullet schedules, Estonia, Finland and Latvia, each removable, above a table of open loans with Invest buttons
Matching loans with the strategy’s filters spelled out as chips.

After activation: always in view

On the dashboard the strategy stays visible with its status and a Configure link, next to the portfolio’s diversification level and an explanation of how it is calculated.

Dashboard card: Your Auto Invest strategy Custom, Active, Configure; diversification level Medium on a gauge, How is it calculated?
The active strategy and diversification level on the dashboard.

Loans, explained

Every loan, from first look to last repayment.

Deciding on one loan

The loan page keeps the decision in one panel: the amount with the minimum and available balance, potential earnings at the loan’s rate, bonus conditions and the Invest button. Notes explain what is different about this investment, such as a junior loan with a link to the senior one, or a loan Auto Invest did not pick and why. On the left, the key terms (amount, period, interest, LTV, schedule and how much is raised) sit above a risk assessment with projected LTV, risk category, mortgage rank and suretyship.

Loan page for a bridge loan: photo with Open, 2 days left, cashback and bonus interest tags; investment panel with €2,500 entered, minimum €50, available balance €10,550, potential earnings €300.00, Invest now, a junior loan note and an Auto Invest note; key terms with 40% raised, €150,000 amount, 12 months, 11.5–12.5% interest, 45.1% LTV, Bullet schedule; risk assessment with 53.0% projected LTV, Ba2 risk category, first-rank mortgage and suretyship
Loan page: investment panel, key terms and risk assessment. Collateral and borrower details continue below.

The borrower page answers who the money goes to: credit score, active delayed payments, amounts borrowed, returned and outstanding, average return and every project the borrower has run, filterable by Open, Active, Repaid and In recovery.

Borrower page: level Diamond, joined March 2016, credit score N/A with 2 active delayed payments, €3.5 million borrowed, €4.1 million returned, 32 projects, €6.5 million outstanding, 10.5% average return, and borrower projects filtered by Active with funded, delayed and invested loans
Borrower page. Company details are blurred for this portfolio.

One loan cell, every status

My Portfolio and Manual Invest share one table cell. Its progress bar changes meaning over the loan’s life: money raised while the loan is open, then repayments once it is funded, with delayed amounts in orange and recovery in pink. Statuses follow a fixed order and split into Active and Finished loans, so a list sorted by status reads like a timeline.

Loan details table cell spec: open, fully invested, funded with upcoming payment, full bullet, repayment, delayed, in recovery with and without repayments, partially recovered and repaid, with related status tags and the order of Active and Finished loans
Loan details cell: one component, every status, and the order used for sorting.

In Manual Invest the same cell sits in a full table and the action follows the status: Invest while a loan is open or in limited availability, Details once it is fully invested, funded or delayed. Tags such as Cashback, Bonus interest and Second rank flag what makes a loan different before it is opened.

Manual Invest table: loans with Cashback, Bonus interest and Second rank tags, statuses Open, Limited availability, Fully invested, Funded and Delayed, amount, interest, period, type, LTV, risk rating, and Invest or Details actions
Manual Invest table built from the shared loan cell.

States, not screens

The polished screen was the easy part.

Beyond primary screens, I designed active and paused investment strategies, account requirements, loading and error states. The funding flow used a shared Add funds modal accessible across the portal, alongside the redesigned withdrawal journey.

Payments show how far this went: one popover pattern covers repaid funds, upcoming payments with and without principal, delayed payments and loans in recovery, for both regular and interest-only schedules.

Payment breakdown popovers for multiple payments and interest-only loans: repaid funds, upcoming payment, upcoming payment with principal, delayed payment and loan in recovery, itemised by interest, indemnity, cashback bonus and principal
Payment popovers: what each payment is made of, including delays and recovery.

Same model, less room

Mobile forced the hierarchy to prove itself.

The earlier portal was desktop-focused. I redesigned its screens for desktop, tablet and mobile, adjusting component layouts, information density and actions rather than simply shrinking desktop views.

Auto Invest working file: desktop strategy and manual-investment screens, mobile and tablet flows with modal and confirmation states
Part of the Auto Invest working file: desktop, manual investment, mobile and tablet screens, with modal and confirmation states laid out as one flow rather than as isolated hero screens.

See the native mobile app case

What changed

One set of rules could now carry more of the product.

Shared components and defined interaction states let the team ship the redesign across screen sizes without re-solving the same UI page by page.

For investors access to the Dashboard sooner, with remaining checks visibleFor product clearer responsibilities for investing, portfolio review and fundingFor engineering shared interaction states and responsive component specifications

Looking back

What I would measure next.

I would establish before/after usability measures for portfolio comprehension, finding late loans, completing funding and KYC tasks, and reaching the next investment action.

A clearer interface is a design decision; improved understanding and activation need evidence.

Product DesignInformation ArchitectureDesign SystemsDeveloper Handoff

Next case

Designing Estateguru’s first mobile investment experience.

Mobile app case →