Nelta | Figma to Framer Development
About Nelta
Nelta provides a fully designed Figma prototype ready for development into a responsive, production-ready website. The goal was to translate their approved designs into a visually engaging, high-performing web experience that aligns with Nelta’s brand identity.
The project required precise attention to detail to ensure that every interaction, animation, and transition matched the design specifications while maintaining fast performance and cross-device consistency. Integrations included Mapbox for map features and forms connected to Salesforce, along with newsletter capture using native Framer forms.
My Role
I was tasked with bringing Nelta’s finalized Figma designs to life in Framer. My responsibilities included translating the designs into a fully functional, responsive website while preserving visual fidelity, animations, and interactions.
Working with the client-provided assets, fonts, and design specifications, I ensured that the website delivered a seamless and professional user experience across all devices.
What I Delivered
Framer Website
- Developed the finalized Figma screens into a pixel-perfect, fully responsive website in Framer.
- Implemented all animations, interactions, and transitions exactly as designed, ensuring a polished and engaging experience.
- Integrated Mapbox for interactive map functionality.
- Connected forms and newsletter capture to Salesforce and native Framer Forms.
- Conducted thorough quality assurance and cross-browser testing to ensure consistent performance across devices.
Other Deliverables
- Provided 3 months of Framer Pro access for ongoing updates.
- Delivered 1 week of complimentary edits and updates post-launch.
- Created a Loom walkthrough guide demonstrating how the client can independently manage and edit the Framer site.
