Really cool idea! Anyway videos could be a little longer and loop with no twitch.
Thanks! Yeah, maybe we'll do a re-take.
Agreed. Otherwise its less Harry Potter and more short-creepy-GIF.
I like the idea although I have to agree it does look a little creepy haha
Forgot to mention: the videos only work on desktop browsers because you can't autoplay videos on most phones, sadly.
You could probably do a GIF fallback for mobile?
I tried it, and here it is. This is as small as I could get it, and it's still ~1.5MB. It doesn't seem like it would be very practical, sadly.
Aviary managed to do it with some pretty tiny GIFs. Might be worth a poke around?
You could save space by converting to 16 colour grayscale?
Pretty neat, nice job! I once had a looping background video on a site I was building and it also had a slight twitch. One thing you can try is to double the length of the video and reverse the clip in the second half. This trick worked well for the background video since it was pretty subtle and there were no people in it. I'm not sure if it'll work in this scenario but it's worth a try!
Use a tripod. Make people lean against the wall. Reverse the video backwards so it is a perfect loop.
my bros at wefollow did this a while ago - wefollow
I love this! Awesome :D
Glad you do, thanks so much!
Love the way these guys do their hoverstates
hey, thanks! :)
The photos look cool.
Just be careful with the justification of the text. Repsonsive columns of justified text are a lot of work to get right. At some point you tend to get rivers and orphans. Unless you test for every little size, but then you will probably need to find different words, in which case you might want to consider using breakpoints instead of fluid. Also, I don't think all your introductions need to start with About. But that might just be me. =)
This was my first thought since I opened it in a browser with an odd breakpoint. Justified type with narrow columns made it very hard to read. Nice idea with the avatars though.
I love the pictures. Question though, why does everyone seem to be using those polygon pattern backgrounds now? They are everywhere.
No idea, I just thought a low-poly look would work well with our brand's aesthetic. Glad you like it!
PS: Love the avatar.
Crush + Lovely also did this a while back on their Team page.
Reminds me of http://2011.buildconf.com/
I tried to pull off the same effect on a Chocolate Factory website: https://viderichocolatefactory.com/about-videri
That's really fun but strangely creepy. I felt like I was being watched when I was at home and ehem not really dressed for conversation.
I really like the idea but I think you'd be better off with small, subtle movement. For example, have the image still for 4-5 seconds and then just have the person blink once. That will get you closer to the effect your trying to achieve.
Basically more like this: http://cinemagraphs.com/
A similar example of a friends work using gifs: http://shenhau.com/albums/9/
Typically the Harry Potter ones have a longer interaction. Right now it would probably be okay to just throw up a GIF instead of putting up a video file for a 6 second clip. It's not really that neat since I've seen a million gifs in the past, all looping in incredibly short periods of time. This feels no different.