The redesigned CEDA Socio-Economic Data Portal
← All projects

Making public economic data legible

CEDA brought me back to redesign the flagship of their dashboard suite: a socio-economic data portal that only researchers could navigate, rebuilt so any curious citizen could read, compare, and share a chart in seconds.

Client

CEDA, Ashoka University

Role

Sole Product Designer (freelance)

Timeline

2023-2024

Platform

Web, responsive

Outcome data: CEDA runs no logins or analytics on its public dashboards, so I have no adoption numbers to show and will not invent any. Chapter 06 covers what I would have measured, and the one outcome that is publicly verifiable.

The Center for Economic Data & Analysis (CEDA) at Ashoka University publishes socio-economic data to inform public debate about India. The Socio-Economic Data Portal (SEDP) is the flagship of their dashboard suite. After I redesigned two of their earlier dashboards, Ecometer and Agrimarket, CEDA brought me back for the one that mattered most.

The job was not a fresh coat of paint. It was to take data that only a handful of researchers could navigate and make it legible to any curious citizen, then let those charts travel beyond the dashboard.

CH 01 / 06

The old portal, if you already knew how it worked

The existing portal functioned, but only for someone who had already learned it. It was built by economists for economists, and it showed. It asked every visitor to absorb its vocabulary and its controls before it would show them a single chart, which is why its audience never grew past a handful of academics.

The old SEDP portal before the redesign
Fig. 01The portal before the redesign. Everything competes for attention, and the chart is the thing you have to scroll to find.
  • F-01The chart lived below the fold. The one thing people came for, the visualization, sat beneath a wall of filters and controls.
  • F-02The language was academic. Controls read “Binning” and “Quintile,” terms that mean nothing to a general reader.
  • F-03The year slider was detached. The timeline sat far from the map it controlled, so cause and effect were hard to connect.
  • F-04The palette was arbitrary. Colours were chosen ad hoc and ignored CEDA’s brand entirely.
  • F-05Nothing rendered on its own. You had to load an indicator and press “Get Visualization” before a single chart appeared.

If a reader has to learn the interface before they can read the data, the data has already lost them.

CH 02 / 06

The brief & the constraints

CEDA was explicit about what they wanted. The brief came as four goals:

  1. Reduce complexity and make the dashboards genuinely intuitive.
  2. Make the visual language consistent across all their dashboards.
  3. Make them clean, modern, and worth looking at.
  4. Grow the audience by making charts easy to share on social media.

Those goals had to be met inside a fixed set of constraints:

  • C-01One system, three dashboards. Whatever I designed had to hold across SEDP, Ecometer, and Agrimarket without fragmenting.
  • C-02CEDA’s existing brand. The identity was locked; the new interface had to live inside it.
  • C-03A two-developer build. Every idea had to be something two engineers could realistically ship and maintain.
  • C-04A public portal, no login. Open access by design, which also meant no accounts and no analytics to measure against.
CH 03 / 06

One screen, no scrolling

I rebuilt SEDP as a single, non-scrolling screen. Everything a reader needs, the visualization, its legend, the selectors, and the compare action, sits in one organized layout. The map is the default view, so the first thing you see is data, not a form to fill in.

The redesigned SEDP portal with map view and a state tooltip
Fig. 02The redesigned portal. Map view loads by default, and hovering any state surfaces its value in a rich tooltip, no clicks required.

Under that single layout, four specific decisions did the heavy lifting. Each one takes a point of friction from the old portal and removes it.

Rich hover tooltip showing a state name, year, and value

Fig. 03Rich hover tooltips. State, year, and value on hover.

Heatmap legend recoloured to the brand palette

Fig. 04Brand-tied heatmap. Recoloured to CEDA’s palette, legible at a glance.

Chart type and geography selectors on one action row

Fig. 05One action row. Chart type and geography selectors, standardized together.

Year slider reattached directly beneath the visualization

Fig. 06Reattached timeline. The year slider now sits directly under the chart it drives.

CH 04 / 06

Compare is the product

The feature that turned SEDP from a lookup tool into an analysis tool was comparison. A citizen rarely wants a single number in isolation. They want to know how their state stacks up against another, or how one indicator moves against a second. That meant two things had to be genuinely easy: finding a chart, and reading two of them at once.

The compare modal for selecting a second chart
Fig. 07The compare modal. With indicators spanning many socio-economic themes, findability was the whole battle: search plus category browsing, so the second chart is never more than a few taps away.
Two dashboards compared side by side with a synced tooltip
Fig. 08Two indicators, side by side. Hovering one state highlights it on both maps at once, so the comparison reads instantly instead of forcing the eye to hunt.
The same data shown as a bar chart with Top 20 toggle
Fig. 09The same data as a bar chart, with Top 20 and Bottom 20 toggles. I chose vertical stacking over horizontal because it keeps state names readable and makes rank comparisons quicker.

A chart that cannot leave the dashboard cannot grow its audience.

CH 05 / 06

From destination to distribution

The fourth goal was reach. A dashboard people have to seek out will only ever be found by people already looking. So I designed two things: a front door for newcomers, and a way for the charts to walk out on their own.

The new SEDP landing page with featured charts and search
Fig. 10The new landing page: featured charts based on usage, a search bar, and charts browsable by socio-economic theme, so a first-time visitor always has somewhere to start.

A chart built to be shared

CEDA wanted their charts to travel. I designed a 1:1 share template for all three chart types, auto-generated on tap and sized for any social platform. The key move was making each image self-contained: a shared chart carries its own headline readout, so it makes sense even to someone who never opens the portal.

A shareable map image with a built-in summary panel
Fig. 11The shareable map, with a built-in Top 3, Bottom 3, median, and national-average readout baked in, so the image tells the whole story on its own.
Shareable bar chart template
Fig. 12The bar-chart share template.
Shareable line chart template
Fig. 13The line-chart share template.

This is the one outcome I can point to directly. CEDA’s team still reaches for the share feature regularly, and the auto-generated images show up across their social channels well after launch.

A CEDA post on X using a shared SEDP chart
Fig. 14A CEDA post built around a shared chart. See it on X ↗
Another CEDA post on X using a shared SEDP chart
Fig. 15The template in the wild, months after launch.
CH 06 / 06

An honest scorecard

CEDA runs no logins or analytics on its public dashboards, so I have no adoption or retention figures, and I will not manufacture any. Here is what shipped, what I would have measured, and what I would change.

Shipped

  • SEDP redesign: single-screen map, bar, and line views
  • State and district geography, with a compare mode
  • Searchable landing page with themed browsing
  • 1:1 social share templates for all 3 chart types
  • One visual system extended across 3 dashboards

What I’d measure

  • Time from landing to first chart viewed
  • Share clicks per session, and the reach of shared images
  • Search success rate inside the compare modal
  • Return visits arriving from social referrals
  • Drop-off on the old “Get Visualization” step, before vs. after

What I’d do differently

  • Usability-test the compare flow with non-experts, not just faculty
  • Instrument the share feature from day one to prove the reach
  • Pressure-test the heatmap and tooltip for colour-blind readers
  • Design the empty and error states for indicators with missing data
“We hired Priyank to redesign our dated suite of economic dashboards. And he did an excellent job. The redesigned dashboards are a treat to interact with. We will definitely be working with him again.”
Akshi ChawlaEx-Director, CEDA, Ashoka University

This redesign was part of a wider effort across three of CEDA’s dashboards. The other two are documented in the Ecometer & Agrimarket case study.

Fin.