Home← All WorkContact
360°

Field Research GlobeField data captured on site, collected together, analysed on one 3D globe

Product · UX/UI · Data visualisation · Web → mobile app

Years of fieldwork were scattered across spreadsheets, notebooks and photo folders. Field Research Globe lets researchers and local partners around the world capture data on their phones, pools it in one shared project, and analyses it on an interactive globe: trends, links between sites, gaps in coverage, and reports ready to present.

Year2026
StatusWeb prototype v8 · App concept
RoleProduct, UX/UI, research, art direction
Built withHTML · Canvas · JS · Claude
Drag · tap a pin
Sample sites
8Versions built
12Tools on the globe
5Steps to capture
4Team roles
3Disciplines
1Shared dataset

CaptureOn site

One site, one entry, under a minute App concept

In the field you might be standing in a market, on a glacier or on a boat. Data entry has to work with one hand, on a phone, often with no signal. The app fills in what it can on its own and only asks for what a person needs to add.

9:41●●● 4G
New entryCancel
● Urban Livelihoods · Cairo
Location30.0444, 31.2357
Accuracy± 4 m
Date & timeToday, 09:41
Nearest site1.2 km · Khan el-Khalili
📍 Drop pin here
9:42●●○ 3G
Market interviewTemplate
+
▶
0:42
Vendors on streetCount
−58+
Stall type
FoodTextilesSpicesRepair
NotesMorning rush starts later in winter. Two new stalls since March…
Next
9:43●○○ E
Tag & checkStep 3/3
Discipline
EnvironmentalSocialScientific
Tags (suggested from the project)
#urban#livelihood#housing+ add
ConsentRecorded verbally
Added automaticallyGPS · time · device · 31°C sunny · contributor: Omar
Required fieldsAll complete
✓
Save entry
9:43No signal ✕
✓
Saved on your phone

No signal here. Your entry is safe and will upload on its own when you're back online.

Waiting to sync · 3
Market interview · Al-Muski Stnow
Stall count · Bab Zuweila08:55
Photo set · El-Moski08:20
+ Another entry
10:15●●● 4G
SyncedJust now
⇅
3 entries added to the team project

The lead researcher has them for review. Once approved, they show up on everyone's globe and in the analysis.

View on team globe
< 60 s

Per entry

The goal for a routine entry, timed from unlocking the phone.

6

Fields filled in for you

Location, accuracy, time, device, weather and contributor.

1

Hand

Main actions sit within thumb reach at the bottom of the screen.

0

Bars needed

Offline-first. Sync is a background task, not a step you have to do.

CollectTogether

Many people in the field, one dataset App concept

Research rarely happens in one place. A lead researcher sets up a project, and partners, students and local researchers on site collect data with the same template. Each entry is reviewed, then joins one dataset that's ready to analyse.

Team project · Live activity
Lead researcher Field contributor Entry syncing
1,284entries
9contributors
9countries
0to review
Incoming

Illustrative people and activity, to show how it works.

01

Plan

Create the project, the template, required fields and tags.

Lead researcher
02

Collect

Contributors capture entries on site, online or offline.

Field contributors
03

Review

Approve or send back with a note. Possible duplicates and gaps are flagged.

Reviewers
04

Merge

Approved entries join the shared dataset, keeping a record of who added what.

Automatic
05

Analyse

The globe, charts and insights update for the whole team.

Everyone
◎

Lead researcher

Owns the project, sets templates and permissions, and decides what's published.

✎

Field contributor

Sees only their project and its template. Captures data fast and checks their own entries.

✓

Reviewer

Checks quality and consent before data enters the analysis. Comments go straight to the contributor.

▦

Analyst / viewer

Explores, compares and exports approved data. Can't change the raw entries.

AnalyseAs one

From many hands to one picture

Collecting data is half of the work. Once entries are approved, the tool analyses them: trends over time, links between regions, gaps in coverage and data-quality issues. It points out what's worth a closer look instead of leaving the team to dig.

1,284approved entries↑ 18% this quarter
42sites in 9 countries↑ 6 new sites
9active contributorsacross 4 time zones
96%complete records↑ from 71% before templates

Entries per month by discipline

EnvironmentalSocialScientific

Coverage by region sites

Orange = a gap flagged by the gap finder.

Salinity across delta sites g/L

Cross-site comparison vendors vs. distance from centre

↗ Trend

Salinity is rising at all 3 delta sites

Up about 0.4 g/L a year on average since 2022, with the fastest rise in the Mekong. The data came from 2 contributors.

⌒ Pattern

Cairo and Lagos markets follow the same curve

Vendor numbers fall the same way with distance from the centre. Shared tags: #urban #livelihood.

◌ Gap

Central Asia has no sites

It's the biggest gap in coverage compared with the project's themes. A contributor in Almaty would close it.

! Quality

4 possible duplicates this week

Two pairs of entries are less than 200 m apart in Mumbai. They've been sent to the reviewer.

Concept

Ask the data

Questions in plain language, with answers based only on the project's approved entries. Every answer shows which entries it used.

Illustrative figures to show the analysis views.

Try theGlobe

A working slice of the prototype

This is a small, working slice of the app. Filter by discipline or status, scrub through the years, turn on the data layers, and click a site to fly to it.

Fieldwork up to 2026

Sample data for illustration. The real app holds full records: photos, measurements, documents, tags and annotation threads.

TheProblem

Research is spatial · the tools aren't

My research covers environmental, social and scientific fieldwork in very different places. The data was rich but scattered, and once a location became a row in a table, its meaning got lost.

01

Scattered

Measurements in spreadsheets, observations in notebooks, photos in folders. No single place held a site's whole story.

02

Flat

Tables hide geography. Patterns across regions, gaps and links between sites only show up on a map.

03

Hard to share

Every talk or report meant rebuilding slides by hand, and partners in the field had no shared place to add their data.

R

The researcher

Plans the project, reviews entries and analyses them. Needs structure and trust in the data.

F

Field partners

Collect data on site, often with no signal. Need speed, clear templates and one hand free.

A

The audience

Sees the work in a talk or report. Needs a story, not a dashboard.

TheApp

One screen · three panels

The layout follows a simple rule: find on the left, see in the centre, read on the right. Context sits below.

AllEnvironmentalSocialScientific
OngoingCompletePlanned
⏱ Time⇄ Compare▦ Chart▶ Present↗ Share✎ Log◌ Gaps▮ Spikes⌒ Flow
Environmental

Svalbard Permafrost Transect

Longyearbyen, Norway · 2024
Active layer1.2 m
Ground temp−2.4°C
permafrostarcticsoil
Notes · 3 annotations
Nearby
Timeline
Chart
01

Sidebar

Live search, two rows of filters (discipline and status), summary stats and data actions.

SearchDual filtersStats
02

The globe

A Canvas-rendered sphere with true spherical projection, inertia drag, pinch and scroll zoom, and animated fly-to.

InertiaFly-toZoom
03

Site record

Slides in when you select a pin: photos, measurements, documents, tags and a timestamped annotation thread.

PhotosMetricsNotes
04

Context panel

Shows nearby sites, a chronological timeline or a quick chart for whatever is currently in view.

NearbyTimelineChart

Layers &Tools

From “where” to “what it means”

Pins show where the work happened. The layers and tools show patterns: what's connected, what changed over time, and where the research is still missing.

Layer

Spike layer

Turns a measurement into 3D bars rising from each pin, so values can be compared at a glance.

Layer

Flow lines

Animated arcs connect sites that share research tags, so related work shows up across continents.

Layer

Time-lapse

A slider with a play button that steps through fieldwork dates and shows the research growing year by year.

Analyse

Chart builder

Bar or scatter charts across sites, for any metric and any category filter.

Analyse

Compare

Two sites side by side with automatic insights: distance, time between visits, shared metrics and tag overlap.

Analyse

Field log

A chronological diary of all fieldwork, grouped by year. The research told as a story.

Analyse

Gap finder

Scores regions with little coverage compared with the current site distribution, so you can see where to research next.

Data

Duplicate check

A gentle warning when a new site lands within 200 km of an existing one, before it clutters the data.

Data in,Story out

The full cycle, without leaving the page

Everything stays in the browser, on your machine. You own the data, it works offline and nothing needs to be set up.

In

Capture

  • Add with a form, or click the globe to place a pin
  • Bulk import by pasting CSV
  • Edit & delete from the site record
Work

Organise

  • Filter by discipline, status, tag
  • Annotate with timestamped notes
  • Saved locally, with an unsaved-changes indicator
Out

Share

  • PDF: a designed A4 report with KPIs, site cards, photos and notes
  • CSV: a clean table for Excel, R or Python
  • Share link that keeps the globe view and selected pin
Presentation mode

Present without slides

One click hides the interface. The globe flies from site to site while a clean card tells the story, controlled with arrow keys like a slide deck.

Presentation mode
01 / 06

BrowserTo pocket

Designed again for one hand

Squeezing three panels onto a phone doesn't work. On mobile the globe takes the whole screen, and everything else moves into patterns people already know.

AllEnvSocialSci

Sidebar → drawer

The site list slides in from the left. Picking a site closes it and flies to the pin.

☰
Field Research Globe
↗
Social

Informal Markets of Cairo

Cairo, Egypt · Ongoing
Interviews142
Vendors58

Detail panel → bottom sheet

Pin details rise from the bottom and close with a swipe down. The globe stays visible above.

☰
Spike layer
↗
⏱ Time slider
▮ Spike layer ✓
⌒ Flow lines
⇄ Compare
▦ Chart builder
◌ Gap finder
▶ Present
⚙

Toolbar → one button

Twelve controls fold into a single floating button with labelled tools. It moves up when the sheet is open.

App concept

Where it goes as a native app

The web prototype is for analysis at a desk. In the field, the phone becomes the place where data is captured. These are the features I'm designing for the app version:

📍 Drop a pin where you stand

GPS adds the site in one tap, with coordinates, date and time filled in automatically.

📷 Capture in context

Photos, voice notes and measurements are saved straight to the site record while you're still there.

⛰ Offline-first

Remote sites often have no signal. Everything works offline and syncs when you're back online.

⇅ Field to desk

What you capture on the phone appears on the desktop globe, ready for the analysis tools and export. See the capture flow ↑

Web appMobile app
Main jobAnalyse, compare, presentCapture, browse, look up
ContextAt a desk, large screen, keyboardIn the field, one hand, poor signal
NavigationThree panels plus toolbarFull-screen globe, drawer, bottom sheet, floating tool button
InputForms, CSV import, click to placeGPS pin, camera, voice, quick tags
OutputPDF report, CSV, share link, presentation modeShare link, sync to desktop

TheProcess

Researcher and designer in one

I started with my own pain points and tested every version on real data. The build was AI-assisted: I set the product direction, UX and visual design, and worked in short loops of describing, reviewing and refining.

01

Discover

Audited my own research data: what's captured, where it lives, what gets lost.

02

Define

Three types of research, three audiences, one rule: the map is the interface.

03

Prototype

Flat map first, then a 3D globe with a clean, academic UI.

04

Iterate

Data management, then layers, then analysis, each tested on real sites.

05

Extend

Mobile layout, then field capture and team collaboration as the app concept.

Foundation

Map, pins, filters

A world map with location points, filters by discipline and status, and a record for each site.

The globe

From flat map to sphere

Canvas rendering, spherical projection, inertia rotation and fly-to.

Data

Create, edit, import

Add-site form, click-to-place, CSV import, local saving.

Insight

Analysis and sharing

Chart builder, compare, share links, presentation mode.

v6

Layers and exports

Spike layer, flow lines, field log, gap finder, annotations, duplicate check, PDF and CSV export.

v8

Mobile

Drawer, bottom sheet, floating tool button, touch gestures.

Concept

Field capture & teams

Offline capture flow, shared projects with review, automatic insights.

Look &Feel

Clean & academic · a tool you can trust

The product UI uses quiet, light surfaces so the data stands out. Each discipline has one colour, used the same way everywhere: pins, filters, charts and exports.

Paper#F5F4EF
Ink#16181B
Ocean#2C5A86
Environmental#3F8A6B
Social#C4683F
Scientific#4B6FB0
Headings & numbers
Aa 360°

Space Grotesk: technical and geometric, made for data.

Interface & body
Aa 1.2 m

Inter: neutral and very readable at small sizes on dense panels.

01

The map is the interface

Every list, chart and filter connects back to a place on the globe.

02

Reveal step by step

Pins first, details on selection, tools when you need them.

03

Local-first, shared by choice

Works alone and offline. Teams sync only what they choose to share.

04

Capture once, use everywhere

The same entry feeds the globe, the analysis, the report and the talk.

What'sNext

Roadmap

From a personal research tool to a shared field platform.

Now
  • Usability tests with field researchers
  • Installable web app with offline mode
Next
  • Mobile capture flow and templates
  • Team projects with review and sync
Then
  • Automatic insights and “Ask the data”
  • Roles and permissions
Later
  • Public story maps
  • Links to open datasets
Learned

Design for the moment, not the screen

Mobile isn't a smaller desktop. In the field people capture; at a desk they analyse.

Learned

Collection is a UX problem

Data quality starts with the capture flow. Templates and on-the-spot checks beat cleaning data later.

Learned

AI speeds up building, not judgement

Fast iterations made design decisions more important. Every version needed a clear “why”.

See itIn action

Happy to walk you through the live prototype and the design decisions behind it.