After sketching out some ideas for layouts and structure, I moved onto wireframing. To speed up the process, I was able to reuse the wireframes kit I had developed more sprint 1.
The first wireframe was for the home/hub screen. I divided the users/roles into 4 “modules”, giving a distinction between each workflow. Also included was a notification hub, where users could track changes and tasks throughout the whole platform.
The first modules was “Plan”, which focussed on routes, stops, and timetables. I wanted to keep this quite visual, using diagrams and maps instead of massive tables. This reflected how current tools for this purpose already show routes, so this would be something users were used to.
I considered how routes would be organised by service or branch, and how changes would be made to routes.
The next module was “Plan”, which acted a design system for networks to develop from. From this single source, networks would be able document their brand within Metronet, and their external brand too. This would encourage good design practices such as colour contrast accessibility and visual consistency.
The improve module would contain a dashboard of stats and insights around operational data. Within this would be a section for blog posts from other networks to share insights and knowledge, encouraging collaboration between networks.