Digital Map Design

Opportunity:

Map Kit 3D development

Assignment: Transform legacy map into a fully modernized, clean, intuitive, functional map.

Approach & Process:

  • Competitive Analysis

  • Mindset of composing symphony

  • Understanding data structure and defining attributes per zoom level based on device viewport

  • Applying proper style:

    • Organizing attributes from contextual and user perspective

    • Creating consistent design patterns that transform abstract objects into meaningful properties

    • Specifying behaviors

    • Developing display logic

  • Review/Tweak

Impact:

Promoted more refined map design to Product and Engineering teams in effort to expand business opportunities. Conducted competitive analysis to promote the latest trends. Presented design/typography principles to ensure that stakeholders understand design terminologies and the benefits of enhancement.

Wireframes: Devices/Attributes

Wireframes: Gestures

Wireframes: Labels

Wireframes: Icons

Wireframes: Navigation

Mockups: Theme - Day/Night/Light/Dark

Output: 3DB view

Output: 3DB view with custom layers for public safety use case

Next
Next

Moblile App Design