← All work Client work · Geoscience SaaS

Subsurface data you can find on a map.

i2G holds well logs, seismic surveys and rig records for energy teams. We rebuilt it so every search starts on a map and ends on a readable plot.

Clienti2G
RoleProduct design lead
We didResearch, IA, UI system, React MVP
StackFigma · React · Vercel
6workspaces in one sidebar: map, wells, seismic, search, dashboard, AI
4metadata tabs per asset: general, data, permissions, legal
5steps from a map pin to a log plot
1live MVP on Vercel, clicked through in every review
The short version

Same data. A better order.

The whole redesign in 45 seconds: four product decisions, shown on the real i2G screens.

01What the data is

Three kinds of data, one hole in the ground.

Energy teams read the rock below the seabed in three ways. i2G stores all of them, and the design had to speak all three.

02The problem

Tables first. Location never.

The old flow was shaped like the database. You opened a grid, then a row, then a field, and still didn't know where the well was.

03Map-first discovery

Start with where. Details slide in.

Click a pin and a sidebar opens with the facts that matter. The map stays put, so you never lose your place.

Status coloursGrouped by typeMulti-selectExport JSON
i2g.vercel.app · map discovery
04From numbers to signal

A log you can read, not scroll.

Each well log opens as a plot with its range and averages on top. Drag along the depth and the values follow your cursor.

i2g.vercel.app · rig / platform / logs

The real flow: platform, its log files, then the plot.

05Ask in plain words

Skip the filters. Ask.

An assistant sits one click away on every screen. Geoscientists type the question they would ask a colleague.

Quick actionsVoice inputFull-page agent
06The long tail

Search, a live pulse, and settings done right.

The screens nobody demos got the same care: one search box for everything, one dashboard for the whole data space, and a real security flow.

Executive dashboard

The whole data space on one screen.

Record counts per type, what changed today, and storage health.

Demo data from the MVP.
Smart search

Agent or manual, one box.

Recent and popular searches, filters by type.

Security

Password, 2FA, backup codes.

Step-by-step, with a progress bar and a clear exit.

AI agent, full page

Ask from a plot, or give it the whole screen.

The same assistant as a floating panel or a full workspace.

07The real screens

Shipped, not mocked.

Captured from the live MVP: map discovery, seismic surveys and the executive dashboard.

Metadata · Bravo-002
i2G map with the metadata panel open for a platform
Seismic survey map
i2G seismic survey map with survey list
Executive dashboard
i2G executive dashboard with record counts and storage
08How we worked

Design and code in one loop.

No handoff document. Every review happened on a live URL the client could click.

1Learn the data

Wells, seismic, rigs and the OSDU model behind them.

2Flip the IA

Map first, tables last, one question per step.

3One component set

Grids, pill tags and mono IDs shared by every domain.

4Build it in React

Figma to working screens in short loops.

5Review on Vercel

Stakeholders click the real thing, not a PDF.

i2G · 36-second cut
FigmaReactVercelOSDU data modelMap UILog plotsAI assistant
Open the live MVP
"The data was always there. The clarity wasn't."
The line we cut the i2G showreel around.

Got a product drowning in its own data?

We untangle dense, technical SaaS: data model first, then the screens, then working code your team can click. Start with a free 20-minute call.