Ferry Works
WorkProcessAboutRésuméContact
Senior Product DesignerVisual Designer7+ YEARS · UI/UX · WEB3
All workCase study

Nanovest App Redesign

A dark-mode-first redesign that gives Nanovest's AI a permanent home in the navigation itself, and trades the app's playful gradient identity for a calmer, more professional tech surface.

Visit nanovest.io
Client
Nanovest
Sector
Fintech · Stocks, Crypto & Gold
Role
Senior Product Designer
Team
1 design · 3 eng
Period
2026
Surface
Mobile app · iOS & Android
Two Nanovest home screens side by side: the AI assistant's calm resting state on the left, its red alert state after a portfolio drop on the right

Overview

01 · The brief

Nanovest's next move is putting AI at the center of the investing experience, but the app's bright, gradient-heavy interface read as consumer-fun rather than as something trustworthy enough to hand financial decisions to. This redesign rebuilds the visual system around dark mode and a tighter, more technical palette, and gives the AI assistant a fixed home in the navigation bar itself, so it's reachable from every tab, not buried inside a single screen.

Look and feel

The resting and alert states, in hand

Two phones showing the Nanovest redesign at an angle: the AI alert home screen on the left, the Net Worth and Asset Allocation screen on the right

Scope

What the work covered

  1. 01Competitive teardown
  2. 02Dark-mode design system
  3. 03AI navigation model
  4. 04Information architecture
  5. 05AI insight surface
  6. 06Wallet & multi-currency flows
  7. 07Wireframes
  8. 08Interface design
  9. 09Empty & alert states
  10. 10Prototyping

Problem

02 · Where it broke

The app's colour language undercut the seriousness of an AI advisor.

Nanovest's interface leaned on a bright purple-to-pink gradient and colourful, badge-style icons for nearly everything, Featured cards, product icons, promo banners. That reads as consumer-fun, which is the wrong register for a product about to hand out AI-generated financial judgement calls; the same visual language sitting under a stock alert and a referral promo made both feel equally weightless.

The AI itself had no fixed address. *Ask anything* lived inside Home's feed, one field among several, so using it meant being on the right screen first. An assistant that only exists on one tab isn't a navigation-level capability, it's a widget.

Approach

03 · How I worked

Dark mode as the default, AI moved into the navigation itself.

The interface rebuilt dark-first: near-black surfaces, a narrow set of cool graphite tones, replacing the purple-pink gradient identity with something closer to a trading terminal than a lifestyle app. Colour stopped decorating and started signalling, an accent only appears when it's carrying information, a gain, a loss, an alert that needs attention.

The center icon in the tab bar, previously a static brand mark, became the app's AI entry point. Tapping it from Home, Invest, Wallet or Account opens the same Ask Anything surface, so getting an answer never depends on which screen someone happens to be on.

On Home specifically, that AI layer surfaces as two things: a calm resting state in the everyday dark palette, and a deliberately sharper red state when the AI has something to flag, a drawdown, an earnings move, so the one moment worth noticing looks different from the fifty that aren't.

Screens

Eight surfaces, one shell

Results

06 · What the redesign changed

1Single AI entry point, reachable from every tab
5 → 1Product surfaces folded into a single Invest tab
6Currencies read through one wallet pattern, zero extra screens
1Accent colour, replacing a multi-gradient palette across Home, Wallet and Invest

Placeholder figures. Replaced once the post-launch review lands.

Deliverables

Handed to the team

Next caseAmazon Checkout RedesignCase studyAmazon Checkout Redesign