Team Builder Grid Demo
The most common, attractive and responsive design layout for the team showcase of your dream. Check out just a few ideas we prepared for you.
- Lawrence PetersUI/UX Designer
- Crystal KelleyMuse
- Miranda WoodsGraphic Designer
Aerial Style
Here’s simple and clean example of grid. You can watch more complex designs including slider, skill bars or filters below. Check out custom hover effect over members and social tooltips!
Open member’s profile page with awesome sliding panel. Use templates, put any content and style. Check it out on separate demo page.
Magazine Style
You can setup your grid to display big photos and show less crew members but with full bio. Additionally feel free to add any fields like Skype, e-mail, phone etc. Make it easily with power of admin builder.
- Megan MillerWeb DeveloperLorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
- Photoshop
- Illustrator
- After Effects
- Sketch App
- Sean KimStylistDuis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
- Glamor
- Awesomeness
- Laziness
- Crystal Kelley
- Lawrence Peters
- Megan Miller
- Wayne Ferguson
- Alexander Hawkins
- Paul Torres
- Sean Kim
- Miranda Woods
Testimonials Usecase
As we promised there are much more use cases than just team building. For example use this pre-defined template to display testimonials on your website. Or you can use it for your crew member's quotes.
Meet the Team: Classic Grid
What can be better than simple classic grid with beautifully designed cards? Experiment with hover effects, try different colors, image size and shape to match your website or craft unique design.
One More Slider
The good news you can turn any grid into slider in one click. Decide how many cards to show per row, design single card and you are ready to go.
The advanced trick is you can achieve more interesting design by experimenting with shortcode’s container width. You can find interesting to make container shorter or longer with page builder plugins.
- Megan MillerOdessa, Ukraine
- Photoshop
- Illustrator
- After Effects
- Sketch App
- Sean KimLondon, UK
- Glamor
- Awesomeness
- Laziness
- Paul TorresNew York, USA
- Kindness
- Generosity
- Punctuality
- Sense of humor
- Alexander HawkinsLyon, France
- Precision
- Punctuality
- Ideality
- Modesty
- Wayne FergusonDresden, Germany
- WordPress
- PHP
- CoffeeScript
- Coffee Brewing
Team Filters & Star Bars
Filters are handy tool to organise your team by departments on your website. Yes, it's optional as everything in Team Builder. And you can change any colors of course. Assign as much "tags" to your employees as you wish and filters will adjust automatically. Check out these amazing star bars that you can try instead of skill bars and find so many ways to use it on your website!
- Crystal KelleyMuse
- Game of Thrones
- Gotham
- Wayward Pines
- House of Cards
- Lawrence PetersUI/UX Designer
- Game of Thrones
- Gotham
- Wayward Pines
- House of Cards
- Jose JonesRockstar
- Game of Thrones
- Gotham
- Wayward Pines
- House of Cards
- Miranda WoodsGraphic Designer
- Game of Thrones
- Gotham
- Wayward Pines
- House of Cards