HTML to Figma and Framer Conversion

Nathanael Mbale

PVD Capital

PVD Capital provides capital solutions for businesses and real estate investments. Offering various financing programs to support the growth of your business.

The Challenge

The client needed these sections to be visually engaging, clearly structured, and easy for potential customers to understand. Since they deal with complex financial information, the main challenge was to present the details in a clean and digestible format without overwhelming the user.
The Process
Design in Figma: I started by creating the layouts in Figma, ensuring typography, spacing, and hierarchy made the content accessible.
Fix Section
Fix Section
3 Column Section
3 Column Section

Framer Design

Transform it into a framer and develop a custom component to change the color of the scrollbar and button, and for the Flx and Flip terms to be variables since they change weekly.
Featured in this project:
Responsive Design
Custom dynamic Framer component
Custom animation

The Result

The sections effectively balance clarity and professionalism, helping PVD Capital communicate its offerings with confidence. The final implementation also supports better lead conversion through the form and creates a smoother browsing experience.
Like this project

Posted Aug 20, 2025

Converted HTML design to Figma and Framer.

Likes

0

Views

3

Timeline

Sep 4, 2025 - Sep 6, 2025

Clients

Anthony Capital

Framer  Lumeva Agency
Framer Lumeva Agency
Custom Animation Project
Custom Animation Project
SaaS Custom Graphics for Framer
SaaS Custom Graphics for Framer
HexoMarket Brand Identity and Website Development
HexoMarket Brand Identity and Website Development

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc