Worksafe
Modernised WorkSafe Victoria's web presence to help achieve their goal of getting Victorian workers home safely.
Project, in brief
- Modernised WorkSafe Victoria's web presence
- Let's get Victorian workers home safely
- Project deliverables
- User research and digital service design
- Design system & component library development
- Distributed on npm*, documented in Storybook
- Headless
{JSON:API}Drupal CMS, built for sharing content across sites - 2 Vue+Nuxt JavaScript applications powered by the above
- Publicly-accessible digital playbook explaining how WorkSafe Victoria could run a project like this again
- Designing easier-to-access vital government services
- Great tech creating whole-of-government value
My role
- Led development of the Vue component library and main website's Nuxt app
- Worked with interaction designers building out a component-based digital design system
- Worked with Drupal developers coordinating CMS & API requirements
- Worked with service design team and directly with the client defining features and the definition of done in an agile workflow
- Coordinated component library development with the WorkWell app team
- Managed distribution and compatibility
- Worked with backend developer delivering JS app for Docker/Kubernetes hosting from Victorian government Single Digital Presence project
- Reviewed code contributions from team members and contractors
Learnings/notes
- SSR (Server-side rendered) JavaScript
- CMS-run JS websites are more complex than they seem.
- Most learning materials focus on working with distinct content types where the frontend defines routes and the IA. It takes some work to let the CMS manage the content tree, metadata, media etc.
- Pros and Cons: Building a component library for two projects at once in-flight
- I like Vue. Nuxt and Drupal 8 are pretty ok.
- Always wish Drupal had a better content editor interface and workflow
- Not a fan of Drupal's default {JSON:API} spec API
- Storybook was decent to work with. Hard to really tell how useful it is at the beginning - would love to hear from the developers who took over the work.
- Wished we could have used a more holistic design system documentation tool but couldn't find one that worked well for Vue. Made it work by rendering markdown files in Storybook.