Single Page Website

Hi All,

I have just completed my first single page website design. I have built this website from scratch without using any templates. I have used jQuery, HTML 5 video, CSS3 and fullPage.js.

http://blahdblah.s3-website-eu-west-1.amazonaws.com

Please let me know what you think.

Your post was moderated since new members are not permitted links. Your link seems appropriate and this thread is approved.

It has a nice balance - thank you for sharing.
I thought your bounce was a bit too punchy - I personally wanted it to be slower to appreciate the effect.

Acorn

Really nice design, though the navigation may be a bit too subtle for some.

The slideshow goes a bit wild when scrolling on my Mac.

Love the flyover sequence, though I wanted it to lead somewhere.

The photography is amazing. Lorem ipsum a bit surprising. Work in progress?

Very good, professional website, the use of the full page slideshow is perfect as is the photography. I agree with Acorn on the bounce, perhaps more of an ease-in rather than a bounce, but overall a great website, well done. Just one note, are you planning this as a theme/template or a full fledged website for yourself or a client?

Quote:

---

Originally Posted by Acorn

It has a nice balance - thank you for sharing.
I thought your bounce was a bit too punchy - I personally wanted it to be slower to appreciate the effect.

Acorn

---

Thank you for your comments. I have slowed most of animations down by about 500ms which seems to give a much more fluid feel. I have also removed most of the animations for mobile devices for a smoother experience.

Quote:

---

Originally Posted by pauland

Really nice design, though the navigation may be a bit too subtle for some.

The slideshow goes a bit wild when scrolling on my Mac.

Love the flyover sequence, though I wanted it to lead somewhere.

The photography is amazing. Lorem ipsum a bit surprising. Work in progress?

---

Thank you for your comments. I have fixed the bug when navigating the site on a mac. I have also added a setTimeout onto the mouse scroll event so if you scroll lots of times quickly it will not fire multiple times.
You are correct the website is not finished yet (often a good time to get feedback - allows for quick changes)
I will look at adding something to the end of video at a later date, I have added a few extra slides using some full screen Youtube videos which work really well - let me know what you think.

Cheers

Quote:

---

Originally Posted by Cloud

Very good, professional website, the use of the full page slideshow is perfect as is the photography. I agree with Acorn on the bounce, perhaps more of an ease-in rather than a bounce, but overall a great website, well done. Just one note, are you planning this as a theme/template or a full fledged website for yourself or a client?

---

Thank you for your comments. At the moment I am just trying out some new technologies for building eye catching websites. I might end up using something like this for my website.

Cheers

The Mac retina screen reveals the secrets behind the panorama, I'm afraid..

Quote:

---

Originally Posted by pauland

The Mac retina screen reveals the secrets behind the panorama, I'm afraid..

---

Oh my it sure does not look amazing on the high res monitors. I will pick a different location with better pictures. I am using Google Street View to do this at the moment.

Thanks for pointing this out.

Quote:

---

Originally Posted by j1mb0jay

Oh my it sure does not look amazing on the high res monitors. I will pick a different location with better pictures. I am using Google Street View to do this at the moment.

Thanks for pointing this out.

---

You could upscale the image for retina, it will probably look OK. For certain without a retina equivalent I'm getting a different experience to everyone else.

Quote:

---

Originally Posted by pauland

The Mac retina screen reveals the secrets behind the panorama, I'm afraid..

---

Please can you let me know if the new panorama works any better of your monster screen resolution.

Thanks

Well, yes, but the football ground is actually streetview and is pretty confusing - I wasn't expecting that.

I don't think it's a great idea dropping the user into streetview, unannounced.

Quote:

---

Originally Posted by pauland

Well, yes, but the football ground is actually streetview and is pretty confusing - I wasn't expecting that.

I don't think it's a great idea dropping the user into streetview, unannounced.

---

The last one was always street view (note the Google icon in the bottom corner of your screen shot).

I will keep looking into it. Was just an idea that I thought was a little cool for the last slide.

Quote:

---

Originally Posted by j1mb0jay

The last one was always street view (note the Google icon in the bottom corner of your screen shot).

---

I thought you'd assembled the images using streetview, not embedded it.

Quote:

---

Was just an idea that I thought was a little cool for the last slide.

---

I really hated it. I didn't expect it and I felt a bit annoyed that someone would feed me an interface where I expect images and video, then suddenly I'm exploring some stadium via streetview.

When I navigate on my Mac I rarely use buttons or slider bars to scroll through interfaces. I use two finger (not rude!) gestures on the trackpad. Suddenly I am scrolling around streetview, not your interface. It's just not consistent.

It's a step too far, I think.

[ What do other people think?]

Quote:

---

Originally Posted by pauland

I thought you'd assembled the images using streetview, not embedded it.



I really hated it. I didn't expect it and I felt a bit annoyed that someone would feed me an interface where I expect images and video, then suddenly I'm exploring some stadium via streetview.

When I navigate on my Mac I rarely use buttons or slider bars to scroll through interfaces. I use two finger (not rude!) gestures on the trackpad. Suddenly I am scrolling around streetview, not your interface. It's just not consistent.

It's a step too far, I think.

[ What do other people think?]

---

Thanks for this detail. I was unaware that the mouse scroll event was been captured by Google Maps and was stopping the standard navigation of the website. I have managed to find an option in the google.maps.StreetViewPanorama object called scrollwheel which when set to false stopped this problem from happening. I plan on picking a much better location for the StreetView and understand your point about having the navigation change which I have now solved.

Thanks again for your valued comments.

Cheers

I can;t see link between share here so I can judge your website design

Quote:

---

Originally Posted by diyaldin

I can;t see link between share here so I can judge your website design

---

Post #1

All good in your single page web design. appreciate your work

Sigh.

Thumbs up for your very first design I seriously loved it :)

This is a beautiful website! Well done!
What I want is a horizontal website (like yours) that can be scrolled horizontal with the mouse wheel. Is this possible to realize with a simple script? (In XDP X10)

That so cool single page website. Where did you get it I mean you make it yourself or get it from somewhere else?