Designedย by
No items found.
Subject


Bookmark
Bookmark
Category
Tech Stack
Added on
July 3, 2024

Atlas New Map Project Structure

A GIS Tool That Actually Feels Approachable

First thing you notice is that world map dominating the center. It's rendered in soft greens and blues with a terrain-style basemap from Mapbox. Not flashy, just functional. The whole layout follows a clean three-panel structure: layers panel left, map center, actions panel right. It works.

Smart Use of Empty States

The left panel nails the empty state. "No layers - yet" with that stacked diamond icon feels encouraging, not cold. The blue "+ Add data" button is the obvious next step. They're guiding new users without being heavy-handed about it.

Right Panel Does a Lot Without Feeling Heavy

The Data Actions sidebar organizes vector ops, raster ops, and tools into expandable rows with arrow indicators. Below that, integrations show OpenStreetMap and Terrain Tiles with small branded icons. The search bar up top ties it together. Typography is simple, likely Inter or similar. Mostly medium weight with clear hierarchy through size alone.

What Makes It Stand Out

The tab toggle between "Data Actions" and "Layer" is a smart pattern. Keeps the interface tight without burying features. That zoom level indicator showing "1" is a small but thoughtful touch.
Similar screens

Upgrade to SaaSFrame Pro now to see similar examples.

Monthly

$18 /month
Billed $18 monthly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Quarterly

$16 /month
Billed $48 quarterly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Yearly

$15 /month
Billed $180 yearly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now