A tool designed to make map customization simple
A web-based tool that allows users to customize map elements such as roads, water, parks, forests, and landmarks to create maps that match their brand or project needs.
Baato Map Styler
A web-based map customization tool designed to help users create personalized map styles without technical expertise.
02overview
03challenge
Making map customization accessible to everyone
- Simplify complex map styling and customization
- Make visual changes easy to understand and control
- Help non-technical users create personalized map styles
04research & ux
Understanding the map styling workflow
I focused on simplifying the customization workflow and structuring the experience around how users select, modify, preview, and apply different map styles.
User FlowsWireframesPrototypingUsability & Interaction
05product experience
One tool, multiple ways to customize
Live Map Preview
Users can instantly see how their styling changes affect the map.
Customization Panel
Simple controls allow users to modify colors and visual elements such as roads, water, terrain, and landmarks.
Predefined Styles
Ready-made styles give users a quick starting point without creating everything from scratch.
Export & Integration
Users can save their customized map styles for use in their projects.
06design system
Building a flexible visual system
A consistent interface designed to keep complex map customization organized, while maintaining clear hierarchy across controls, previews, styles, and editing states.
07outcome
What the work achieved
The tool made map customization more approachable for non-technical users while giving businesses and developers greater flexibility to create maps that fit their visual and branding needs.