Skrollr-site to showcase new product

[NoDice]

OK, so this is still not 100% ready, but as my second PW-project I have completed a showcase site for a new product of ours with the help of skrollr-script. 

Of course, the PW-administration of this site is not the main focus since this site is not expected to change much (it is a temporary thing), but it is still nice to just be able to turn the whole presentation site on and off with a checkbox (when unchecked, everything goes back to a normal site like our regular business site). 

The presentation site (note that it should be viewed in a large window on a high res desktop or laptop system to have the full skrollr-functionality kick in, also it will be turned off in Safari since their rendering of fixed position objects is so poor):

www. tend for .com/en

Our regular PW business site:

www. rele vo .se/en 

Omit the spaces.

Any feedback or pointers as far as improvements would be much appreciated! 

[Ivan Gretsky]

Nice one. Will check out scrollr - somehow it escaped my attention.

1) It seem like too much scrolling - my finger gets tired) Maybe it should change a bit faster. Especially the bearded businessman part. More dynamic.

2) The arrow in a circle on first screen looks like it has to be clickable, but it's not.

3) Do not know why, bit sometimes the site load as it should, but sometimes that icon jyst keeps on spinning.

4) It seems like you should check it on lowert screens. Not everything is perfect.

[NoDice]

Thanks so much for feedback Ivan, I really appreciate it. 

1) Yea, that is a problem with different scrolling devices, on some (like my mouse) it is just a few spins. Same on most two finger-scroll pads. So very hard to get it to work well for everything - if it is slow you can however always grab the scollbar so it seems better to make it work well for quicker devices. Granted, this is a problem for most if not all scroll-sites. A side note is that I will be sure let my colleague know he is now "the bearded businessman" - love that!  

2) It bops a bit to indicate scrolling, and a lot of scroll sites go only with an arrow, so I did as well. Might change that for text though as I have felt it looks like a button too, or just remove it and hope people figure it out. 

3) Hmm, I have not noticed that, will give it some more testing. The site is not fast though since I have gone with graphics that should look good in full screen on bigger screens, and I have not yet optimized for speed. For a more temporary I site of this kind, I may just leave it. The skrollr-scripts means I have to do a reload on resize though, that is unfortunate, but necessary for the page to look ok after resize. 

4) Not sure what you mean here, would love to get some more info (or a screen shot).

[Ivan Gretsky]

3) I am testing on Firefox with ctrl+shift+m adaptive design check. It never stops loadind. It does load in chrome with mobile view. Have not tested on real mobile devices, so might be something with the browser.

4) On mobile the white background is do narrow it is hard to read the text. Maybe it is not so important.

[NoDice]

Thanks again Ivan for you quick clarification!

I changed the circle to text now, hope that is clearer. 

Unfortunately, all the mobile sims I have seen does not get it right. It should look ok on actual mobile devices running modern browsers. 

However, some of the phone makers own browsers can't deal with vh-viewport sizing, while chrome does. An example is that older Samsung phone's browsers don't get it right, while the new Samsung browser in galaxy 6 does - and chrome always gets it right. So time should work in favor of the site here – and the big ones should work (have not tried blackberry since it is so minute here in Scandinavia).

To deal with all the different phones, I call different css:s for different phone-platforms. So hopefully it should look ok in most. This is a compromise since I could not keep the same look and feel if i did a normal responsive site like our regular business site linked above. Anyway, I am quite happy with this compromise given that I have seen scroll sites from very big corporations either mess up completely on most mobile platforms, or have a completely different "mobile site"-look.

Hope that makes some sense.  

[bernhard]

looks really gut, but personally i was a little bit annoyed by so much scrolling. if you change the whole page on one scroll action its better (for me) than having to roll the wheel over and over to get the new teaser text + image. but others may experience this differently...

[NoDice]

Thank you Bernhard - since Ivan also had the same experience, I will certainly think about making it shorter. With my mouse, or with two finger scroll on a macbook with chrome or firefox, it is really easy and short, but, yea, many desktop mouse-wheels will need a lot of scrolling so thanks for letting me know.