Constrct – Webflow Development by Talha ShahzadConstrct – Webflow Development by Talha Shahzad
Built with Webflow

Constrct – Webflow Development

Talha Shahzad

Talha Shahzad

Overview

Project Details
Industry: Construction Tech / B2B Marketplace
Services Provided: Figma Design, Webflow Development, CMS Configuration, Cross-Browser Compatibility
Client Background
Constrct is a digital procurement platform transforming how the construction industry buys and sells building materials. The platform connects construction companies with building material suppliers, enabling centralized ordering, digital delivery notes, and real-time cost control—all while reducing paperwork and CO₂ emissions tracking.

Challenge

Constrct had outgrown their initial DIY website and needed a professional digital presence to match their innovative platform. Key pain points included:
Unprofessional appearance – The existing site didn't reflect the sophistication of their B2B procurement solution
Unclear two-sided value proposition – Benefits for construction companies vs. material suppliers weren't clearly differentiated
No content management system – Updating features, blog posts, or case studies required technical intervention
Limited feature showcase – Complex platform capabilities weren't effectively communicated to prospects

Strategy

The goal was to create a modern, conversion-focused website that positions Constrct as the leading digital procurement platform for Germany's construction industry.
Key objectives:
Clearly communicate value to both construction companies and material suppliers
Showcase platform features with visual product demonstrations
Build credibility through partner logos and trust signals
Enable easy content updates via CMS for ongoing marketing

Solution

Figma Design

Created a clean, modern visual direction with an olive/earth-tone palette reflecting the construction industry
Designed intuitive information architecture separating user journeys by audience type
Built component library for consistent UI across all pages

Webflow Development

Developed a fully responsive website with smooth animations and interactions
Implemented infinite logo carousel showcasing partner brands (Würth, Wienerberger, etc.)
Created interactive feature sections with product mockups and platform screenshots
Built custom card components for feature highlights with hover states
Ensured cross-browser compatibility across Chrome, Safari, Firefox, and Edge

CMS Configuration

Set up Webflow CMS for blog articles and content updates
Enabled marketing team to publish without developer support
Structured collections for scalable content growth

Dual Audience Journeys

Dedicated landing pages for construction companies (/bauunternehmen) and material suppliers (/baustoffhaendler)
Tailored messaging highlighting specific benefits for each segment
Clear CTAs driving to product demo requests

Trust & Conversion Elements

Partner logo section featuring AWS, Microsoft for Startups, Austrian government agencies
Newsletter signup with inline form validation
Multiple "Produktdemo vereinbaren" CTAs throughout the user journey
Feature grid showcasing upcoming capabilities (mobile app, ERP integration)

Outcome & Impact

Professional brand presence – Modern design now reflects the innovation of their digital platform
Clear value communication – Dual audience journeys effectively address construction companies and suppliers separately
Content scalability – CMS enables ongoing blog publishing and feature updates
Improved conversions – Strategic CTA placement drives demo requests
Cross-browser reliability – Consistent experience across all major browsers

Deliverables

Figma design system and UI components
Fully responsive Webflow website (German language)
Audience-specific landing pages (Bauunternehmen, Baustoffhändler)
CMS-powered blog
Partner logo carousel
Interactive feature showcase sections
Newsletter signup integration
Demo request CTAs
Legal pages (Impressum, Datenschutz, AGB)
Cross-browser optimization

"When your platform is digitizing an entire industry, your website needs to demonstrate that same level of clarity and innovation from the first click."

Building a B2B platform or marketplace that needs a website to match your ambition? Let's discuss how Figma to Webflow development can showcase your product and convert prospects.
Like this project

Posted Jan 9, 2026

Developed a responsive Webflow site for Constrct's construction B2B platform.