Julian Juillerat
Work  /  Caja Ingenieros
Banking · continuous service

Inside a bank's renewal.

Product design · embedded

Where does quality come from when the biggest levers aren't yours? I spent seven months embedded at Caja Ingenieros, in a three-person team working across the bank's digital renewal — my decisions made independently, reviewed weekly with the bank's product owner. This case is one project from that engagement: the redesign of Ingenieros Bolsa — a project where the ecosystem, the data and the pace all belonged to someone else. What follows is where the quality came from.

Role
Product designer · embedded
Client
Caja Ingenieros
Engagement
7 months
Status
In implementation · ~2027
The terrain

The terms of the game.

Caja Ingenieros' digital banking dates back to 2012, and everything about it had sprawled with age — the renewal programme itself has been running for seven years. Trading lived in a third-party Norbolsa terminal bolted onto Banca Online: its own navigation, its own look, a yellow "Volver a Banca Online" button as the only way home. Three locks were set before we arrived: an ecosystem from 2012, a terminal whose data and charts belonged to the provider, and a pace set by banking itself.

The terminal's home · 2024
The inherited Norbolsa terminal's home page
The inherited home, as members found it. Click to enlarge.
Decision 01

Immerse before anything.

I couldn't move the constraints — but I could know them better than anyone else in the room. The first quality lever was fluency. I studied five reference platforms — TradingView, Yahoo Finance and eToro among them — flow by flow: how each handles navigation, treats components, manages density. I wasn't hunting for a single decisive insight; I was building fluency in a domain with hard conventions, and a living reference that answered pattern questions for the rest of the engagement.

The reference set
TradingView Yahoo Finance eToro + 2 more
Compared on NAVIGATION MODELS COMPONENT TREATMENTS DENSITY PATTERNS
Decision 02

Map first, draw second.

The second lever: total knowledge of what already existed. The terminal worked — a decade behind at the UI level — but it had never been mapped. So I mapped it before drawing anything:

01 · Capture
Every screen, one by one — around fifty frames of an interface too old for anything smarter than a screenshot.
02 · Map
The captures wired into a click-by-click map under four named sections — Mercados, Análisis, Al día, Servicios — the whole product readable at a glance, no login required.

Unglamorous — and every screen that follows stood on it.

Decision 03

One skeleton for every screen.

The layout was a surface we fully controlled — so it got pushed the furthest. Before any screen, I explored and settled a small family of templates — two columns at 8/4, two at 6/6, a single full width, with or without the main header — locked to three desktop breakpoints. The pieces every screen shares — sidebar, header, footer — I designed once and reused everywhere; and modules that sat in the wrong place, company search among them, I rehomed to where the work actually happens.

NAV HEADER 84
2 col · 8/4 + header
NAV HEADER 66
2 col · 6/6 + header
NAV HEADER 12
1 col · full width
NAV 84
2 col · 8/4 · no header
NAV HEADER CONTENT · COLS MARGINS SEPARATOR
Locked to 992· 1440· 1920 — redrawn from the real grid documentation.
Decision 04

Keep the data, change the hierarchy.

The charts were the surface we didn't control. Norbolsa — the ecosystem's data provider, since acquired by Kutxabank — renders them, so they could not be redesigned. And in platforms like these, chart design is much of what makes them feel usable, modern, authoritative. With that piece locked, the scope became clear: a renewed UI, targeted UX improvements where the constraints allowed — and getting the most out of everything we could touch.

Navigation & shellOurs
Order & trading flowsOurs
Layout & type systemOurs
Data feedLocked
ChartsLocked

A broker's instrument page is the densest screen in banking: live price, order book, seven tabs of analysis, news, charts. On the inherited terminal it arrived as one undifferentiated wall. The redesign removes nothing — same tabs, same data; members trade on that information. What changed is the hierarchy: one price block owns the page, best bid and offer beside it, Comprar and Vender always in reach, news and charts in their own columns. That treatment became the pattern for every dense screen in Mercados.

Much of what makes a trading product feel premium is the charts — the one part we couldn't design. Everything around them had to carry the quality instead.

This was the hardest part of the whole engagement: screens years out of date, hard limits on what could move — and still finding the places where better UX could land.

The result

The broker, rebuilt.

This is what those levers add up to. The broker's home — the same page this case opened with — rebuilt on the bank's shell, the hierarchy from the instrument page scaled out, and the provider's charts slotted into the new layout.

Ingenieros Bolsa · home, redesigned
The broker's home, redesigned on the bank's shell
The page the case opened with, shipped for build. Click to enlarge.
The size of it

A handful of screens shown. Forty-five flows behind them.

How far did the controllable surfaces get pushed? Five areas rebuilt flow by flow, every screen specified for build — states, focus order, screen-reader behaviour — and a months-long design-QA pass guarding the build as it went in.

Areas rebuilt
5
Dashboard · Mercados · Análisis · Al día · Servicios
Flows designed
45+
screen by screen, specified for build
Design QA
Months
guarding the build, screen by screen
The flows, by name
MercadosÍndices · Nacional · Internacional · Mis favoritos · Warrants · BME Growth · ETFs · Renta fija · Divisas · Tipos de interés · Precios históricos
AnálisisEmpresas · Ratios · Análisis técnico · Recomendamos · Estratégico · Semanal · Diario · Informes ·
Al díaActualidad · Norbolsa opina · Calendario · Agenda nacional · Agenda internacional · CNMV ·
ServiciosAlertas · Notificaciones · Newsletter · Carteras virtuales · Glosario ·
DashboardInicio · Personaliza tu inicio ·
From the same engagement · Bizum

Bizum, built from the bank's own parts.

The same approach, applied to the everyday flows. This case is the broker; the engagement was wider — Bizum is one example of the rest. Designed from zero on the new platform, the Alta Bizum flow recomposes the bank's existing components, adding new parts only where the flow genuinely needs them.

The flow is still in implementation with the bank — the full interactive prototype is available on request.

Where it stands

On banking time.

Even shipping wasn't ours to control: banking time runs through strict security review, several vendors and a long chain to production, with the new platform planned for around 2027. What we did control got adopted — the work ran inside the renewal's agile programme, the screens were approved, the redesign verified, and it's in implementation now, with a mobile version in development on the back of it.

Next project
Spec27 — an AI-eval platform, redesigned end to end
HomeWorkAbout
Barcelona · © 2026