Contra - Experts Grid (Figma to Framer Component Development)

Dylan Campbell

UX Engineer
Frontend Engineer
Framer Developer
Figma
Framer
React
Contra





Introduction

The amazing Contra team contacted me to convert a Figma design of their new desired layout to show off the various "Expert Networks" that Contra has partnered with.

Project Overview

Scope of Work

  • Work closely with Erin to build a 1:1 Framer build of the Figma design
  • Implement already-made components such as Navigation and Footer
  • Incorporate CMS category to display Customer pages

Component Variables

Name auto-populates “Verified By x”, “x Expert Network”, and “View x Experts”.

Company Logo and Expert Badge Icon are self-explained 🙈

Link is the redirect link when the button is clicked. The “Coming Soon” element is displayed if no link is inserted.



🔗 Check it out live



Partner With Dylan
View Services

More Projects by Dylan