Most photography portfolios are beautiful. Very few of them get booked.
If you shoot well, building a good looking site is the easy part. Templates are cheap, galleries are one click away, and every builder promises a stunning portfolio in minutes. The hard part is turning a visitor who admires your work into someone who actually fills in your enquiry form.
That gap is where most photography website design projects fail. The images are strong, the typography is tasteful, the load time is slow, the pricing is invisible, and the only contact link sits in a hamburger menu three scrolls away. The site looks like a gallery when it should behave like a sales page with gallery-grade visuals.
This guide is structured around conversion, not decoration. You will get concrete gallery layout choices, the exact image compression settings we use, guidance on showing pricing, and a placement map for booking calls to action.
Why beautiful photography portfolios fail to generate enquiries
Before touching layout, understand what is actually blocking the enquiry. In site audits, the same six issues appear again and again:
- Too many images. A 180-photo portfolio does not prove range, it proves you cannot edit. Decision fatigue kills action.
- No clear next step. Visitors reach the bottom of a gallery and find nothing but the footer.
- Heavy files. A homepage that ships 18 MB of images loses mobile visitors before the hero even paints.
- Hidden pricing. Not everyone needs a full price list, but zero signal makes people assume you are either too expensive or hiding something.
- No human presence. Clients hire a person, especially for weddings, families, portraits and brand work. A faceless site feels risky.
- Generic copy. “Capturing moments that last a lifetime” tells a visitor nothing about who you serve, where you work, or what it costs.
Fixing those six points usually moves the needle more than a full redesign.
The conversion-first structure of a photography website
Before pages, decide the job of the site. For most working photographers the job is: get a qualified enquiry from someone who already knows roughly what you charge. Everything else is secondary.
Homepage sequence that works
Order matters more than any single element. This sequence has consistently outperformed the “full screen slideshow and nothing else” homepage:
- Hero: one strong image (not a slideshow), a headline that states what you shoot and where, and one primary button.
- Proof of range: 6 to 9 curated images, not your entire archive.
- Who you serve: two or three sentences naming the client type, location and style.
- Services block: two to four cards linking to dedicated service pages, each with a “from” price.
- Social proof: two or three short testimonials with real names, plus publication or venue logos if you have them.
- The photographer: a portrait of you and a short, human introduction.
- Process: three or four steps from enquiry to delivered gallery. This removes fear.
- Closing CTA: a full-width booking block with availability language.
Page architecture
| Page | Primary job | Must include |
|---|---|---|
| Home | Qualify and route | Hero CTA, curated set, pricing signal |
| Portfolio / Galleries | Prove consistency | Split by genre, 15 to 25 images each |
| Service pages | Convert and rank | Packages, deliverables, FAQ, CTA |
| Investment / Pricing | Filter budget | Starting price, what is included |
| About | Build trust | Your face, your approach, credentials |
| Contact | Capture the enquiry | Short form, response time, alternative channel |
| Journal / Blog | Attract search traffic | Full shoots, venues, locations, guides |
Keep the main navigation to five or six items. Every extra link splits attention. Portfolio, Services, Pricing, About, Journal, Contact is usually enough.
Gallery layout choices: pick one and commit
Gallery layout is the single most visible decision in any photography website design, and the wrong choice can quietly bury your best frames.
| Layout | Best for | Strengths | Risks |
|---|---|---|---|
| Justified grid (rows of equal height) | Mixed orientations, documentary, events | Tidy, no gaps, fast to scan | Crops can weaken panoramas |
| Masonry | Lifestyle, street, personal work | Preserves native ratios, feels editorial | Uneven rhythm, layout shift if badly built |
| Uniform square grid | Product, food, headshots, catalogue work | Extremely consistent, easy to compare | Aggressive crops, can look like a feed |
| Single column, full width | Fine art, landscape, hero storytelling | Maximum impact per frame | Heavy pages, long scroll, slow on mobile |
| Slider / carousel | Case studies inside a page | Compact, good for before and after | Low engagement past slide 2, poor for SEO |
| Story layout (pairs, singles, diptychs) | Weddings, elopements, brand shoots | Shows narrative ability, keeps people scrolling | Needs manual curation per gallery |
How many images per gallery
- Homepage curated set: 6 to 9 images.
- Each portfolio gallery: 15 to 25 images, maximum 35.
- Full shoot story on the blog: 30 to 60 images is fine, since intent is different.
- Total across the whole site: under 150 images for a service-based photographer.
Open your portfolio and ask one question per image: would I book myself based on this frame alone? If the answer is no, remove it. Your portfolio is judged by its weakest image, not its best.
Gallery layout rules that protect conversion
- Lead with your three strongest images. Visitors rarely scroll past the first screen if it does not grab them.
- Split galleries by client type (Weddings, Family, Brand, Headshots), not by year or camera.
- Use lightboxes with keyboard and swipe navigation, and keep the close button visible on mobile.
- Set explicit width and height attributes on every image so the page does not jump while loading.
- Break every gallery with a text or CTA block roughly every 8 to 10 images.
Image compression settings that keep quality
Photographers resist compression because they fear artefacts. In practice, the visible quality loss from a well-configured pipeline is near zero, while the speed gain is enormous. A 6 MB export straight from Lightroom has no business being on a web page.
Export and delivery settings
| Use case | Long edge | Format | Quality | Target file size |
|---|---|---|---|---|
| Full-bleed hero | 2560 px | WebP or AVIF | 78 to 82 (WebP) | Under 300 KB |
| Gallery image | 1600 to 2000 px | WebP | 75 to 80 | 120 to 200 KB |
| Lightbox / zoom view | 2048 px | WebP | 80 | Under 350 KB |
| Grid thumbnail | 600 to 800 px | WebP | 72 to 76 | 30 to 70 KB |
| Blog / journal image | 1400 px | WebP | 75 | Under 150 KB |
| Fallback JPEG | Same as source | Progressive JPEG | 72 to 78 | Under 250 KB |
Non-negotiable technical rules
- Convert to sRGB before export. Adobe RGB or ProPhoto files look dull or oversaturated in many browsers. This is the number one cause of “my colours look wrong online”.
- Strip metadata except copyright. Removing GPS and camera EXIF saves weight and protects client locations.
- Serve responsive sizes. Use srcset so phones never download a 2560 px file.
- Lazy load everything below the fold, but set the hero image to eager with high fetch priority.
- Apply a small amount of output sharpening at the final export size, not before resizing.
- Use a CDN. Image delivery from an edge network is often the fastest single improvement available.
- Watch skin tones and gradients. Skies, studio backdrops and shadow gradients show banding first. If you see it, step quality up by 5 and re-check rather than abandoning compression.
Speed targets to hit
| Metric | Target | Why it matters |
|---|---|---|
| Largest Contentful Paint | Under 2.5 s on 4G | Your hero image is usually the LCP element |
| Cumulative Layout Shift | Under 0.1 | Masonry galleries are the usual offender |
| Interaction to Next Paint | Under 200 ms | Lightbox and menu responsiveness |
| Total homepage weight | Under 2.5 MB | Keeps mobile bounce rate down |
Pricing visibility: the filter most photographers avoid
“I do not put prices on my site because I want to talk to them first.” That sounds strategic, and it is the reason many photographers spend their week answering emails from people with a quarter of their budget.
Showing a price does not cheapen you. It pre-qualifies. You trade a slightly lower volume of enquiries for a much higher booking rate, and you get your evenings back.
| Approach | Effect on enquiry volume | Effect on booking rate | Recommended for |
|---|---|---|---|
| No pricing at all | Higher | Much lower | Almost nobody |
| “Packages from X” | Slightly lower | Significantly higher | Weddings, brand, events |
| Full package table | Lower | Highest | Portraits, headshots, families, product |
| Gated price guide (email) | Medium | Medium | Luxury and destination work |
| Custom quote only | Low | High, if the brand is established | Commercial and editorial |
How to present pricing without losing negotiating room
- Publish a clear starting point: “Wedding coverage starts at 2,400 for eight hours.”
- Describe what is included in deliverables, not hours alone: number of edited images, delivery time, gallery duration, print rights.
- Offer three tiers. Most people choose the middle one, so build your ideal package there.
- Add an average spend line: “Most couples invest between 2,400 and 3,800.”
- Put a price signal on service pages too, not only on a pricing page nobody visits.
- Never write “pricing available on request” and stop there. Give a range at minimum.
Where to place booking CTAs
A CTA is not a button in the footer. Treat it as a repeated, contextual invitation placed exactly where the visitor is most convinced.
| Placement | Type | Example copy |
|---|---|---|
| Header, always visible | Primary button | Check my 2027 dates |
| Hero, above the fold | Primary + secondary | Enquire now / See pricing |
| After the first 8 images | Inline text link or band | Like this style? Tell me about your day |
| End of every gallery | Full-width block | Ready to book? Start here |
| Below testimonials | Button | Join them, request a quote |
| Bottom of every service page | Form or button | Check availability for your date |
| End of every blog post | Contextual band | Getting married at this venue? Get in touch |
| Mobile sticky bar | Persistent bottom bar | Enquire / WhatsApp |
CTA copy: weak versus strong
- Weak: “Contact”. Strong: “Check availability for your date”.
- Weak: “Submit”. Strong: “Send my enquiry”.
- Weak: “Learn more”. Strong: “See wedding packages and pricing”.
- Weak: “Book now” for a 4,000 service. Strong: “Request a quote, no obligation”.
Add a small reassurance line under the button: “I reply to every enquiry within 24 hours.” It reliably lifts form completions because it removes the fear of shouting into a void.
The enquiry form: shorter than you think
Every field you add costs you submissions. Ask only for what you need to quote or qualify.
- Name
- Event or shoot date (date picker, optional if unknown)
- Location or venue
- Type of shoot (dropdown)
- Budget range (dropdown, optional but very useful)
- Tell me about your project (open text)
Practical details that matter:
- Single column layout, large tap targets, correct mobile keyboard types.
- No captcha puzzles. Use a honeypot field or invisible spam protection instead.
- Redirect to a proper thank you page that sets expectations and links to your Journal.
- Send an automatic confirmation email within seconds.
- Offer an alternative: WhatsApp, phone, or a calendar link for a 15 minute call.
Trust elements that quietly close the deal
- A photo of you. Not holding a camera in front of your face. Clients want to see who will be in the room.
- Named testimonials with a small image from that client’s shoot. Anonymous quotes read as fiction.
- A process section in three or four steps: enquiry, call, contract and deposit, shoot, gallery delivery.
- Delivery promises: number of images, turnaround time, gallery access period, print options.
- Insurance, backup equipment and second shooter policy for weddings. Small lines, big reassurance.
- Venue or brand logos if you have worked with recognisable names.
Mobile first, genuinely
Most photography sites now receive 60 to 75 percent of traffic on phones, often straight from Instagram. Design the mobile view first and let the desktop version inherit it.
- Test your hero on a 390 px wide screen. Text overlaid on images often becomes unreadable there.
- Two-column grids beat three-column grids on mobile.
- Buttons at least 44 px tall, placed in the thumb zone.
- Avoid heavy scroll-triggered animations, they cause jank on mid-range Android devices.
- Check your site on a real phone over mobile data, not on office wifi.
SEO essentials for a photography website
Design and search visibility are not separate projects. A site that converts but is never found is just an expensive business card.
- Location-led service pages: “Wedding photographer in Lisbon” beats a generic “Services” page every time.
- Descriptive file names: lisbon-wedding-photographer-ceremony-12.webp, not DSC_0459.jpg.
- Real alt text describing the scene, not stuffed with keywords.
- Venue and location blog posts: these rank well and attract people who already have a date and a budget.
- Google Business Profile with the same name, address and phone as your site footer.
- Schema markup: LocalBusiness plus ImageObject, and Review schema if you display testimonials.
- Clean URLs and a logical internal linking path from blog posts to service pages.
Choosing a platform
| Platform | Strengths | Limitations |
|---|---|---|
| WordPress | Full control, best SEO ceiling, strong photography themes | Needs maintenance and good hosting |
| Squarespace | Polished templates, quick launch | Limited speed tuning and custom layouts |
| Showit | Drag and drop freedom, separate mobile design | Easy to build something heavy and slow |
| Pixieset / Format / Adobe Portfolio | Fast setup, gallery delivery built in | Less flexible for conversion-focused pages |
| Custom build | Best performance and unique brand feel | Highest cost, longest timeline |
The platform matters far less than the structure. A well-structured Squarespace site with visible pricing and good CTAs will out-book a beautiful custom build with no clear next step.
What a photography website costs
| Route | Typical first-year cost | Ongoing |
|---|---|---|
| DIY on a builder | 200 to 500 | 200 to 400 per year |
| Premium template plus setup help | 700 to 2,500 | 250 to 600 per year |
| Designed site by a studio | 3,000 to 9,000 | 400 to 1,200 per year |
| Custom build with SEO | 9,000 and up | Retainer based |
Budget separately for a domain, hosting, a client gallery delivery tool and a CRM or booking system.
Pre-launch conversion checklist
- Every page has one obvious primary action.
- Homepage loads its hero in under 2.5 seconds on mobile data.
- Total homepage weight under 2.5 MB.
- All images exported in sRGB, served as WebP with responsive sizes.
- Pricing signal visible within two clicks from any page.
- Enquiry form has seven fields or fewer and has been tested end to end.
- Your face and a short bio appear on the homepage and the About page.
- At least three named testimonials are live.
- Galleries are split by client type and capped at 25 images.
- Analytics and form-submission tracking are installed and verified.
- Sticky mobile CTA works on iOS and Android.
- 404 page redirects gracefully to the portfolio.
Measure the right things
| Metric | Healthy range | What to fix if low |
|---|---|---|
| Enquiry conversion rate | 1.5 to 4 percent of visitors | CTA placement, pricing clarity |
| Contact page reach rate | 8 to 15 percent of sessions | Internal links, gallery-end CTAs |
| Form completion rate | Above 40 percent of form views | Remove fields, remove captcha |
| Mobile bounce rate | Below 60 percent | Image weight, hero readability |
| Qualified enquiry share | Above 60 percent | Make pricing more visible |
The short version
Great photography website design is not about having the most images or the most cinematic animation. It is about removing friction between admiration and action: curate hard, compress properly, show a price, and put a clear, human invitation at every point where someone finishes looking at your work.
Frequently asked questions
How much does it cost to have a photography website?
A DIY site on a builder costs roughly 200 to 500 in the first year including domain and hosting. A premium template with professional setup runs 700 to 2,500. A fully designed site from a studio typically starts around 3,000 and can exceed 9,000 for custom development with SEO included. Ongoing costs of 200 to 1,200 per year cover hosting, licences and maintenance. This write-up is worth a look.
What is the 20 60 20 rule in photography?
It is a balance guideline, most often applied to tonality: roughly 20 percent highlights, 60 percent midtones and 20 percent shadows produce an image that reads well without feeling flat or overly contrasty. Photographers also use it for composition, dedicating about 20 percent to foreground, 60 percent to subject and 20 percent to background. Applied to web layout, the same idea works well: around 20 percent text, 60 percent imagery, 20 percent whitespace on a portfolio page.
What is the best website design for a photographer?
The best design is a minimal frame around a tightly curated portfolio, with an obvious path to enquiry. In practice: a single strong hero image, five or six navigation items, galleries split by client type with 15 to 25 images each, a visible starting price, and booking CTAs repeated at the end of each gallery and service page. Dark neutral backgrounds suit moody and editorial work, light backgrounds suit bright, airy and family work. There’s a good explainer over at figma.com.
How do I create my own photography website?
Pick a platform, buy a domain, choose a template that matches your style, then build the pages in this order: home, portfolio galleries, service pages, pricing, about, contact. Curate your images down to under 150 total, export them at the compression settings listed above, write copy that names your client type and location, add testimonials, install analytics, then test the enquiry form on a real phone before launch.
Should I show pricing on my photography website?
Yes, at least a starting price. A “from” figure filters out mismatched budgets, reduces time wasted on unqualified enquiries and increases your booking rate. Full package tables work particularly well for portraits, headshots, families and product work, while gated price guides suit luxury and destination photography. The piece Free online photography website maker makes a good next read.
How many images should a photography portfolio have?
Between 15 and 25 per gallery, and under 150 across the whole site for a service-based photographer. Fewer, stronger images consistently produce more enquiries than large archives, because visitors judge your work by its weakest frame.
Does image compression hurt my photography quality online?
Not when it is done properly. WebP at quality 75 to 80, resized to 1600 to 2000 pixels on the long edge and converted to sRGB, is visually indistinguishable from an uncompressed export on a screen, while being five to ten times lighter. Watch skies, skin tones and shadow gradients for banding, and nudge quality up slightly if you see it.