Team Summary Tabs
Summary Block + Custom CSS
Using Custom CSS and the native Squarespace summary block, we designed team summary tabs designed to look like folder tabs to go along with the playful, school supply design throughout the rest of The Learning Loop website.
This feature introduces site visitors to The Learning Loop team, establishing their credentials & qualifications, while keeping the tone of the design welcoming and playful–without being infantilizing. The functionality has intuitive visual clues (shadows, a click mouse, etc.) to guide users through what actions they are supposed to take if they want to interact with the section, rather than continue scrolling.
Design Strategy:
Establish professional credibility & qualifications, without feeling inaccessible: site should lead visitors to where they need to be, with information given as it is useful.
Intentional interactive elements to give site visitors the feeling of a collaborative approach, while guiding them through the site in the most effective way.
Fun, colorful and playful design, without visual clutter or childish elements. Decorative elements and design features should all feel welcoming to parents looking for support for their child’s education, as well as encouraging to adult learners who may be seeking similar resources–while they are not the target demographic, they should not feel out of place when visiting The Learning Loop website.
Strategic use of native Squarespace features to make updates to existing sections easy for The Learning Loop team after hand-off.
