claims-page

Template - Team Profiles with Popups

1280px x 720px

A team profile section can provide insightful information about individuals and their roles within a team or company.

#1 in quality & performance

We test, retest, and test again, so your windows and doors work every day, day after day. It's why homeowners, builders, contractors and architects agree Andersen® products rate #1 in quality.

#1 trusted & recommended

Proud to be the #1 trusted and recommended window and door brand by builders, contractors and architects.

#1 brand for customer service

We stand behind our products and have for more than a century. With one of the best limited warranties in the industry, we'll be there if issues ever do arise.

#1 innovative window and door brand

Combining generations of industry expertise, modern insights, and a purpose-driven approach, our products continually exceed customer expectations.

Hover interactions allow you to reveal or hide folders, objects, or groups when the user hovers their mouse over your specified trigger.

In this template, when the user hovers over an image an opaque shape appears over the image. This hover interaction communicates that an additional interaction will be triggered when the user clicks on the image.

#1 brand for customer service

#1 in quality & performance

#1 trusted & recommended

#1 innovative
window and door brand

Tip: How to save time when creating multiple profile popups.

Create one popup that has the image, text format, animations, and interactions you want each personal profile popup to have. Copy and paste the popup and change the names of the pasted popup folders in the layers panel. Next, edit the text and replace the images in each popup folder. Once completed, each popup will have unique content but a consistent format. This is more efficient than making each popup from scratch.

To add a hover interaction, draw a hotspot over the area you want the user to hover. Select the hotspot and navigate to the Interaction tab in the Inspector Panel. Select “hover” as your trigger and specify the action, which can be: show, hide, show and stay visible, or hide and stay hidden. Finally, choose the folder, object, or group you want to reveal or hide.