top of page
WORK PROJECT
Marketing Landing Page
ROLE
Interaction Prototyper
front-end development
DURATION
2020.3 - 2020.5
2 months
TECHNOLOGY
JavaScript, React, Figma
ACHIEVEMENT
The landing page is launched in late 2021
Process
The project unfolded smoothly, beginning with an insightful kickoff meeting where I connected with the lead designer to grasp expectations and secure essential design assets. Knowing it was a redesign, I delved into the previous code, learning from my coworkers' work for reference. After understanding the intended interaction, I embarked on revising the codebase, integrating scroll interactions using JavaScript. Simultaneously, I collaborated with the design team, refining visuals and rectifying any identified bugs.
As the project progressed, I shared a prototype of the landing page with the entire team. Subsequently, an engineer took charge of deploying the new marketing website, drawing upon and successfully implementing the code I had crafted. This culminated in the triumphant launch of the revamped marketing site by late 2021.
Final Product
Here is a video of the final interaction which was implemented into the Money by Quickbooks marketing website.
Takeaways
Reusable Code
Throughout this project, I referred a lot of code from my co-worker who finished the first version of this website while adding more interactions. I also made sure that my code is readable so that other people who need to make adjustments can refer to my code.
Work Cross-functionally
It is always a priority to make sure that every stakeholder stays on the same page. The Money by QuickBooks team didn't find an engineer to implement that until I marked this project done for a while. The engineer initially had no idea of what happened, but after reviewing my GitHub repo. He quickly referred to my code and launched the landing page.
bottom of page