Stop Showing Users Textbooks: Redesigning Sprout Atlas Data Cards

Description and use

The developer refactored the Sprout Atlas UI, replacing cluttered scroll views of botanical profiles with modular card-based layouts featuring clean typography and strict spacing rules to improve data digestibility.

Problem

The initial UI iteration for Sprout Atlas crammed entire botanical profiles into single scroll views, resulting in a poor user experience described as a disaster.

Outcome

The redesign transformed cluttered scroll views into modular, card-based layouts with improved typography and spacing, making botanical and food safety data more digestible for users.

Workflow

• Identify the failure of cramming entire profiles into single scroll views.
• Refactor heavy food safety data into modular components.
• Implement card-based layouts.
• Apply clean typography principles.
• Enforce strict spacing rules.

Evidence

My first UI iteration for Sprout Atlas crammed entire botanical profiles into single scroll views. It was a disaster.

Source

I break down how I refactored heavy food safety data into modular, card-based layouts using clean typography and strict spacing rules.

Source