The portfolio web page is without doubt one of the maximum necessary pages for any person offering a carrier. It no longer handiest demonstrates the kind of paintings you do, but additionally displays the customer your stage of experience and purchasers that you just’ve labored with. Portfolio pages will also be designed many various tactics. On this article we’ll have a look at 11 Divi internet sites with cool portfolio pages to assist encourage you to your subsequent Divi design.
Portfolio pages usually come with the usual portfolio, filter out portfolio, or full-width portfolio modules. Alternatively, there are alternative ways to show your portfolio. Some construct the portfolio with parts corresponding to pictures, blurbs, or galleries. In fact, this has to paintings smartly inside the web page’s structure. We’ll see examples of each and every.
I’ll display a picture of the phase I really like and speak about what I preferred about it. The internet sites are in no specific order. Hang out till the tip for a couple of hyperlinks that can assist you stage up your personal portfolio web page the usage of Divi.
1. Coon Inventive
This website online shows an inventory of services and products that open in toggles within the hero phase adopted via a full-width phase to turn a quote. The portfolio phase displays the types of the services and products, identify of the buyer, and consumer description within the left, and pictures of the mission at the proper. Each and every of the portfolio pieces are separated via a skinny divider. Examples of internet sites come with hyperlinks to view the reside web site.
This website online displays the portfolio pieces in 3 columns and features a phase in one column. The 3 column sections position an overlay over the photographs of each and every mission with the buyer’s emblem in white. White line-drawn Icons within the backside corners display the class for the mission. The one column phase displays a picture of the mission with textual content and a button over a patterned background. Below the 3rd phase it supplies hyperlinks to look extra in each and every class.
3. Leo Whou Teng
This web page puts the portfolio pieces in a multi-column structure and not using a house between the photographs. Soaring over any of them unearths a blue overlay over the picture and a field on the backside that displays the identify and classes of the mission. The portfolio comprises two and 3 columns and alternates the structure. The pictures use other backgrounds and display the photographs of the tasks on various kinds of gadgets. This website online makes very good use of colour.
4. Studinger Media Graphics
This website online introduces the portfolio web page with the corporate’s emblem, identify, and web page identify over a sublime background symbol that simply slightly displays in the course of the overlay in monochrome. The portfolio phase makes use of styled buttons for the filter out and displays the tasks in a 3 column grid. Soaring spins the picture and offers a hyperlink. The web page additionally features a name to motion, touch shape, and a revealing footer with a QR code and social observe buttons that fit the website online’s branding.
5. Catherine Cliffe
This portfolio web page displays a full-screen symbol with identify and outline in an overlay in parallax. Scrolling unearths a textual content phase with the identify and site of the mission and the names of the folks concerned. Following it is a gallery that incorporates pictures in full-screen and a three-column grid. Different tasks observe a an identical trend with pictures proven inside of a two or three-column grid.
6. Tremendous Divine Internet Design
This one numbers each and every mission and shows a picture that incorporates the corporate’s emblem and the services and products equipped, the mission’s identify with a hand-written font, a brief description of the mission, and a button to look the mission reside. The identify textual content, border, and button colours fit the website online’s branding. Following it is a CTA to a web based reserving app.
7. Get Internet Design
This portfolio web page lots tasks pictures very similar to Pinterest. They’re displayed in a 4 or 5-column grid (relying for your display dimension and zoom stage). Soaring over any mission unearths a magnifying glass. Clicking this opens the picture in a lightbox. Most of the pictures are entire layouts of internet sites whilst others are the hero space.
8. Caporal Advertising Virtual
This portfolio web page shows a full-width symbol with identify, tagline, and button with a fascinating border that fits the website online’s branded colours. Scrolling unearths the filtered portfolio in a three-column grid. The portfolio displays the buyer’s emblems in monochrome which shows in colour on hover. In addition they come with the buyer’s identify and repair equipped. The road at the left shows the names of the social networks in textual content that’s orientated sideways. They continue to be on display on scroll.
9. The Mighty Fox
This web page is presented with a full-width background with a darkened overlay and a sublime font to show the web page’s identify. The filtered portfolio shows the buyer’s emblems in monochrome. Soaring over any of the tasks brings in an overlay from the route the mouse got here from. The overlay shows the corporate’s identify and services and products equipped along side a hyperlink to look the mission reside. That is adopted via a CTA, a two-column phase with a background symbol in parallax and a testimonial slider, social observe buttons, and an Instagram feed.
This one was once evolved for cellular first. The web page is presented with a big phase with extra-large textual content that features a identify and outline. On scroll and ticker seems on the backside of the web page and stays at the display on this location. The cursor is modified to a big arrow and adjustments to a big hand whilst you hover over a picture. The tasks are displayed in two columns. The web page additionally features a record of services and products, touch shape, and e-newsletter opt-in. The footer is published on scroll and shows video that displays in the course of the cut-out phase of textual content.
That’s our have a look at 11 Divi internet sites with cool portfolio pages to assist encourage you to your subsequent Divi web site. There are many articles right here on the ET weblog that focal point in particular on portfolios or parts corresponding to blurbs, pictures, or galleries.
Listed here are only some:
- How to Use a Filterable Portfolio and Post Navigation to Organize Case Studies with Divi
- 3 Free Beautiful Project Page Layouts (& How to Build More with the Divi Builder)
- How to Use Divi Leads to Measure Your Portfolio Site’s Effectiveness
- How to Create a Minimal Portfolio Homepage with Divi
- Using Filters, Hero Sections, and CTA’s to Expand a Minimal Portfolio Homepage
- Free Divi Download: Homepage Portfolio Layout Pack
- Free Divi Download: Creative Single Page Portfolio Layout Pack
- Using Divi’s Fold Animation to Make Blurbs Bloom
- How to Add Advanced Hover Effects to Divi’s Blurb Module Using Hover.css
- 5 Fun Ways to Style Divi’s Blurb Module
- Creating a Grayscale to Color Gallery with the Divi Gallery Module
- How to Create a Unique Overlapping Effect with Background Images
- How to Use Divi’s New Filter Options to Beautify Your Images
We wish to pay attention from you. Which of those internet sites with cool portfolio pages are your favorites? Tell us within the feedback.
Featured Symbol by way of Graphic farm / shutterstock.comWordPress Web Design