This project involved the full UI/UX design and Webflow development of the LeadScraper website, a German B2B lead generation platform focused on delivering compliant, high-quality business leads. The objective was to create a highly usable, conversion-focused digital experience that clearly communicates the platform’s value proposition while meeting performance and responsiveness standards across all devices.
The work began with UI/UX design in Figma, where I crafted layout structures, visual hierarchy, and information architecture tailored to lead generation goals. Key focus areas included clarity of messaging, service breakdowns, and a conversion-oriented user journey from landing to contact. The design also emphasized readability and accessibility for business users across device types.
After the Figma stage, I translated the designs into a fully functional Webflow website using a no-code development approach. During the build, I ensured pixel-perfect accuracy, reusable components, and consistent styling. Interactive elements and subtle animations were introduced to guide user attention and support engagement without compromising performance.
The final deliverable is a fully responsive, multi-page Webflow site that supports LeadScraper’s business goals by improving usability, highlighting key services, and driving conversions.
Project Process
UI/UX Design in Figma: Designed structured layouts and conversion-focused visual hierarchies
Figma to Webflow Development: Translated designs into a pixel-perfect Webflow build
No-Code Implementation: Leveraged Webflow’s native tools for a maintainable and scalable site
Responsive Design: Ensured layout, readability, and usability across desktops, tablets, and mobile devices
Interactive Features: Added subtle animations and interactions to enhance the user experience
Reusable Components: Built design systems and styles for future content updates
Testing & Optimization: Ensured cross-browser consistency and performance across devices