Í

W E B S I T E D E S I G N ( H T T P S : / / B L O G . D E S I G N V E L O P E R . C O M / C A T E G O R Y / W E B S I T E - D E S I G N / )Û

Í

3 Things Make A Single-Page Website Stunning

With the evolution of web design, you’ve probably well familiarized with single-page websites. They are super hot, popular and if you done right, your website

could be a hit – no doubt about that! Instead of using main navigation, with single-page sites, the whole page exist on only one long page which offer a faster

and clear reading experience.

For those who haven’t known a thing about single-page websites yet, check this article (https://blog.designveloper.com/2016/08/19/bene�ts-of-using-single-

page-webistes/) out for a deeper understanding.

There are always certain things you have to follow through on when making any websites, but when it comes to creating this type of websites there are three

vital elements to keep in mind to build a beautiful one.

The simpler the betterSometimes, less is more. With single-page sites, everything should be made as simple as possible for the visitors (there’s not so much room for you to clutter

up anyway).

B y V a n D o ( h t t p s : // b l o g . d e s i g n v e l o p e r . c o m / a u t h o r / v a n d o / ) o n O c t o b e r 5 , 2 0 1 6

Í

See full page at: http://aquatilis.tv (http://aquatilis.tv)

When visitors access to your page, they want to get what they are looking for right away. Who has got the time to read volumes of text unless a person is here

to read a novel? Single-page sites give you only one shot. So, instead of beating around the bush, make sure your content is essential, short and readable.

To make sure it works, I highly recommend you to give yourself few seconds to go through your own site and answer these questions: Is your main message

clear and strong enough? Is the crucial information, especially your contact info, easy to �nd out? Is your site interesting enough to keep you stay? Then, you

get your answers!

Easy-to-use navigation

Í

Why does a single-page website need a navigation bar since all things in on one place?

Good question! It’s because everything is placed in one large room that a navigation bar makes sense. The navigation of the page will be linked to some

particular sections of that page. Visitors just need to click to any of navigating links, the page will do its job bringing them to that particular section.

Even though visitors can go there by scrolling the mouse and taking the journey by their own, you still need to have a navigation to keep your website user-

friendly.

See full page at: https://www.seedlipdrinks.com/ (https://www.seedlipdrinks.com/)

One more thing adding, your aim is to keep the navigation clean and easy to use. So don’t redirect your visitors to external website without any warning as it

can be confusing. If you must do so, consider using icons or headings to let they know where they are being redirected go.

Í

Lively engaging elementsIt’s crucial to give your single-page site a sense of life and motion. Making new elements come out and then others disappear when your visitors travel through

the site will grab their interest and retain them longer.

No matter how brilliant your content is, if you don’t break up long text with those unique effects, navigating through the site becomes monotonous and visitors

may leave out of boredom.

Instead of making some motion effects, you can also changing background colors for a better user experience. It’s hard for visitors to determine where each

section begins and ends if your sites use a single color. Let’s think outside the box and make your site memorable!

C on c l u s i onI hope this post have inspired you to make a perfect one page website for your business! Incase you’re interested in having a professional designer help you

with your one page website, don’t hesitate to give Designveloper (https://www.designveloper.com/) a call. We’re here to help you! �

Do you have your own special tips for creating a one page website? Leave a comment and let me know.

testgif

Í

(https://www.facebook.com/sharer/sharer.php?

u=https%3A%2F%2Fblog.designveloper.com%2F2016%2F10%2F05%2Ftips-

for-

single-

page-

sites%2F)

­

(http://twitter.com/intent/tweet?

source=Designveloper

Software

agency

-

Meteor

prime

partner&text=https%3A%2F%2Fblog.designveloper.com%2F2016%2F10%2F05%2Ftips-

for-

single-

page-

sites%2F)

¬

(https://plus.google.com/share?

url=https%3A%2F%2Fblog.designveloper.com%2F2016%2F10%2F05%2Ftips-

for-

single-

page-

sites%2F)

Ɩ

(http://www.linkedin.com/shareArticle?

mini=true&url=https%3A%2F%2Fblog.designveloper.com%2F2016%2F10%2F05%2Ftips-

for-

single-

page-

sites%2F&title=3%20Things%20Make%20A%20Single-

Page%20Website%20Stunning&summary=With%20the%20evolution%20of%20web%20design%2C%20you%26%238217%3Bve%20probably%20well%20familiarized%20with%20single-

page%20websites.%20They%20are%20super%20hot%2C%20popular%20and%20if%20you%20done%20right%2C%20your%20website%20could%20be%20a%20hit%20%26%238211%3B%20no%20doubt%20about%20that%21%20Instead%20of%20using%20main%20navigation%2C%20with%20single-

page%20sites%2C%20the%20whole%20page%20exist%20on%20only%20one%20long%20page%20which%20offer%20a%20faster%20%5B%26hellip%3B%5D&source=Designveloper

Software

agency

-

Meteor

prime

partner)

ã

(http://www.tumblr.com/share/link?

url=https%3A%2F%2Fblog.designveloper.com%2F2016%2F10%2F05%2Ftips-

for-

single-

page-

sites%2F&name=3%20Things%20Make%20A%20Single-

Page%20Website%20Stunning&description=With%20the%20evolution%20of%20web%20design%2C%20you%26%238217%3Bve%20probably%20well%20familiarized%20with%20single-

page%20websites.%20They%20are%20super%20hot%2C%20popular%20and%20if%20you%20done%20right%2C%20your%20website%20could%20be%20a%20hit%20%26%238211%3B%20no%20doubt%20about%20that%21%20Instead%20of%20using%20main%20navigation%2C%20with%20single-

page%20sites%2C%20the%20whole%20page%20exist%20on%20only%20one%20long%20page%20which%20offer%20a%20faster%20%5B%26hellip%3B%5D)

Ŭ

design trendsÜ one page webistesÜ single-pageÜ single-page web designÜ single-page websitesÜ web design tipsÜ

Í

Ű What Is The Best JavaScript Frameworks To Learn? (https://blog.designveloper.com/2016/09/30/javascript-frameworks/)

% (https://blog.designveloper.com)

Multiplayer Game With Unity3D And Meteor ű (https://blog.designveloper.com/2016/10/11/unity3d-and-meteor-game/)

Y O U M AY A L S O L I K E

S i n g l e P a g e A p p l i c a t i o n D e v e l o p m e n t

U s i n g M e t e o r J S

(https://blog.designveloper.com/2016/10/21/single-

page-web-app-with-meteor/)

R e a s o n s W h y V i s i t o r s L e a v e Y o u r

W e b s i t e I n 1 0 S e c o n d s

(https://blog.designveloper.com/2016/10/13/reasons-

for-leaving-a-website/)

R i d i c u l o u s M i s c o n c e p t i o n s A b o u t

W e b D e s i g n

(https://blog.designveloper.com/2016/09/27/web-

design-misconceptions/)

B e n e � t s O f U s i n g S i n g l e - p a g e W e b s i t e s

(https://blog.designveloper.com/2016/08/19/bene�ts-

of-using-single-page-webistes/)

Û Û Û Û

Ą ąÍ

Meteor Deep Dive – Reactive Programming With Tracker4 comments • 3 months ago•

Serge P. INCHAUD MAMBO — Great job miss thanx for all!

Multiplayer Game With Unity3D And Meteor4 comments • 2 months ago•

Van Do — Hi Jacob, Yes, this url is a protocol that connects to

Websocket behind Meteor. Every realtime platform was built based

on Websocket will always …

What To Consider Before Deploying A Meteor App?3 comments • 4 months ago•

Van Do — Thanks for sharing. Great article by the way! :)

Create a Meteor chat app in 30 minutes3 comments • 5 months ago•

meteorcoder — I agree, very nice tutorial indeed.

ALSO ON BLOG.DESIGNVELOPER.COM

0 Comments blog.designveloper.com Login1

Share⤤ Sort by Best

Start the discussion…

Be the first to comment.

Subscribe✉ Add Disqus to your site Add Disqus Addd Privacy�

Recommend 2

Í

Call me Cloudy. I'm just a girl who wants to enjoy every moment of her journey.

Search for... �

A B O U T A U T H O R

T A G C L O U DÍ