How To Build A User-Generated Portfolio Site

I used Webflow, Airtable, Zapier, and Parabola to build portfolio galleries for freelancers on Unicorn Factory.

The gallery gives clients evidence of a freelancer’s work beside their profile. This article accompanies the original demonstration.

The original video description claimed three times better conversion for profiles with case studies. It included no measurement method or period.

Treat that as an unverified historical observation. Measure your own enquiries before drawing a conversion conclusion.

Structure the portfolio collection

Create a Portfolio collection with these fields:

• Name and Slug for the project page.
• Freelancer reference to the owner’s profile.
• Summary and Project URL for the work.
• Cover Image and Gallery Images for approved assets.
• Source Record ID for matching automation updates.

Keep Webflow ID in Airtable after creation. Store approval status and image permission beside the submission.

On each freelancer template, filter the portfolio list by the current freelancer reference. Include a clear empty state.

Handle submissions and updates

Accept project details through a form. Confirm the signed-in freelancer owns the target profile before accepting the submission.

Review the text and images before publication. Create a draft item, save its ID, and update by that ID later.

The recording also uses Parabola to handle gallery images. Verify your current integration’s supported image fields before running it.

Check one gallery

Use two test freelancers and one portfolio item each. Confirm each profile displays only its own project.

Update a project twice and check that its item ID stays the same. Test missing images and long project titles around 390px.

Start with form submissions into Airtable if you need a submission path.

Recording timestamps

• 02:17: Adding case studies.
• 03:07: Portfolio collection setup.
• 04:38: Case studies on profile pages.
• 05:23: Airtable setup.
• 05:46: Zapier creation workflow.
• 07:03: Hiding an empty portfolio section.
• 08:06: Gallery images through Parabola.

Original video

Watch the original demonstration.