UGC creator portfolio website

Prompt our AI to generate a site for your portfolio instantly

Generate a similar UGC creator portfolio website

To create a UGC creator portfolio website like this one, click on the prompt below. You'll be able to edit the text to add your business name and unique details. See our AI instantly create your personalized version of this UGC creator portfolio website template, which you can customize and launch the same day.

For the homepage of Marisol Vega, a UGC (user-generated content) creator who's shot over 300 branded videos for beauty, wellness, and home brands since 2021, build a portfolio and booking site that reads like a media kit a brand manager would actually stop scrolling for — not a personal blog. For the hero, use a full-bleed looping video reel (four to five second clips stitched together: an unboxing, a get-ready-with-me, a product demo, a testimonial-style talk-to-camera) with a soft black gradient rising from the bottom third at 35% opacity so text stays legible without flattening the footage; over it, the nav reads 'Marisol Vega,' the headline reads 'UGC that stops the scroll — and gets the click,' the subheadline reads '300+ branded videos for beauty, wellness, and home brands. TikTok, Reels, and Amazon-ready.', and the CTA button reads 'View my rate card.' Set the display face as a tight, high-contrast grotesque — Söhne Breit or a close system equivalent — sized so the hero headline spans nearly the full viewport width at a fluid clamp(2.5rem, 6vw, 5.5rem); pair it with a warmer humanist sans, Inter or General Sans, for body copy at 17px/1.6. Ground the palette in a warm off-black, #171512, never pure #000, with a single accent of coral-pink #FF5C72 repeating on every CTA, the video-progress bar, and link-hover underlines, so the page still reads as hers in grayscale. Below the hero, lay out a masonry-style content grid — not a symmetric 3-column grid — where video thumbnails vary in size by performance (her best-performing pieces run larger, 2x1 tiles, everything else 1x1), each thumbnail auto-playing muted on hover and showing a small view-count badge ('2.1M views') in the corner; follow it with a horizontally scrolling strip of real brand logos she's worked with (Grove Collaborative, Kosas, Our Place — invented but treated as real client names throughout) under the label 'Brands I've created for,' then a services section breaking out her three offerings — Organic UGC Content, Paid Ad Creative, and Amazon/Whitelisting Content — each with a real starting price ('Starting at $450 per video'), and close with a short booking form asking brand name, campaign goal, and timeline rather than a generic contact form. The signature moment is a live stat counter woven into the brand-logo strip: as it scrolls into view, '2.4M+ total views generated' and '94% client rebook rate' count up from zero over 900ms with an ease-out curve, and this same counting-up motif reappears wherever a number is shown — the per-video view badges, the rate card — so it reads as one consistent idea, not a one-off hero trick. Motion throughout is deliberate: hero video crossfades between clips at 600ms ease-in-out, grid thumbnails scale to 1.03 with a 200ms ease-out on hover, and the stat counters use the 900ms count-up described above; under prefers-reduced-motion, stop the hero on the first frame, disable thumbnail autoplay, and show all counters at their final value with no animation.

FAQs about this UGC creator portfolio website

How do I create a UGC creator portfolio website?

Start from a UGC creator portfolio template like this one. It already has a video-reel hero, portfolio grid, brand section, services with starting prices, and a booking form, so you can replace the example content with your own work and rates. B12's AI can generate the initial structure from a description of your content style, niche, and services.

What should a UGC creator portfolio include?

Lead with your strongest video work, then show the brands you've created for, the types of UGC you offer, and your starting rates. This template uses a video reel, performance-focused portfolio grid, brand strip, and service breakdown to give potential clients a quick view of what you can create.

How do I show my UGC work on a portfolio website?

Use video thumbnails that let brands see your content style without making them click through every project. This template uses a masonry-style grid with muted hover playback and view-count badges, while the visual editor lets you update your portfolio as you create new campaigns.

Should a UGC creator include rates on their website?

You can include starting rates if you want brands to understand your pricing before they inquire. This template puts starting prices alongside each service and uses a short booking form that asks for the brand, campaign goal, and timeline.

Is this template for UGC creators specifically?

Built for UGC creators who sell branded video content directly to businesses, especially creators working across platforms such as TikTok, Reels, and Amazon. For a broader creative portfolio, see B12's personal portfolio or minimalist portfolio prompts. You can also browse the B12 AI website prompt gallery for other portfolio layouts.

Find more website templates

Browse our template gallery to find the right AI starting point for your site.

Similar website templates

Architecture portfolio Commercial cleaning website Hair stylist website Virtual assistant website template Accounting website Auto repair website template Barbershop website template Booking website template

Use B12's AI website builder to see a draft of your new website in 60 seconds

Take the stress out of website building, and in just a few clicks, build a website with all the features you need to better attract, win, and serve your clients online.

Build my free site todayNo credit card required

Everything your business needs to thrive