The widget library for Squarespace is here Learn more

Floating Portrait Call to Action Section

lock Export Widget Available with Redesignee Premium

The Floating Portrait Call-to-Action is an immersive, high-conversion section designed to add a human element to digital environments. By surrounding a central message with a "constellation" of organic portrait frames, this widget creates an immediate sense of community, team strength, and social proof. It is a premier design choice for brands that want their "Let’s connect" sections to feel welcoming, populated, and full of life.

Design & Visual Aesthetic

This widget breaks away from traditional "meet the team" grids, opting for a more fluid, dynamic arrangement that maximizes the impact of human faces.

  • Constellation Layout: Portraits are scattered around the central copy in a carefully calculated, non-linear pattern. This creates a sense of "floating" depth, making the page feel expansive and high-end.
  • Organic Framing: The use of circular portraits—varying slightly in size and placement—softens the section’s overall aesthetic, making the brand feel more approachable and less corporate.
  • High-Impact Centerpiece: The layout centers around a bold, authoritative headline and a clear call-to-action button. By surrounding the text with faces, the user’s eye is naturally drawn toward the "Book a call" prompt, leveraging the human tendency to focus on eyes and expressions.

Core Features

  • Dynamic Floating Animation: Built with lightweight CSS, the portraits can feature subtle, "floating" motion effects that react to scrolling, adding a sophisticated layer of interactivity without slowing down performance.
  • Smart Face-Centering: The widget is designed to ensure that portrait images stay centered within their frames, regardless of the original photo’s aspect ratio.
  • Fully Responsive Geometry: On smaller screens, the constellation intelligently reconfigures into a tighter group, ensuring the call-to-action remains the focal point while maintaining the "team" visual.
  • Deep Customization: Through the Redesignee interface, you can easily swap portraits, adjust the headline typography, and change the CTA button colors to align with your brand’s specific conversion goals.

Where to Use This Widget

This component is most effective in sections of a website that require a high degree of trust and personal connection:

  • Primary Contact Sections: Replace the standard contact form header with this widget to show the real people behind the business before the user reaches out.
  • "Join the Team" Pages: Use it to showcase the current company culture and the diverse faces of the team to attract new talent.
  • Community & Membership Landing Pages: Perfect for sites that rely on a network of people, such as coaching platforms, coworking spaces, or exclusive membership groups.
  • Trust-Building Footers: Position it at the very bottom of long sales pages to reassure the user that a real support team is waiting to help them.

How to use this widget

  • Change your content and adjust the styles to match your design
  • Click export and copy the code
  • Paste it on your web page by adding a code/html block in your website builder (e.g., Squarespace, WordPress, Webflow, Wix) and paste the code.

👋 P.S. Have questions? Leave a comment.