ETSWAP (Emissions Trading Scheme Workflow Automation Project) is a web-based application operated by the UK Environment Agency for emitters to manage their emissions of Carbon Dioxide as required by the EU Emissions Trading Scheme. The brief was to prototype key screens and show a simpler and easier user journey. It's also required to be in line with GDS style to build an alpha service.
Service transformation to GDS standard
Users are from organisations who work at construction sites or aviation facilities. They need to open their accounts first before they can report emissions in ETSWAP. Questions on the forms were not grouped nor ordered in a way that makes sense to users.
Toni uses her analytical thinking to tackle this kind of 'operation driven design'. Data audit and information architecture analysis were carried out, aiming to break them down into small pieces of information.
Next design task was to assemble each attribute of data into small groups that users can understand why they need to fill in and know what to do next. Those user experience patterns were used throughout the whole website.
Design process followed:
1. Audit user flows and site flows as is
2. Understand why users will need each item of information
3. Refine a question protocol
4. Restructure forms
5. Create new user flows
6. Sketch key templates
8. Prototype in GDS guidelines
9. Validate
Prototype in code
The prototype was to test a new journey from opening a new account to reviewing an application for a permit.
Username: toni-kim
Password: 2341
login screen before and after
My Work Queue screens before and after
My tasks and workflow screens before and after
Operator details form component before and after
Date picker component before and after
Copyright ©SingBlue 2019. All rights reserved.