Site Design: Beagle (getbeagle.co)
over 8 years ago from Jonathan Levy, Product Developer @revealparis
over 8 years ago from Jonathan Levy, Product Developer @revealparis
Thanks for posting.
Waiting for the comments to criticise scroll jacking, SVGs, OpenGL, mothballs, parrallax, full screen photos, HTMLsss, everything.
But I'm getting too old for this. So we did it all anyway. Enjoy.
Since you expect hate, i'll give you "This is awesome, and totally intuitively understandable and responsive and optimized"
It's even context-aware, when you're on mobile, the proposal cover changes to Mobile app. Dang.
I second that. This was all of those things done extremely well. You should all be really proud! Same thing goes for the inside, by the way — I signed up for beta, and am liking it a lot so far.
That being said, $49/month is deffinitely a lot more than I expected for such a narrowly specific commodity — even considering how good the service looks and how much time it can save me. At the end of the day, it's hard for me to justify paying more for a proposal-making app than for my project management or accounting services.
While you're snarking on yourself a little, may I add that you included a soft-light, soft grain, reclaimed timber table with fancy coffee in a glass photograph? (looks lovely!)
I'm a bit gutted we couldn't get a guy with a moustache in there.
All the pretentious haters read this comment and are now pissed you took their ammo. Pete Lacey, you're a great designer and you're funny. Have a great dang day.
(this is rad btw...)
All other hate/love aside:
There's no example of what an actual proposal looks like — which, for my money, is the biggest factor in deciding whether or not I want to use a product.
I'm not sure why, but as soon as this site loaded up, my Macbook started revving up like a 747. Now it's too hot to keep on my lap :(
It uses OpenGL. Highly recommend this http://www.webupd8.org/2014/01/enable-hardware-acceleration-in-chrome.html
(and this, also, https://github.com/erkserkserks/h264ify)
Form me hardware acceleration actually is the thing that makes the fans start spinning. As soon as the GeForce in my Macbook Pro starts up (as its normally not running), the fans start spinning louder because it has to cool another chip.
If anyone is curious, this was made by the folks over at Spring/Summer and developed by a particular magician named Niels Lyngsø who is now miles high on a jet to his holiday destination.
I'll start off by saying I absolutely hate scroll jacking because it wreaks havoc on my hand. With that said, this site makes it feel about as good as scroll jacking can possibly be.
In my opinion the biggest thing most sites screw up after making the decision to implement scroll jacking is that they screw up the damn content pacing. It's either spam like crazy while getting down a tenth of the page or one 'scroll click' blasts you around the site like mad.
Beagle has good pacing and without digging to deep it feels like there is some fun magic happening :). A single 'scroll click' takes you to the next section, good fine but what about when you try and spam scroll? Well it seems like your stuck until the animation finishes or perhaps it's time limited but regardless your're not heading anywhere. Perhaps it's not great for quickly trying to hit the footer but the feeling is so natural that I think it well makes up for it. Weird effects by trying to click into the page but not a biggie assuming this site was primarily built for a mobile experience.
On mobile the scrolling was a fairly strong flick effect and I had some trouble browsing (having to flick multiple times). All these sites are built for mobile so this should just work anyway right?
My biggest negative about the site was that it was extremely hard to concentrate on the actual info being presented because of all the animation chaos. On mobile it was much more subtle and the animations didn't feel like they were in the way. Perhaps part of the issue is that the desktop animation times are too slow?
It's absolutely over the top for a landing page but managed to tickle my fancy. Thanks for sharing and keep up the work!
ps - sorry ahead of time if this post isn't clear enough (end of a long day)
Beagle's logo makes me think of rotated airbnb's belo :D
Tell me this doesn't put Made with Beagle on the cover of your proposal!
It doesn't.
Everytime people talk about scroll jacking, I wanted to criticize about it too but honestly, I don't really have any problem with it. Totally acceptable to me and I even enjoy sometimes... ¯_(ツ)_/¯
It's a problem if you're trying to make a functional site, where people are trying to get something done. for a single-page promotional site, it's a neat gimmick and in this case i think it works.
I don't know why everybody has jumped on the scrolljacking as the thing to criticize, when the site has a loading screen. it's not a game or media or a rich app that's loading in a ton of data, there's no excuse for blocking your landing page with a loading screen.
Crashed both latest versions of Safari and Chrome at the opening logo animation on my iPhone 4S :(
Love this site, and scroll-jacking - so reviewing it for Unmatchedstyle. But also just listened to a speaker at ConvergeSE last week on accessibility - so I'm torn because there doesn't seem to be a fallback for it if you turn off javascript... so writing an article on that too.
I echo most of the sentiments in the comments already, but as I am a newbie to canvas design, I'm curious how well this sits in the eyes of Google crawlers (since almost everything is a canvas "image")?
The great guys at http://springsummer.dk/ made it, and there is a whole bunch of fallbacks that can get picked up by Google (not that there is much content on their anyway).
The mobile experience has been simply gorgeous. No matter what you might say, this is real cool stuff.
Some of the panels are quite nicely done. I don't mind the scrolling but I feel like it would be better placed on a tour page. Further, I would love to see an example of what the actual proposals look like.
So vivid and fluence scrolling animation! How do you make it? Any software in use or just coding?
You killed scrolling as well as the will to inspect those circus show you made instead of working on good UX.
will install a good ux next time.
This is one of those sites where every detail is just perfectly put together. Love the grain on the photos, too.
Hey. Looks cool. I like it.
The first half was pretty. Don’t know about the rest; Safari beach-balled on my rMBP.
While I'm using a critic of scroll jacking, this is so well done it's hard to be anything but impressed. Nice work!
scrolljack my heart.
This is really amazing work! I don't get why people always seem to get upset by scroll jacking anyway...
Very good
I'll echo other sentiments and say... holy $#!%! I can forgive scrolljacking when it's done like this. A really wonderful example of engaging design.
Way to get ahead of the scroll-jacking heat. As much as I want to bring the heat, I can't. This site is just too fun to look at, I'm using my keyboard to ensure that I do not become frustrated :)
PS. Is gravity-defying triangles, squares and circles the new "it" thing?
This is so amazing. I pulled it up on my phone just to check what you guys had said and WOW. I really thought the mobile view would loose all the cool stuff of the desktop version (as most do). Well done!
Instant karma's gonna get you.
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now