Ministry of Transport

About this project

This project has to be the best achievement of my career so far. This website build taught me a lot about the inner workings of a large scale site, the importance of reusable components and was a step up in terms of my ability.

This amazing website was built by the team at DNA Design, which I was very lucky to be a part of. We built this website during lockdown and it was another completely remote project.

The parts I did

While this was entirely a team effort, I also want to be able to show off the parts I worked on.

  • Consultation Pages
  • Area of Interest Pages
  • Stages within those pages
  • Search pages and filters
  • SOLR integration
  • Slider cards

To build this website we used pure css with BEM, we don't need to use things like bootstrap. I often find with frameworks like this for bespoke websites I often have to spend my time having to battle to overwrite css. I find this takes me longer than it would if I just built it myself.

The Stages and Slider cards and search page sections are all reusable components which makes a lot of sense and saves a lot of code.

The search is run by SOLR. This was the first time I'd worked on configuring solr and also by using it with filters. I found this work particularly interesting as it was completely fresh to me. We use Ajax and ES6 Javascript to run the search on the front end to give the user a nicer user experience.

Ministry of Transport