Fashions On The Field
Well before I started working there, this project already existed in at least one previous iteration and was in need of a complete overhaul. As a new developer to the company, I was tasked with a complete update of the design (implementation, not ... actual design), structure & functionality of the competition site for the Myer 2019 Fashions on the Field, coinciding with the Melbourne Cup. It was my first exposure to Vue.js after starting with a React background, and allowed me to learn a lot about the finer details of this specific JS-framework flavour of development.
While architecting a project from scratch is definitely a more involved job, working to update and cleanup a project that had been through multiple previous iterations presented its own unique challenge: from redeveloping modules, implementing new plugins, incorporating a new design and its specific responsive behaviours, to adding new animations and new functionality, it was a fine line to walk between adding value while being respectful of the intricate structure that held it together.
As the developer in charge of the frontend/user-facing side of the project, I was paired with a backend developer who worked to upgrade the real-time user-generated data that was being fed into the website by a partnered tablet-and-desktop app that allowed photographers to upload their photos, along with the relevant data associated with the images. We worked together to upgrade the site from both ends, collaborating well in order to build a seamless product no matter which part of the market the user is primarliy interacting with.
Since then the site has undergone a name change (thanks, COVID!) and some slight cosmetic updates, so the end product now is roughly 98% the product that I worked on, at least from a user-facing perspective. The responsive design, interactive modules, complex logic and smooth animations are all still there, and it's a project that I'm proud to have worked on, and to present as an example of my work.