Build your Photographer Portfolio with AI in under 5 minutes

Build an editorial photography portfolio with a full-bleed cinematic hero, mixed-aspect gallery grid, lightbox viewer, services + pricing-from cards, and a working booking-inquiry form — generated from a single prompt.

Jak to działa

Krok 1

Opisz swój pomysł

Napisz prompt w zwykłym tekście opisujący, czego chcesz.

Krok 2

AI to buduje

FloopFloop natychmiast generuje gotowy do produkcji kod.

Krok 3

Wdróż i uruchom

Twój projekt jest hostowany na własnej subdomenie w kilka minut.

Dlaczego warto budować z AI zamiast zatrudniać dewelopera?

	FloopFloop	Tradycyjny deweloper
Czas do uruchomienia	Mniej niż 5 minut	2–8 tygodni
Koszt	Od 0 USD	5 000 USD – 50 000 USD+
Utrzymanie	W cenie	Stała umowa serwisowa

What is a photographer portfolio?

A photographer's portfolio is a working sales tool — it has to do two jobs at once. First, communicate the work so clearly that a couple, a brand, or an art director knows within ten seconds whether you're right for them. Second, present the practical information (what you cost, how to book) so the right enquiries land and the wrong ones don't waste your time. The aesthetic conventions are well-established: large image-led layouts, dark or off-white background, minimal chrome, attention to grid rhythm so a mix of aspect ratios reads as composed rather than chaotic. Squarespace and Format are the dominant template paths; photographers who want full creative control end up on custom builds. The biggest failure mode is the portfolio that looks beautiful but loads slowly on a phone — half the inbound enquiries come from Instagram, on a phone, on patchy reception.

Common features

Cinematic hero with one signature image
Mixed-aspect gallery grid with consistent rhythm
Lightbox viewer with keyboard / swipe navigation
Series / category navigation (weddings, editorial, portrait)
Per-image alt text and quiet metadata (location, camera)
Services and packages page with starting prices
Booking-inquiry form that captures shoot date, location, scope
Press / publications section with magazine credits
Image protection — right-click disabled, watermarked previews
Lazy-loaded, responsive-sized images for fast mobile delivery

Real-world examples

Wedding photographer

Editorial layout with five recent weddings as full case studies. Pricing on request. Inquiry form gated to a date-checker so leads include event date.

Editorial / commercial

Three categories — editorial, brand campaigns, portrait. Press wall with magazine credits. Contact routes to the agent's email, not the photographer's.

Fine-art photographer

Series-led structure. Each series is a long-scroll layout with curatorial text. Print shop integrated for limited-edition sales.

Why FloopFloop fits photographer portfolio projects

Photographers update portfolios when a new shoot is publishable, then again when prices change, then again when a new series replaces an old one. Squarespace and Format do the basics but every customisation past the template feels like fighting the tool. FloopFloop lets the photographer describe what they want — 'a six-image mixed-aspect grid for the new wedding series, lazy-loaded, with a quiet caption line' — and ship it. The visual brand is theirs; the load time is theirs (because Squarespace's bundle weight is no longer in the budget); the inquiry form captures the fields they actually need on the first contact instead of the generic 'name / email / message' that every template ships with.

Wypróbuj te prompty

Skopiuj dowolny prompt poniżej i wklej go do FloopFloop, aby zacząć.

Create a wedding photographer's portfolio site. Editorial dark theme with a Playfair Display italic serif for headlines. Hero is a full-bleed couple-at-altar shot with the studio name in serif italic. Gallery grouped into Weddings / Portraits / Events / Family with a click-to-enlarge lightbox. Services section with five offerings (full-day weddings, elopements, portraits, family sessions, commercial) each with a 'from $X' price. Inquiry form captures name, email, event type, date, location, and message.

Build a portrait + headshot photographer's site. Light theme, monochrome with soft warm accent. One-column landing-style hero. Three-up gallery grid showing personal, actor, and musician portraits — each opens a fullscreen lightbox. About section with the photographer's bio, a portrait headshot, and a stat strip ('12 years working', '240+ sessions'). Booking form with event-type dropdown and a date picker.

Design a fine-art landscape photographer's portfolio. Black-and-white-only aesthetic, generous whitespace, serif italic everywhere. Hero is a hero landscape with location caption. Gallery is mixed-aspect (portrait + landscape + square frames) showing prints from limited editions. Services section sells signed print runs + licensed-image commercial use. Print-inquiry form with edition-size and framing options.

Create a newborn + family photographer's site. Soft, warm, and a touch nostalgic. Hero with a baby-in-light shot and serif italic studio name. Gallery filterable by Family / Newborn / Maternity / Cake-smash. Services include a 'baby's first year' three-session package. Inquiry form asks for due date or baby's age so the photographer can schedule the right session.

Najczęściej zadawane pytania

How does the inquiry form actually capture replies?

Every inquiry inserts a row into a `photography_inquiries` table in the project's Postgres schema (event type, date, location, message, IP-hash for rate limiting). The photographer triages via SQL: `SELECT * FROM photography_inquiries WHERE status = 'pending' ORDER BY created_at DESC` — or refines a quick admin dashboard if they want a UI.

Will the form send a confirmation email to the inquirer?

No — the template can't send email (the codegen scanner blocks every transactional-mail library). The success state says 'I'll reply within 24 hours' instead of promising email. The inquirer's email is stored on the row so the photographer can follow up out-of-band from their own inbox.

Where do the portfolio images come from?

The default gallery uses picsum.photos with stable seed URLs so the template ships visually-complete without bundled binaries — every reload shows the same nine photographs in the same grid slots. To swap in your own gallery, refine into the chat with the new image URLs (Cloudinary, your own S3, anything) and the agent rewrites the photo array.

Is there a lightbox / fullscreen viewer?

Yes. Clicking any photo opens a fullscreen modal — left/right arrow keys step through the gallery, Escape closes. Body scroll locks while the lightbox is open so the page doesn't drift behind it.

Can I split the gallery into categories?

Yes — the portfolio grid ships with filter pills (All / Wedding / Portrait / Event / Family / Commercial) that scope the visible images. Add or rename categories in src/components/photo/portfolio-grid.tsx, or ask the agent to.

Does the template support a dark + light mode?

Both, but dark is the default — black gallery walls make photographs read louder. The theme toggle in the top-right swaps the two. Light mode uses paper-white background + charcoal type + the same warm-amber accent.

What about rate-limiting form spam?

The createInquiry server action enforces 5 inquiries per IP per hour (IP is salt-hashed at the project level — no raw IPs stored). Beyond that the form returns a friendly 'too many inquiries' error.

Powiązane narzędzia

Przeglądaj więcej kategorii

Gotowy do budowania?

Zacznij budować swój projekt teraz — bez kodowania.

Wygeneruj to dla mnie