Creative

Photographer portfolio website with a WebGL effect

Photographer PRO is a premium interactive portfolio website for a wedding, commercial and fine-art photographer. It combines a documentary “contact sheet” style with a cinematic darkroom feel and puts the work first.

A portfolio that sells before you write to the client.

[ Book a demo ][ Get an offer ↗ ]

From 726 € · incl. VAT · purchase, rent by agreement

Gallery ↓

Gallery

Who it is for

It suits photographers, videographers, designers, creative studios and artists who need the first impression to speak for them.

Also suits

Wedding photographers
Commercial and product photographers
Videographers and creative studios
Artists and designers
Independent creators with a portfolio

What you get

Hero with a WebGL “darkroom” light effect
Contact-sheet gallery with a filter
6 project pages (static)
Shutter-style transitions between pages
Sticky storytelling about the process
Keyboard, focus and reduced-motion support

Pages and structure

Hero with a WebGL light effect and a “developing” intro
Work: a contact-sheet gallery with a filter
Manifesto: words appear as you scroll
Process: a pinned story on desktop
Services: a typographic list with a cursor preview
About and contacts
Six project pages with separate galleries

Design

A brutalist documentary style with darkroom cinematography: light paper, black and a single “safelight” orange accent. It uses Anton, Fraunces and JetBrains Mono. Animations use only transform and opacity, and the WebGL hero has a static fallback photo.

What we can connect

Your name, photos and projects (currently placeholders)
A contact form that sends to your email (currently it opens your email app)
Instagram or Behance links
Hosting and domain setup
Building additional project pages

Why these technologies

Why these technologies
Next.js 16	A modern React framework: server-rendered pages, fast loading and good SEO.
React 19	A component library that makes the site easy to change and extend.
TypeScript	Typed code reduces bugs and makes future development easier.
Tailwind CSS 4	A consistent design system and a small CSS size.
GSAP	A professional animation library for smooth motion and scroll effects.
Lenis	Smooth scrolling that gives a premium feel.
Three.js (WebGL)	3D graphics in the browser, used for a hero visual with a light effect.

Good to know: The contact form opens email; photos are replaced with yours.

Demo features. In some projects payment, order or booking integrations are not connected yet. These are possible features: we connect them to your systems as needed.

How we tailor it to your business

We listen

We discuss your business, customers and goals.

We tailor

We change the name, copy, photos, colours and features to fit your business.

We launch

We test on desktop, tablet and mobile and launch on your domain.

You can rent or buy this website. The price is shown as “from” and includes VAT; we confirm the final price after discussing your needs. Rent or buy: the differences → Why we build with code instead of WordPress →

WebOmas CARE: care after purchase

After you buy a website we offer a monthly CARE plan: hosting, SSL, daily backups, monitoring and updates from one team. Prices incl. VAT.

CARE BASIC

47.19 €/mo.

Hosting and SSL certificate
Automatic daily backups
Uptime monitoring
System and plugin updates
Help after a technical failure

Recommended

CARE BUSINESS

90.75 €/mo.

Everything in BASIC
Security and speed check
Small content edits
Higher support priority

CARE GROWTH

131.89 €/mo.

Everything in BUSINESS
SEO and analytics monitoring
Monthly activity report
Regular content changes

CARE COMMERCE

192.39 €/mo.

Everything in BUSINESS
Shop (WooCommerce) care
Order and payment flow check
Highest support priority

First-year example: website from 726 € + 12 × 90.75 € (CARE BUSINESS) = from 1,815 €, incl. VAT.

All CARE plans on webomas.pro ↗

Frequently asked questions about this website

Can I replace the photos with my own?

Yes. Photos and projects live in a data file, so they can be changed without programming knowledge. We recommend using your own photos instead of the samples.

Does the site work with reduced motion?

Yes. If reduced motion is enabled in the browser, smooth scrolling is turned off and the WebGL hero is replaced with a static photo.

How much does a website cost?

Purchase from €242 (Kebab shop Čekis), €363 (Car service Promo), €424 (Kebab shop Promo), €545 (Burger joint Promo); other websites from €726. Prices are “from” and include VAT; we confirm the final price after discussing your needs. Care after purchase: WebOmas CARE from €47.19/month.

What is the difference between renting and buying?

When renting, the website works without a large upfront investment, and if you buy it becomes your property. We discuss terms individually.