Transition Templates: Pathways to Net Zero+ seeks to help organisations and communities develop practical and actionable plans for decarbonisation. They are prototyping a new four-step Transition Templates process that support collaborative capacities to envision, design, communicate, and enact energy transitions.
The brief
Dr Joanna Beohnert from Bath School of Design was looking to create an online resource to support the Transition Templates research project.
With the project focused around sustainable transitions, Joanna was looking for the website to be designed and built with sustainability in mind whilst also encapsulating some of the existing project design work.
Joanna brought me in to help in all aspects of the job. From UX thinking, UI design and into sustainable web development.
The outcome
After gathering assets from the in-person and online workshops, I set work understanding the project’s objectives and audience.
Keeping the website light, airy and with a nod to the workshops, the design started to come together. I utilised existing assets and systems thinking iconography, re-created graphs in code, and came up with a ‘pin it to the wall’ style grid layout.
The website was then built within WordPress. It included a simple yet flexible system of reusable content blocks, custom post types and asset management.
Finalising the project, the homepage included a set of guiding animations. A little flourish whilst being mindful of the impact.