top of page
Money By QuickBooks Experience
Work Project
Overview
Intuit's QuickBooks Money team came up with a new design and planned to refresh its marketing page. The team wanted to test the interactions and ensure that the website interaction works smoothly before launching the landing page to customers.
Duration: 2020.3 - 2020.5 (2 Months)
My role: I was the interaction prototyper and design consultant.
Technologies: JavaScript, React, Figma
Impact: The web 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.
I built the interactive experience using JavaScript. The dollar value will increase when users scroll up. This motion will only appear once.
bottom of page