New brand site for Sony uses rendered JPG frames for 3D parallax scrolling
discover.store.sony.com
discover.store.sony.com
Ok, it is big, it is huge. But c'mon, they are stretching creativity, nobody else would come up with something like this, i didnt even know it was possible at all. It not all TECH API's and BITS and BYTES. Its sometimes creativity what matters.
Abusing technology to create something cool often is the first step to making the technology better support something cool like that. So somtimes there is no proper way to do it with current API's. But there is a hack todo it. This is how HTML5 video was created. Because you could hack it in with Flash. But flash was not the best way todo it.
Also, works ok on Chrome Macbook Air.
Network tab: 1410 requests | 51.4 MB transferred | 2.0 min (load: 1.2 min, DOMContentLoaded: 4.29s)
Console: 15 errors, 12 warningsThe Bad: Over complicated and choppy (anyone else?). It's basically a TV commercial that you have to keep scrolling to watch. I think there are better, simpler, less choppier ways that this brand message could have been conveyed.
Alternative: Slides/pages with full screen video? Take each scene and separate it into it's own full screen "slide" (not slide show but one slide after the other on the page) and each mouse scroll moves you down to the next slide.
I guess it comes down to fashion and at the moment these animated scroll things are it...
Assume all the usual tensions between designers and developers :).
I really don't get on with these scroll down animated sites.
As usual with these things, I don't see anything useful or informative on the landing part of the page, begin to scroll, see I'm expected to scroll for god knows how long incase there is anything useful, all I usually see is show off animation, I sigh, then close the page.
Why am I suddenly expected to constantly scroll these things? Is it just so some web developer can show off their latest, now tired, seen it all before now, trick?
I want to land on a page, see if its worth anything, then possibly click for more info. If I want to see an animation, video, or what ever, just show the darn thing in a normal video. But I want a choice there, not a silly site that auto starts it, often hurting my ears, or waking up the house, with full volume in the process. If the landing page gives me interest, I'll happily watch a short advert, animation, or whatever to get more info.
Why all this scrolling? There are much simpler ways to show all this, without me having to almost work to get to see it. Its not my message, its theirs. Why are they making it harder for me to see their message? I just left the page.
Just me?
Oh, BTW, I have some magic beans for sale on a pretty website. Any takers?
Maybe if you make a pretty website he would "feel like" buying some magic beans and eventually decide not to.
personally, i love the scrolling. you get to stop and look at things. in the future, these are going to have much more interaction and exploration. That's the next logical step.
They start by saying "we are engineers, but we are also artists", then they spend the rest of the ad creating this separation between engineers and artists, that seems to be common to most electronics companies, like this:
"You don’t wear a TV. You do wear the Personal 3D Viewer. So, we had to rethink our process. We started by designing from the inside out but ended up with a chunky, unwieldy viewer. So we reversed tack and designed the outside first. Only then did we arrange the internal workings and make something desirable to both watch—and wear."
The reality is that Sony has _always_ been focused on how things look and on making things smaller, there are many stories about how their product managers would carry around a wooden replica of the final product as they wanted it to be, challenging the engineers to make it smaller and make it all fit (open up an early MiniDisc player, and you'll see this process at work :).
So this just makes the whole ad look like it's created by a marketing department that doesn't know anything about Sonys history and its design philosophy.
The irony is that while Sony chases the Apple halo, Apple's released a couple of ads recently that are highly defensive underneath the sugar-coating. The "Making a difference. One app at a time." videos http://www.apple.com/ios/videos/ http://www.youtube.com/watch?v=MOUfzyAEQHk seem intended as a rebuttal to the "lol Angry Birds" dismissal of the iOS App Store, while "Misunderstood" http://www.youtube.com/watch?v=nhwhnEe7CjE is a response to the moral panic about smartphone zombies (and to a lesser extent the "iOS is for consuming, not producing" criticism).
* Well, since maybe the '70s at least.
What their site, their opening punchline, the responsive design problems, and the slowness make me feel is that they're overly focussed on superficial form at the expense of deeper functionality.
Then again, isn't that what almost all advertising is trying to do these days: draw your attention to the superficial form so you forget to criticise fundamental flaws with the design?
Yeah I dont take calls underwater but I keep a bag of rice handy...
Also, I visited the site using a Thinkpad T60, which dates from around 2006 and would not be considered high-end. Using Chrome on Ubuntu, it was pretty smooth - but I let it load before trying to scroll.
It would be nice if they were. But all manufacturing involves design and price tradeoffs.
I have a Sony Rx100ii (great camera) and it would be nice if that were waterproof. But it's not and Sony (and others) offer a different camera that is waterproof (but doesn't have the features of the Rx100ii). Any feature adds to cost (or maybe makes something else not practical or not as good). Even a slight increase in cost can change the demand curve. Or performance (take a car with 4 wheel drive vs. 2 wheel drive). Etc.
By the way my own example of "should be" involves desktop or rack mounted servers having at least a nominal surge protection or UPS. Obviously that has been thought of and ruled out for various competitive reasons. (Weight, size, cost, demand).
I just want the best tool, period. Since a price point for best device period is well established since the original iphone, and the build cost keeps going down, at one point it is this feature/that feature tradeoff for the next-gen iteration.
I care more for indestructibility for a wearable or quasi-wearable device than for a fingerprint reader that sort of works. And for a better camera that opens at 1.8 or even 1.4 than for 9 grams less in my pocket and 1mm less thickness.
But that's me. I guess the folks at Apple have a better algorithm. I'm really tempted by the xperia tho, just not ready to ditch iOS, although the banning of coinbase got me really close.
The animations are nice, but they are basically doing frame by frame 704 × 396 movie that look terrible when pushed to 1920 wide.
Just use a proper video format, which is much more efficient.
How is this better than Flash landing pages, exactly?
I don't understand what you're statement means in terms of what it is replying to.
On the plus side, I didn't know about these "Smartphone Attachable Lens-Style Camera", is there someone here able to tell me if it is worth it? (I have a Galaxy Note and no other camera).
I first read about such lenses and other similar products on http://photojojo.com/store/ . They have such products for both android and iphone.
Now, is it worth it? Depends on your requirements. If you don't want to get into professional photography but still want to improve the quality of your photographs you can use one of these. However, remember that these don't replace DSLRs.
1. Mobile Camera : average quality/almost zero creative control/very good mobility
2. Mobile Camera + Lens accessory : better quality/almost no creative control/good mobility
3. Point & Shoot Camera : decent quality/little creative control/good mobility
4. Hybrid/Zoom Camera : decent quality/very high optical zoom/decent creative control/poor mobility
5. Mirrorlesss/Interchangeable Lens Camera : Good quality/Good Creative Control/average mobility
6. DSLRs : Good quality/Good Creative Control/Poor Mobility
I personally prefer to keep [1] in my pocket & [5] in my bag(along with lenses). I also have an old Zoom Camera that usually sits in my home. I occasionally use it together with a teleconverter lens to take photographs of sun, moon & objects/people that are far far away.
1)http://photojojo.com/store/awesomeness/cell-phone-lenses/
2)http://photojojo.com/store/awesomeness/macro-lens-band/
3)http://photojojo.com/store/awesomeness/iphone-telephoto-lens...
4)http://photojojo.com/store/awesomeness/olloclip-iphone-lens/
edit: firefox runs the page smoothly, but on other pages, still can't top IE's smoothness. What a weird world it is now.
When I click the last page button on the right side, it runs smoothly through all animations, same when happens when I scroll around. Can't wait to see someone make a blog post on: "This is how Sony exploited HTML5 to run Smooth Parallax Effects on their Page".
I ran it in Firefox with about ~100 tabs open having over a dozen addons, an IDE opened and npm install running in the background.
tips fedora
It's quite a simple and elegant way to do it, other than the incredibly large number of images required to pull it off. You are essentially watching a video frame-by-frame.
As for the smoothness of it, your mileage may vary based on various things to do with your personal setup.
For me it is not smooth on Firefox. It's choppy but still presentable. The experience is much better in Chrome on my Mac.
But seriously, this is crap (at least on Firefox). It's slow and choppy and it has a (however brief) unskippable intro. Pretty, but broken.
I haven't been a big fan of these types of pages, especially the type that take over the scrolling functionality. I was recently tasked with building one. The creatives love it, I dislike these pages even more now.
Quite funny how the use meta keywords like its 2002 … "download movies online, online movies, internet movies, video on demand, movies on demand, tv shows, watch movies online, watch online movies, support, technical, service, repair, fix, USA"
Nicely done Sony.
Feels better in my opinion. The jpg method seems too jerky.
So, where's the scroll bar?
Nor are arrow keys.
Someone tried a little too hard to optimize for Safari and OSX and forgot that's like 8% of the market.
Chrome on Win 8.1. Site is nearly un-usable (I can click in their custom scrollbar to make it move).