The touch web page may also be probably the most vital pages of a website online. It presentations the customer how to succeed in you, the place you’re situated, supplies them with a approach to observe you on social media, and may also be your name to motion. Touch pages aren’t the focus, in order that they don’t at all times get the design consideration they want. On this article we’ll have a look at 17 Divi web pages with distinctive touch pages to lend a hand encourage you in your subsequent Divi design.
Touch pages in most cases come with touch paperwork, however they only wish to supply touch knowledge that meets the desires of the customer. Many come with telephone numbers, electronic mail addresses, bodily addresses, maps, social hyperlinks, or any aggregate of those choices.
I’ll display a picture of the phase I love and speak about what I preferred about it. The internet sites are in no explicit order. Hang out till the top for a couple of hyperlinks that can assist you stage up your individual distinctive touch web page.
1. Adams Jump Wines
This one makes use of a background symbol with overlay to lend a hand describe the corporate. A bit that overlaps this presentations a styled map on one aspect with knowledge at the different and features a clickable deal with that opens a map, clickable electronic mail, social observe hyperlinks, and a touch shape. A styled border encases this row. That is adopted by means of a full-screen symbol, signup shape, and details about the corporate – all styled to check the website’s branding.
2. Brionne Davis
This is likely one of the maximum dramatic touch pages I’ve observed. It shows a full-screen background symbol of Brionne Davis in parallax. The shape fields are styled to create a development. A touch shape is positioned at the left with a subscribe shape at the proper. The picture stays in position on scroll. Scrolling unearths the touch information for the chief on one aspect and the ability company at the different.
3. Lucy Evelyn
This website makes use of a easy touch shape that’s styled to suit the website’s design. It features a CTA inside the textual content that invitations the reader to invite questions. The shape is positioned over a full-screen background symbol that is helping deliver out the magnificence of the website’s design.
Featured Symbol by the use of artist / shutterstock.com
4. Jason Joseph
This one comprises some distinctive styling. A full-screen symbol shows a identify with massive textual content that’s styled to check the website online. The picture makes use of a sublime phase divider and the touch shape overlaps the picture. The shape itself is modest however suits the website’s styling. Styled social observe hyperlinks, electronic mail, and a telephone quantity are supplied subsequent to the shape.
5. Fenix Pest Regulate
This website comprises a big identify phase with a symbol to introduce the touch knowledge and supply details about the carrier. A styled touch shape and not using a background supplies picks with radio buttons and a dropdown field. What I in finding probably the most attention-grabbing is the styled map that overlaps the former phase and 3 blurbs that overlap the map. The blurbs supply touch information for 3 other places.
6. MBS Accountancy
Each and every component in this website’s touch web page, together with the person touch shape fields, comprises shadow results. It features a full-width CTA with graphic and a button. The button’s textual content shows the telephone quantity. A full-width textual content phase supplies details about products and services. The blurbs subsequent to the touch shape come with a clickable telephone quantity and details about talking to them. An annotated symbol presentations parking. A knowledge phase overlaps a background symbol of a map and come with social observe icons.
This web page helps to keep the engineering theme of the website online with darkish blue and business background pictures. The touch shape features a phase with an outline in their touch knowledge procedure. Following this can be a phase that features a row with textual content and a map that’s defined with the similar blue border. The textual content supplies the deal with, telephone, and fax numbers. The map is offset and overlaps the row above it.
8. Lawn Idea
This one shows a full-screen background symbol with the touch knowledge showing over it inside a row with a black clear background and rounded corners. The guidelines comprises 4 blurbs to turn the telephone quantity, deal with, electronic mail, and social observe hyperlinks. The shape is modest and features a focused publish button on the backside that fits the corporate’s branded colours.
9. Entrance Royal Christian Faculty
This one makes use of darkish blue with gold and white textual content to check the website’s branding. The deal with is displayed on a full-width map that doesn’t zoom on hover. A touch shape and the college’s knowledge are positioned over a picture of the college with a dismal blue overlay. The telephone quantity is clickable. I really like how smartly the blue and gold paintings in combination.
10. Love No longer Landfill
Somewhat than a touch shape, this one supplies a clickable electronic mail hyperlink, bodily deal with, and social observe hyperlinks, all positioned over a center within the background to check the website’s message. It additionally features a hashtag to lend a hand unfold the corporate’s message.
11. Revel in Consume Are living
This website features a full-width map that doesn’t zoom on hover with an overlapping touch shape and a textual content module with knowledge. Somewhat than showing background colours for the fields, the shape underlines them with a colour that fits the titles within the website online. The guidelines makes use of styled icons with the similar colours.
12. Unsalted Boutique
This website shows a easy touch shape with minimum however attention-grabbing styling. The border is white, similar to the sector backgrounds, and the background itself is blue to check the phase’s background colour. The identify overlaps the border. Social observe buttons are incorporated within the footer.
13. Dukeries Properties
This web page shows blurbs with icons that create massive blocks with telephone quantity, electronic mail, and site touch knowledge. Icons are in gold and the borders use shadows to lend a hand separate them. The following phase shows a touch shape and map in combination inside a row with a background shadow. The identify and gold border overlay the row, giving it a sublime design. The touch shape portion presentations the touch knowledge above the shape.
14. Claire Salon
This one doesn’t display the shape except you wish to have to look it. It supplies the entire touch information together with corporate knowledge, bodily deal with, telephone quantity, electronic mail, map, pictures, and CTA’s. This ends up in a button that’s highlighted by means of an arrow. Clicking the button opens the touch shape in a popup. The shape itself makes use of shadow results over the gold background that’s styled to check the website online.
15. Temper Media
This one is helping slender down the kind of touch knowledge you want by means of offering alternatives that use massive backgrounds with overlays, textual content, and big icons. Clicking on Gross sales takes you to a styled touch shape over a full-screen background symbol. Clicking on Toughen opens a web page with this background in full-screen and 3 icons that can assist you slender down additional. This is helping the website online to give you the particular knowledge you want and guarantees that your knowledge is going to the right kind division.
16. NXT Ebook Media
This one handles touch knowledge for a couple of places inside two columns. It shows playing cards that come with a picture, deal with with telephone quantity, and map for each and every location. Following this can be a easy touch shape that’s styled so the background blends with the phase. The web page features a full-width creation and ends with a CTA to look the crew member’s web page.
17. Grape Seed US
This website overlaps the touch shape with the primary phase. The shape shows over a parallax background with an overlay that fits the website’s branding. Slightly below the shape is an FAQ adopted by means of social icons, a telephone quantity, and a button that takes you again to the highest of the display the place you’ll be able to see the touch shape.
That’s our have a look at 17 Divi web pages with distinctive touch pages to lend a hand encourage you in your subsequent Divi design. There are many articles right here on the ET weblog for much more lend a hand together with your Divi designs. Some come with layouts whilst others speak about particular shape plugins. Listed below are only some that debate design with Divi:
- Download The Free Divi Contact Pages Layout Pack
- How to Require a Terms and Conditions Agreement On Your Contact Form
- 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
- 5 Unique Ways to Style Divi’s Contact Form Module
We wish to pay attention from you. Which of those web pages with distinctive touch pages are your favorites? Tell us within the feedback.
Featured Symbol by the use of Stay Calm and Vector / shutterstock.comWordPress Web Design