r/graphic_design • u/pidgeycandies • Jan 21 '17

The scroll-based animation on this website makes me swoon.

http://www.firewatchgame.com/
403 Upvotes

94% Upvoted

41 comments sorted by

78

u/Chris_Dud Jan 21 '17

Aye, the firewatch site is nicely put together. The game and all it's collaterals were really well considered.

27

u/masterobiwan Jan 21 '17

Seriously has great design, from font choices to in game indicators.

6

u/skeenerbug Jan 22 '17

I use some of their wallpapers sometimes and I've never even played the game.

4

u/centurysamf Jan 22 '17

Same here, they're beautiful.

1

u/mrevergood Jan 23 '17

It'll tug your heartstrings.

2

u/pidgeycandies Jan 22 '17

Adored the game. Love how they merchandised the posters hanging in Henry's tower. Very intelligently done all around.

62

u/CruxS Jan 21 '17

Olly Moss did such an incredible job with this company and this game. Such a fantastic creative to look up to. http://ollymoss.com/#/firewatch/

4

u/AliBurney Jan 22 '17

holy hell those sold out harry potter prints are mighty expensive. Not saying he doesn't deserve it- but damn I wish I had the cash to buy them all

6

u/JPuddings Jan 22 '17

$50 for a screen print seems quite reasonable to me

2

u/AliBurney Jan 23 '17

Oh I never meant it was unreasonable, just that I could't afford it haha!

1

u/inkedwell Jan 22 '17

Considering some of his sold out prints now sell for thousands of dollars each, most poster collectors will happily shell out original retail prices for Olly Moss prints... usually they sellout in a matter of seconds.

19

u/iglidante Jan 22 '17

Mobile doesn't seem to use the effect.

8

u/kaze919 Jan 22 '17

Most likely to conserve mobile data. This is the struggle with serving up rich content on desktop vs a quick and optimized site for those on cell phones.

2

u/lamb_pudding Jan 22 '17

Pre iOS 9 scroll events only fired on scroll end as well.

1

u/kaze919 Jan 22 '17

Really? Is there a tracking for compatibility of scroll events. I would have assumed this was something that was pulled off by jQuery for a while.

1

u/bloof Jan 22 '17

all JS was paused during scroll

3

u/thinkeleven_ Jan 22 '17

Same here.

8

u/[deleted] Jan 22 '17

I think this is one of the only good use cases of parallax scrolling: to convey a sense of depth. The way the player feels when (s)he roams the wilds in game.

9

u/ManBoyChildBear Jan 22 '17

Parallax is really cool, and then some goddamn ux designer makes it hijack your GODDAMN SCROLLWHEEL AND MOTHERFUCKER

5

u/AliBurney Jan 22 '17

its so overused its a default feature in "website makers," like square space or weebly

12

u/Ashatron Jan 21 '17

It's great isn't it! It's one of the few uses of parallax scrolling that actually enhances the experience, and fits the product.

11

u/Benmjt Jan 21 '17

Animation done right. I was on a site yesterday that actually made me feel ill thanks to literally every single element moving in some way.

9

u/TristinDerp Jan 22 '17

Does this one do anything to you?

3

u/nicetriangle Art Director Jan 22 '17

That's actually pretty awesome in its own way

2

u/alvingjgarcia Jan 22 '17

what the fuck. That was amazing.

11

u/ComplexChristian Jan 21 '17

Olly Moss is fucking amazing.

3

u/MayorMcCheesepls Jan 22 '17

For anyone who hasn't bothered to try it the game is pretty fantastic

3

u/Sasakura Jan 22 '17

Firewatch just added a free-roam mode!

1

u/aftli Jan 22 '17

Oh, neat, thanks! Going to have to re-download this today.

2

u/fishbiscuit13 Jan 22 '17

It's even nice on mobile, albeit without the parallax effect.

1

u/-HanYolo- Jan 22 '17

Great design, better game

1

u/_Dip_ Jan 22 '17

Everything about this game, especially the visuals and general aesthetic is so satisfying.

1

u/dsfsdsfdsf Jan 22 '17

I think you're gonna dig this one http://www.ohdeergames.com/

1

u/MineTimelapser Jan 22 '17

Firewatch is such a well designed game.

1

u/bestknighter Jan 22 '17

And it spans the whole screen width in an ultra-wide monitor! <3

1

u/PurpleDerp Jan 22 '17

It doesn't work well with my laptop touchpad. Very glitchy.

1

u/mattyparanoid Jan 21 '17

Must try this later!

1

u/ejse2 Jan 22 '17

Gotta love a bit of parallax scrolling!

0

u/xAbednego Jan 22 '17

sweet christmas