Back to work
Web application · Print product · 2026

Nice Maps

A map studio that treats route planning as the input and a finished, export-ready map as the product. Controlled palette system, vector-tile rendering, a responsive composition interface, and an export pipeline that produces presentation-grade PNG and PDF artifacts.

Type Independent product
Role Product · Design · Frontend · Backend
Stack Next.js · Mapbox GL · Zustand · Tailwind
Year 2026
NiceMaps landing page — export-ready maps for trips and tours

Brief

Existing custom-map tools default to generic web cartography and produce output unsuitable for client-facing material. The objective was a product where palette and composition are first-class decisions, the editing experience is responsive across desktop and mobile, and exports drop straight into a slide, an itinerary, or a website embed.

Approach

Tile rendering is handled by Mapbox GL (via react-map-gl), with a custom style layer on top. Palettes are declared in structured JSON and every map layer derives its color from the palette, so a single palette change retunes the entire map deterministically. Routes and waypoints are grouped by day, stage, or region in a Zustand store, with drag-and-drop reordering.

The editor is built on a unified state model that supports pointer and touch input without functional reduction on mobile. An Export Studio strips the builder chrome and renders the composed map artifact to PNG or PDF across fixed presets — 16:9 slide, A4 portrait/landscape, website embed, square social, or custom — so the on-screen preview matches the downloaded file.

NiceMaps studio — a composed multi-stop route on a styled map, with the palette picker
NiceMaps — finished deliverables for decks, itineraries, and embeds
NiceMaps landing — export-ready maps for trips and tours

Outcome

The product turns a planning task that normally lives in screenshots into a repeatable design output: a consistent palette language across every export, presets that match where the map will actually be used, and an editing model that scales from a laptop trackpad to a phone touchscreen without feature reduction on mobile.

Currently in early access.

Available to invited users while the export pipeline stabilizes for production load. Access can be granted on request.

Next project Origo Jewelry