2023

EDITH GPS-S Web App

Design and development of a web application for managing route knowledge, focused on simplifying complex data and creating an intuitive, user-friendly interface.
FigmaVue.jsPrimeVuePiniaHTML5CSS3SASSJavaScriptES6npmGit
Responsive webapp design for EDITH shown on desktop, laptop, tablet, and mobile devices

About

EDITH GmbH & Co. KG supports railway operators across Europe with digital solutions.
The EDITH GPS-S app simplifies route knowledge management by allowing users to record journeys via map, predefined routes, or GPS.

All data is automatically structured and kept up to date, with both map and table views making complex information easy to access.

Problem

The project had to be delivered within three months with limited resources. As the sole designer and frontend developer, I handled structure, UX, and implementation.

The existing app lacked clarity, consistency, and maintainable code, while key workflows were too complex and not intuitive for users.

Approach & Implementation

The development was driven by both user needs and technical requirements, with a strong focus on usability, performance, and maintainability. Given the tight timeline and limited resources, the goal was to create a clear structure, streamline workflows, and build a solid foundation for future growth.

User Research

Conducted expert interviews to understand user workflows, challenges, and expectations, forming the foundation for a user-centered solution.

Wireframing & Prototyping

Created interactive wireframes and clickable prototypes in Figma to define structure, navigation, and key user flows early on.

Frontend Architecture

Reworked the existing Vue.js application with a clear structure, improving maintainability, scalability, and overall code quality.

Modern Tooling

Migrated from vue-cli to Vite, resolved security issues in dependencies, and introduced ESLint and Prettier for a consistent development workflow.

UI Framework Integration

Implemented PrimeVue to accelerate development and ensure a consistent, scalable design system across the application.

State Management

Structured application data using Pinia, creating a clean and predictable state management approach.

Interface Design

Designed a clear, modern interface focused on usability, readability, and efficient interaction with complex data.

Core Features & Views

Developed all main views including login, dashboard, overview, detail, and system pages, ensuring a cohesive user experience throughout.

Interaction Design

Designed and refined dialogs and interactions (create, edit, delete) to make workflows intuitive and efficient.

Iterative Improvement

Continuously improved UI and functionality during development to achieve a polished, user-friendly result within the tight timeline.

Results & Impact

The result is a clear, modern application with improved usability and performance.
Users can manage route knowledge more efficiently thanks to simplified workflows and intuitive navigation, while the new technical foundation ensures scalability and maintainability for future development.

Got an Idea? Let’s Build It.

Whether it’s a landing page or a full web app, I’ll help you bring your vision to life with clean, modern frontend development.