Context :

It was a collaborative project that me & prathamesh was handling & working within multiple sprints sessions figuring out those complex animations & interactions , building , QA Testing & etc... to make the sure to satisfy the client needs

Collaboraters: Me & Prathamesh

Razor Pay's Needs & key deliverables :

  1. Develop a website built on Framer

  2. Incorporate multiple scroll interactions that visually represent their core offerings

  3. Design File Inspection and adjustments in Figma.

  4. Development in Framer, utilizing native components like Ticker , multiple complex mask layered & layout animations & scroll-based interactions

Challenges :

The main challenge was figuring out the complex scroll interactions , mask layered layout animations within Framer which we've solved by running collaborative sprint sessions

Quick View into my contributions during the entire project :

  1. Contributed in the development of a complex, high-impact webpage for Razorpay, showcasing over 70+ products and enhancements using advanced layouts and animations.


  2. Collaborated closely with product managers, senior designers, and engineers, ensuring seamless integration of design and functionality throughout the project lifecycle.


  3. Conducted and participated in numerous stakeholder meetings, presentations, and design critiques to align the vision and deliver high-quality, user-centric solutions.

Conclusion :

Successfully developed Razor-pays webpage using Framer, efficiently adding interactive elements, along with an easter egg , ensuring responsiveness across different screen sizes.