TOG is a comprehensive traffic management application developed for the Turkish State Railways (TCDD). The platform streamlines traffic operations, capacity planning, personnel management, and maintenance processes. Playing a critical role in managing railway infrastructure, TOG also coordinates train service requests and operations from transportation companies that use the infrastructure for a fee.

Role: Product Designer & Analyst

Research and Analysis: Conducted interviews with traffic managers, personnel, and train operators to understand user needs.

Wireframes and Prototypes: Created user-friendly wireframes and interactive prototypes in Figma.

User-Centered Design: Simplified complex processes to create intuitive interfaces suitable for users aged 40 and above.

Continuous Improvement: Iterated designs based on user feedback and collaborated closely with developers to ensure smooth implementation.

Manual and Fragmented Workflows: Train service requests, personnel certifications, and maintenance records were tracked manually across different platforms, causing inefficiencies.

Capacity Management Difficulties: Optimizing annual capacity planning and train traffic was challenging with existing methods.

Poor User Experience: Complex data and processes made it difficult for users to navigate the system effectively.

To ensure a fast and efficient design process, I created a component-based design system using Tailwind CSS principles. This approach allowed for consistency across all screens and provided the frontend team with a solid foundation to work from. Here’s how I streamlined the workflow and improved collaboration:

Tailwind-Based Components: Designed reusable UI components that align with Tailwind CSS guidelines, ensuring rapid development and consistent design patterns.

Developer-Friendly Documentation: Included clear annotations and guidelines in the Figma files, making it easy for developers to understand the design logic and component usage.

Interactive Prototypes: Created interactive Figma prototypes to visualize user flows and interactions, helping developers grasp the functionality before implementation.

Design Consistency: Developed a unified color palette, typography system, and icon library to maintain visual consistency across all screens.

Responsive Design: Ensured all components were responsive and adaptable to different screen sizes, optimizing usability for both mobile and desktop interfaces.

Iterative Feedback Loop: Maintained continuous communication with the frontend team, quickly addressing feedback

Increased Efficiency: Achieved up to a 30% reduction in time spent on service and traffic management processes.

Enhanced User Experience: Improved user satisfaction and ease of use.

Centralized Management: All operational processes are now managed through a single, integrated platform.

TOG has played a pivotal role in the digital transformation of TCDD, delivering a more efficient and streamlined railway infrastructure management system.