Koordinates App

In the Geographic Information System (GIS) industry, existing data management, version control, and collaboration tools are often limited to use within specific organisations, this hinders any data sharing or collaboration outside of organisations.

To address this challenge, Koordinates introduced Kart, an open-source wrapper around Git tailored for handling spatial data. While Kart was suitable for users adept with command-line tools, there was a need for a user-friendly app to cater to a broader audience.

Role

Product Designer

Tools

Figma

Skills

Prototyping
Design System
UX/UI Design

Length

1 Year+

Koordinates app and web-based platform
We kicked off the design process by sketching out quick ideas, creating flow diagrams, and crafting simple wireframes to understand the anticipated user actions and interactions within the app.
Quick wireframe sketches
Quick wireframe sketches.
Given that concepts like Git were novel to many in the GIS field, our aim was to design an interface that was intuitive and easy to grasp.
Update flow diagram
Flow diagram showing how a user would update the app.
Drawing inspiration from existing version control solutions and leveraging design patterns from GIS software, we aimed for familiarity and usability.
Wireframes through to more competent designs
Wireframes through to more competent designs.
Our app seamlessly integrated with our web-based platform, leveraging our existing design patterns in Figma. This ensured that any new design elements introduced for the app were readily available for the web platform, fostering consistency across both products.
Consistent design between the web-based platform and the Koordinates App
Consistent design between the web-based platform and the Koordinates App.
Feedback loops were integral to our design process, with mid-fidelity designs subjected to testing by in-house GIS and Git experts. Their insights helped refine interface elements and user flows.

Key clients were engaged early on with prototypes showcasing core user flows, followed by the development of a functional prototype that underwent iterative refinement based on these ongoing feedback loops.
Feedback
Feedback via Figma comments, Slack messages, photographs of whiteboards and so on.
Despite challenges posed by bias and prescriptive feedback from in-house experts, we maintained a balance between UX best practices and stakeholder input.
Typical example of a prototype showing a new function or design.
The result of all of this work was a beta version of the app that not only met functional requirements but also garnered positive feedback from key clients. While initial user interviews were promising, ongoing development and user feedback guides further enhancements to refine the app.