“Livatars,” a Portmanteau for “live avatars,” is a pretty simple concept: Take a traditional headshot and make it subtly animated so the person in it appears alive. It’s an homage to the living newspapers in Harry Potter and player popup profiles that appear on tv during sportscasts. We tried this on Aviary’s company page and have gotten great feedback on it from people who stumbled across it by accident.
I wouldn’t even call it a pattern yet, except I just noticed it has also popped up on wefollow’s company page as well. They did a more technically elegant implementation than us (if you don’t care about IE7-8 support): We used animated gifs and they used HTML5 background video with a CSS vector mask on top of it.
Benefits over a traditional headshot:
- Not boring, without being too over the top or trying too hard. It will probably make the viewer smile when they notice what’s going on.
- Makes the people in the photo that much more relatable.
- Seeing one makes you want to see a photo yourself alive on that page as well. What better way to unconsciously recruit?
- Simpler to implement than other about page easter eggs: Just record a few seconds of video of someone standing still and loop it back and forth.
The trick is to shoot for subtlety and have everyone try to stand completely still when you record them. You want the viewer to do a double take when they think a static snapshot blinks at them out of the corner of their eye as they quickly scan a page.