Skip to main content
Back

neomaps

Navigation and place-discovery app for the Saudi market. I documented the design system and produced the app-store marketing assets.

Role
UI/UX Designer
Year
Platform
webapp
Team
NSG Geospatial Services

Context

NSG Maps is a navigation and place-discovery app built for Saudi Arabia, where local place names, Arabic search, and region-specific points of interest matter more than global map products account for.

As the product matured, the team needed the design system documented so that designers and developers shared one source of truth, and needed store listings that presented the app well to a Saudi audience.

Constraints

  • The component library already existed in Figma but had grown organically, with inconsistent naming and undocumented states.
  • App-store assets had to work in both Arabic and English and follow Apple's and Google's screenshot and localisation requirements.

Design decisions

  1. [PLACEHOLDER] Decision 1 — replace with the key design decision

    [PLACEHOLDER] Why this option was chosen over the alternatives. To be written by Mohammed; interview material.

    Rejected alternative: [PLACEHOLDER] What was considered and rejected, and why it lost.

  2. [PLACEHOLDER] Decision 2 — replace with the second decision

    [PLACEHOLDER] Reasoning goes here.

    Rejected alternative: [PLACEHOLDER] Rejected alternative goes here.

Outcome

A documented design system covering components, states, spacing, and typography for Arabic and English, adopted as the reference for new screens.

A full set of bilingual app-store screenshots and marketing assets for the App Store and Google Play.

Retrospective

Documenting a system that already exists is mostly negotiation: deciding which of three button variants is the real one. Starting with an inventory and a deprecation list made those conversations faster.

  • Mobile app
  • Design system
  • Documentation
  • App-store assets
  • Maps