Photography is a popular field, and like many fields, requires a well-designed website to show work to potential clients. Photography websites need a heavy focus on images, galleries, and portfolios. Some even need pricing tables and WooCommerce integration. Fortunately there are lots of photography websites built with Divi to inspire ideas. To help with that inspiration, this article lists 16 examples of photography websites built with Divi.
Most are brochure-type websites with a focus on portfolios and services. Others include products while others provide related services. Most use their blogs to show their photoshoots. Others use their blogs for blogging and include photography tips. Most focus on wedding photography but they also provide other photography services. All are great for sparking the imagination. They’re in no particular order.
1. Paul Summerfield Photography
displays a full-screen image slider followed by a business tagline and quote, a small text section with numbered links to pages, an about section with text and image, links to the portfolio with alternating text and images, a blog section, a testimonial slider section in parallax, and a footer with info. The portfolio is displayed with a gallery in a grid layout. A form is used for booking. The Blog includes a grid design with categories above the blog section. The posts are used as galleries.
2. Megan Kelsey Photography
displays a full-screen image with logo, tagline, and soothing background. The top of the menu can be seen in this image. The menu is a block that overlaps the first two sections. Following this is a large image, an about section in two columns with text and an elegant welcome message written in a hand-written style font, an interesting image collage with CTA (call to action), a full-screen testimonial with background pattern, a full-screen post slider with post excerpt overlapping the image (using ), and a custom footer with tagline and logo. The blog is highly styled and matches the elegance of the site. This site uses interesting layouts, colors, and fonts.
3. Jasper Van de Gein Fotografie
is a one-page design that includes a full-screen image slider, a blurb section showing services and CTA, an about section, several sections with image galleries that display images in multiple sizes and layouts, pricing tables with booking, shooting info, and form. The site makes interesting use of image layouts.
4. Hannah Hall Photography
includes a full-screen image slider, a two-column about section with text and photo, a full-width image with testimonial slider overlay, a section showing award badges, a two-column portfolio, integrated Instagram feeds, and footer with info. The blog page uses an elegant font.
5. Eddie Judd Photography
displays a full-screen image slider, an overlapping emblem that’s used within other sections, an image section with links to various pages, a highly styled section with the latest blog post with an elegant background image, a section with media logos, and a section with an Instagram feed. The blog is elegantly styled. The site makes great use of elegant fonts and colors.
6. Jeebs Media
displays a full-screen video background with tagline overlay, an animated logo, full-screen menu, and CTA. The pages use full-width images and integrated Instagram sliders. The portfolio uses hover effects to display the topics. Photos are shown in lightbox galleries and use a load more feature (using an AJAX grid). The site uses high contrast and saturation to set the mood.
7. Wayne La
uses a full-screen image with tagline and CTA in an overlay. Scrolling reveals a two-column about section with an image and text, a full-screen image in parallax showing work that’s coming soon, an article section with CSS hover effects, an embedded video, an about section with link to the portfolio, a full-screen image with testimonial slider in parallax, a blog grid section, a full-screen image with form, links to specific articles, and a footer with Instagram feeds.
8. Elizabeth Fogarty Photography
uses a simple homepage that displays an extra-large logo with numbered menu followed by three sample images. The menu includes hover effects. The Galleries page displays the topics, which then displays the images within an image slider. The Blog page is styled to match the rest of the site. The site makes interesting use of white with fonts that read as silver.
9. MK Weddings
has a one-page design that includes a full-screen image, a small section with links to pages, an about section with images and text, a two-column portfolio, an information section, a blog, and a form over a full-width image. The sections are introduced with a full-width image to show the section title. The text uses line-separators and italics for an elegant look. Galleries display in lightboxes. The blog displays images from photoshoots.
10. Lane Weddings
displays a full-screen image with a menu that’s revealed on scroll. Numbered icons provide links to pages. Following this is an about section, a blog grid with multiple layouts using hover animation, and a load button. The Blog page displays this same grid. The Portfolio page displays thumbnails. The images are displayed using the plugin.
11. Eden Photography
displays a tagline followed by an image carousel that’s constantly scrolling until you hover over an image. Scrolling reveals an information section, a section with icons and links to pages, an about section, a full-screen testimonial in parallax, a featured gallery, a quote as an overlay, and a and follow section using an interesting background image (matching the logo) that’s sized perfectly to go behind the form and buttons. Galleries are displayed within a grid. The Shop is powered by WooCommerce. Blog elements are styled to match the site.
12. Yvette Craig
displays a full-screen image slider, an icon section with links to pages, an about section, featured venues displayed in an alternating grid with images and links, a testimonial section includes an image and link to an article, an FAQ section provides answers in toggles, the latest posts are shown in a blog section, another testimonial is shown in full-screen parallax followed by a form and images using . This site uses more white-space between the sections than most, giving the layout more breathing-room.
13. Lorraine Claire
displays a full-screen image slider, a section with numbered links to pages, a personal quote in a transparent overlay over an image, a styled blog section with icon, and social follow buttons. The portfolio pages display full-width images, text, images in the sidebar, links to PDF’s, and FAQ’s in toggles. The text layout is elegant and uses drop-caps. The Blog page displays the latest posts in a styled slider. The blog posts are used as image galleries and display large images with multiple grid layouts.
14. Brett Florens
uses a full-screen image slider with a menu that’s revealed on scroll. Following this is an elegant tagline, an about section that uses a numbered system to show information with CTA’s, a portfolio with alternating images and text, a CTA, a blog section, and a form over an image. The information section uses elegant image effects and styling. The Blog page displays a three-column information section with search, about, and categories. The portfolio displays images in a carousel. The site makes excellent use of soft color and styling.
15. Jordanna Marston
displays a full-screen post slider with overlapping logo between the slider and about section. Following this is a tagline in full-screen parallax, a portfolio with hover effects, another full-screen tagline in parallax, a blog section, a full-screen CTA in parallax, a section showing media icons, and an Instagram feed. The portfolios display images in a carousel. The Blog page displays an image and a block with categories as a header, and a post grid with the titles over the images and hover effects. The blog includes sidebar styling.
16. Sarah Lauren Photography
uses a one-page design (except for blog) displaying a full-screen image slider, numbered section with icons and links to pages, an about section, a portfolio section displayed in a multi-layout grid, an info section with links, a blog section, and a form. The portfolio displays images in a slider. The Blog page uses a full-width image, a two-column blog grid, and a styled sidebar.
These 16 examples of photography websites built with Divi go to show that Divi can be used to create elegant designs for any type of photography website. These sites a great for providing ideas for layouts, fonts, colors, galleries, portfolios, blogs, pricing tables, shops, and more. These websites are sure to spark your imagination for your next Divi photography design.
What are some of your favorite elements of these Divi photography sites? Let us know in the comments below!
Featured Image via art-sonik / shutterstock.com