A captivating About web page could make your site stand proud of the gang. Too continuously the About web page turns into a spot the place details about the corporate and its individuals is dumped with out a large number of design or styling. Thankfully, there are many well-designed About pages created with Divi to lend a hand encourage you in your subsequent Divi design. On this article we’ll take a look at 9 Divi internet sites with fascinating About pages.
About pages normally include staff and private profiles, corporate knowledge equivalent to historical past and a venture observation, lists of talents, touch bureaucracy, and many others. I’m additionally taking a look on the structure design, use of pictures, colours, and fonts. I’ll display a picture of the phase I really like and talk about what I appreciated about it. The internet sites are in no specific order. Hang out till the tip for a couple of hyperlinks that will help you design your personal fascinating About pages.
1. General Productiveness
This one presentations particular person modules with alternating blue or inexperienced backgrounds and no house between them in order that they contact on both sides. The rows change which colours they start with, making a checkerboard-style grid. Many of the photographs are uniform. I just like the LinkedIn icon within the nook. The touch knowledge and signup shape use the similar colours.
This one has an enchanting staff member’s space with photographs in full-with that overlap every different. The pictures partly slide to the best on hover and presentations an animated overlay with the individual’s title and divider. The divider slides into position from one course whilst the title slides from the opposite. The About knowledge presentations a forged block of colour that blends with the web site’s branding.
3. Pass Crayons
This one divides the About web page into sections with a purple vertical line and textual content that adjustments from one aspect to the opposite. A number of sections overlap the background and use alternating components. My favourite phase presentations staff individuals’ photographs over styled letters from their first title. The pictures overlap the letters and the opposite photographs. The backgrounds from the pictures and the letters fit the web site’s styling.
This one makes use of a gradient overlay with a styled development over the picture. This identical development is used with out the picture as an electronic mail name to motion on the backside of the web page. The web page additionally presentations a brief bio and abilities inside of circle counters. Considered one of my favorites is the phase with interviews. At the left is the identify, divider, textual content, and social buttons. At the proper is 2 photographs over a unmarried symbol to create a multi-column structure. Every symbol is a PDF obtain hyperlink. I additionally just like the styled navigation slider at the proper.
This one presentations the corporate’s building historical past inside of a vertical timeline, with containers on all sides of the road. Every level at the timeline is positioned inside of a field and slides outward on hover. The containers have an arrow pointing to the nodes at the timeline. Containers for primary milestones span each columns.
This web site presentations the corporate’s venture, imaginative and prescient, and values inside of an enchanting slider that features a background symbol with overlay, vertical textual content, and a styled dot navigation at the proper. Their plan for luck is displayed as a numbered timeline with huge numbers and icons, with every part a special colour and positioned over an enchanting background. The method may be displayed on a timeline, however this one is within the form of a lightbulb.
7. 8020 Graphics
This web site makes use of fascinating graphics all over the About web page that fits the branding of the site. The hero space presentations the corporate knowledge with inexperienced highlights subsequent to a graphic that makes use of the golf green and yellow highlights from the site. A piece of blurbs appearing the method makes use of identical cartoons that come out from their turned around backgrounds and inexperienced textual content.
This one makes use of full-width sections for the hero space, corporate knowledge, staff member photographs with textual content and hyperlinks, venture observation, and a couple of CTA’s. What stands proud to me is the multi-column symbol montage with a unmarried coloured field as a identify. I additionally just like the staff member symbol that puts a quote throughout the symbol.
9. Brionne Davis
This web site has a biography web page with a full-screen symbol, identify, and title over the picture’s background. The bio is supplied in two columns adopted by way of a picture gallery of labor. I really like that this web site makes use of a full-screen symbol as a header. That is not unusual on homepages, however they’re now not as widespread for About pages. I like the colours within the symbol and the shadow impact at the identify.
That’s our take a look at 9 Divi internet sites with fascinating About pages to lend a hand encourage you in your subsequent Divi site. For much more lend a hand along with your Divi designs there are many articles right here on the ET weblog. Many focal point on a unmarried part that we usually see on a well-designed About web page. Listed here are only some:
- How to Create a Compelling About Page for Your Portfolio Website with Divi
- How to Add Star Reviews to Profile Pages with Divi’s Babysitter Layout Pack
- How to Create a Person Module with Bio on Click
- How To Add A Bio Hover Effect To Team Member Photos In Divi
- How to Design a Standout Work Experience section for Your Freelancer Site with Divi
- How to Use Divi’s New Opacity Filter Option to Create a Stunning Team Section
- How to Create a Contact Form on Click with Divi
- How to Create an Inline Contact Form with Divi
- How to Create a Quote Form With Divi’s Contact Form Module
We need to pay attention from you. Which of those About pages are your favorites? Tell us within the feedback.WordPress Web Design