20 Best Personal Websites in 2013
alt="20 Best Personal Websites in 2013" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Jens-Lehmann-500x358_c.jpg" />
They say that stranger’s soul is incomprehensible, but we can’t entirely agree with the statement. Most often we just don’t want to notice the obvious, pretending that it’s too personal matter or something of the kind. In fact, a human soul is not as dark as it seems. It is always ready and even willing to reveal its secrets to the confidant. As a rule, web community members having their own websites are open for communication, socialization and other things like that. Besides, personal websites serve as a kind of virtual CVs for their owners. Most often, if you are as sharp as a needle, seeing a person’s website, you’ll easily tell even more about site owner than he/she wanted to say.
class="styled-separator" style="margin: 1.5em 0 !important;">
class="line left" style="" />
class="icon-circle-blank" style="">class="line right" style="" />
[Sponsored] Want your own personal website? Try Branded.me
class="border aligncenter wp-image-12281 size-full" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/branded-me.jpg" alt="branded me" width="750" height="471" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/branded-me.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/branded-me-300x188.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" />
Branded.me is the fastest and most innovative personal website builder. Generate a personal website in seconds using content from your LinkedIn profile, while also providing powerful customization options in a simple drag and drop editor. It is the easiest solution to build high quality personal websites in the shortest amount of time.
class="meteor-icon" style="font-size:130% !important;">
class="icon-link" style="color:inherit !important;">
Visit: href="http://branded.me/" target="_blank">http://branded.me/
class="styled-separator" style="margin: 1.5em 0 !important;">
class="line left" style="" />
class="icon-circle-blank" style="">class="line right" style="" />
In this article, we will first check out the bundle of 20 cool, modern, creative personal websites that are extremely well-designed (and try to read the hidden information about their owners). And next, we’ll dig into the how-part and look at some easy ways to build your very own personal websites.
style="line-height: 1.5em;">Gary Le Masson
style="text-align: center;">
class="aligncenter size-large wp-image-8075 border" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Gary-Le-Masson-Google-Resume-CV-Google-750x532.jpg" alt="Gary Le Masson - Google Resume - CV Google" width="750" height="532" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Gary-Le-Masson-Google-Resume-CV-Google-750x532.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Gary-Le-Masson-Google-Resume-CV-Google-300x213.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Gary-Le-Masson-Google-Resume-CV-Google.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />style="line-height: 1.5em;">This guy made his website very unique and original, in Google search engine style. It looks and works exactly like Google. Have you ever seen anything more creative?
style="line-height: 1.5em;">class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: style="line-height: 1.5em;" href="http://www.garylemasson.com/">http://www.garylemasson.com/
Juliana Rotich
style="text-align: center;">
class="aligncenter size-large wp-image-8078 border" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Juliana-Rotich-750x539.jpg" alt="Juliana Rotich" width="750" height="539" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Juliana-Rotich-750x539.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Juliana-Rotich-300x215.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Juliana-Rotich.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />
style="line-height: 1.5em;">Simplicity, black and white colors, fix-positioned menu, always staying before users’ eyes and plenty of information about its owner’s activities – this is not the full list of this website’s advantages.
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://julia.na/">http://julia.na/
Pascal van Gemert
class="aligncenter size-large wp-image-8079" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Pascal-van-Gemert-750x539.jpg" alt="Pascal van Gemert" width="750" height="539" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Pascal-van-Gemert-750x539.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Pascal-van-Gemert-300x215.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Pascal-van-Gemert.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />
This site has a cool bluish movie background and a fix-positioned menu, placed in the right sidebar of the web page. It is pretty interactive, as well.
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.pascalvangemert.nl/">http://www.pascalvangemert.nl/
Daryl Thornhill
class="aligncenter size-large wp-image-8080" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Daryl-Thornhill-750x540.jpg" alt="Daryl Thornhill" width="750" height="540" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Daryl-Thornhill-750x540.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Daryl-Thornhill-300x216.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Daryl-Thornhill.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />
This site stands out with its beautiful blurred background and its cool way of images popping out while scrolling.
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.madebydaryl.co.uk/">http://www.madebydaryl.co.uk/
Alistair Lane
class="aligncenter size-large wp-image-8081" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Alistair-Lane-750x539.jpg" alt="Alistair Lane" width="750" height="539" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Alistair-Lane-750x539.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Alistair-Lane-300x215.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Alistair-Lane.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />
This site is classy and very ordered. When you hover over the images, they acquire accurate contrast.
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.alistairlane.com/">http://www.alistairlane.com/
Vladimir Strajnic
class="aligncenter size-large wp-image-8082" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Vladimir-Strajnic-750x538.jpg" alt="Vladimir Strajnic" width="750" height="538" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Vladimir-Strajnic-750x538.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Vladimir-Strajnic-300x215.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Vladimir-Strajnic.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />
This website is so special due to its illustrative character. All illustrations respond visitors’ actions, colors become fancier on hovering. Interactivity is a great plus of this personal website, isn’t it?
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.strajnic.net/">http://www.strajnic.net/
Josh Johnson
class="aligncenter size-large wp-image-8083" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Josh-Johnson-750x482.jpg" alt="Josh Johnson" width="750" height="482" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Josh-Johnson-750x482.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Josh-Johnson-300x193.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Josh-Johnson.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />
Soft colors of this website are easy for the eyes. It has fix-positioned menu. The site contains lots of examples of Josh’s works and information about them.
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://joshuajohnson.co.uk/">http://joshuajohnson.co.uk/
Jim Ramsden
class="aligncenter size-large wp-image-8084" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Jim-Ramsden-750x510.jpg" alt="Jim Ramsden" width="750" height="510" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Jim-Ramsden-750x510.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Jim-Ramsden-300x204.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Jim-Ramsden.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />
Jim’s image is absolutely inimitable. Pleasant colors and custom fonts add the general impression.
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://jimramsden.com/">http://jimramsden.com/
Kyle Thacker
class="aligncenter size-large wp-image-8085" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Kyle-Thacker-750x532.jpg" alt="Kyle Thacker" width="750" height="532" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Kyle-Thacker-750x532.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Kyle-Thacker-300x213.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Kyle-Thacker.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />
Don’t you think that these mountain peaks are so dreamy… Outlined icons on the interactive buttons of this website look very contemporary.
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.kylethacker.com/">http://www.kylethacker.com/
Nick Jones
class="aligncenter size-large wp-image-8086" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Nick-Jones-Interface-Designer-Art-Director-Portfolio-UI-UX-750x532.jpg" alt="Nick Jones - Interface Designer - Art Director Portfolio - UI-UX" width="750" height="532" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Nick-Jones-Interface-Designer-Art-Director-Portfolio-UI-UX-750x532.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Nick-Jones-Interface-Designer-Art-Director-Portfolio-UI-UX-300x213.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Nick-Jones-Interface-Designer-Art-Director-Portfolio-UI-UX.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />
Handwritten fonts of this website make the visitor believe each and every word. The website seamlessly combines modern and retro elements, which makes it one of a kind. It has a fine blurred background. It also compresses and extends when you scroll.
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.narrowdesign.com/">http://www.narrowdesign.com/
Anthony Wiktor
class="aligncenter size-large wp-image-8087" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Anthony-Wiktor-750x452.jpg" alt="Anthony Wiktor" width="750" height="452" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Anthony-Wiktor-750x452.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Anthony-Wiktor-300x181.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Anthony-Wiktor.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />
Violet color makes the grayscale not so gloomy. This is a vivid example of awesome, contemporary website with flat elements, icon-based menu and many other goodies.
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.anthonydesigner.com/">http://www.anthonydesigner.com/
Adam Hartwig
class="aligncenter size-large wp-image-8088" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Adam-Hartwig-750x532.jpg" alt="Adam Hartwig" width="750" height="532" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Adam-Hartwig-750x532.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Adam-Hartwig-300x213.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Adam-Hartwig.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />
Bright yellow color and unusual font immediately draw users’ attention. This site has a ton of interactivity. For example, letters change when you place your cursor over them. Scrolling is completely absent here; you can change content sections by click. They all are of different colors.
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.adamhartwig.co.uk/">http://www.adamhartwig.co.uk/
Alexa Falcone
style="text-align: center;">
class="aligncenter size-large wp-image-8089 border" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Alexa-Falcone-750x537.jpg" alt="Alexa Falcone" width="750" height="537" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Alexa-Falcone-750x537.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Alexa-Falcone-300x214.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Alexa-Falcone.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />This page is simply a showoff of Alexa’s projects. They make the impression of artistic chaos, which is rather intriguing.
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.alexafalcone.com/">http://www.alexafalcone.com/
Daniel Kallbom
class="aligncenter size-large wp-image-8090" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Daniel-Kallbom-750x540.jpg" alt="Daniel Kallbom" width="750" height="540" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Daniel-Kallbom-750x540.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Daniel-Kallbom-300x216.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Daniel-Kallbom.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />
This site is a large showcase of Daniel’s projects; each project has its own color which changes dynamically in the background.
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.danielolof.se/">http://www.danielolof.se/
Jens Lehmann
style="text-align: center;">
class="aligncenter size-large wp-image-8091 border" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Jens-Lehmann-750x538.jpg" alt="Jens Lehmann" width="750" height="538" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Jens-Lehmann-750x538.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Jens-Lehmann-300x215.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Jens-Lehmann.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />This website is divided into 5 parts, and each part describes a fraction of Jens’s life. The author uses nice scrolling effect.
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.jenslehmann.com/">http://www.jenslehmann.com/
Michelle Buteau
class="aligncenter size-large wp-image-8092" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Michelle-Buteau-750x405.jpg" alt="Michelle Buteau" width="750" height="405" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Michelle-Buteau-750x405.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Michelle-Buteau-300x162.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Michelle-Buteau.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />
The website is a specific kitsch with all those multiple content, photos, bright colors and notched elements. The trick works great, you’ll never miss a website like this.
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.michellebuteau.com/">http://www.michellebuteau.com/
Ken Hoffa
class="aligncenter size-large wp-image-8093" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Ken-Hoffa-750x1016.jpg" alt="Ken Hoffa" width="750" height="1016" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Ken-Hoffa-750x1016.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Ken-Hoffa-221x300.jpg 221w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Ken-Hoffa.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />
How do you like this grungy design with a stylish skull tattoo? From our viewpoint its mod.
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.kenhoffa.com/">http://www.kenhoffa.com/
Martin Ringlein
style="text-align: center;">
class="aligncenter size-large wp-image-8094 border" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Martin-Ringlein-750x532.jpg" alt="Martin Ringlein" width="750" height="532" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Martin-Ringlein-750x532.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Martin-Ringlein-300x213.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Martin-Ringlein.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />
This website is based on interactivity. To navigate the site, you have to press arrow keys and observe the sections replacing each other.
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://marty.com/">http://marty.com/
Gloria Kozma
class="aligncenter size-large wp-image-8095" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Gloria-Kozma-750x532.jpg" alt="Gloria Kozma" width="750" height="532" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Gloria-Kozma-750x532.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Gloria-Kozma-300x213.jpg 300w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/Gloria-Kozma.jpg 800w" sizes="(max-width: 750px) 100vw, 750px" />
This website is a one-pager and is let through a pleasant pinkish filter, which makes it even more feminine and sexy. It looks so soft and beautiful, just what a model needs.
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
Website: href="http://www.gloriakozma.com/#/homepage">http://www.gloriakozma.com/#/homepage
So, how to start your personal website?
Moving on, we will look at the essential steps of creating your very own personal websites. There are basically 3 major steps to start any kind of websites –
- Get a domain name and web host.
- Design (or use a pre-designed theme).
- Add in content.
1. Get a domain name and web host
On Internet, your domain is your identity. It’s how people find you and the name others pass along. So apparently, you need a good domain name – something unique, catchy, and meaningful. Useful information on getting a good domain name can be found in Jerry’s previous blog post href="http://www.webhostingsecretrevealed.net/blog/web-hosting-guides/domain-tips/">10 Tips for Choosing the Right Domain Name.
Next, you will need a web host.
When we talk about web host, we basically refer it to the company that lease out computer servers and networks to host your website. There are four types of web hosting services – shared, VPS, dedicated, and cloud hosting. While all these hosting will act as the storage center for your website; they differ in amount of storage capacity, control, speed, reliability, functions and features, as well as technical knowledge requirement.
If you are new, shared hosting should be the best type of web host to start with.
While a reliable web host is a must for all websites, it does not have to cost you an arm and a leg. Here’s a 2,500 words guide on href="http://www.webhostingsecretrevealed.net/ultimate-cheap-web-hosting-guide/">how to pick up a cheap web host that doesn’t suck featured on WHSR, do check out in case you need help. A few recommendation on budget hosting – href="http://www.webhostingsecretrevealed.net/hosting-review/ipage/">iPage, href="http://www.webhostingsecretrevealed.net/hosting-review/bluehost/">BlueHost, href="http://www.webhostingsecretrevealed.net/hosting-review/host-metro/">HostMetro, and href="http://www.webhostingsecretrevealed.net/hosting-review/altushost-review/">Altus Host. And if you are having some extra budget – href="http://www.webhostingsecretrevealed.net/hosting-review/inmotion-hosting/">InMotion Hosting, href="http://www.webhostingsecretrevealed.net/hosting-review/pressidium/">Pressidium (WordPress only), and href="http://www.webhostingsecretrevealed.net/hosting-review/mdd-hosting-review/">MDD Hosting.
2. Design (or use a pre-designed theme)
Once you have the website domain and hosting ready, the next step is to design the website itself. There are many considerations in web designs but as a beginner my advice is to take baby step. Try output something and get it onto the web. The fine-tuning and modification can come later after you have learned your skills. One easy way to design a website is to use a WYSIWYG web editor like Dreamweaver or Frontpage. Such editors work just like a normal word processor and allow you to design your site visually without handling too much technical details.
Alternatively, you can skip the web design process by using a pre-designed theme. The good news is – there are href="http://bit.ly/freewebsitethemes">plenty of free personal website themes online; plus the paid themes aren’t very expensive either. For examples, these are some of the personal website templates found on Template Monster (Web Templates > Website Templates > Personal Page < Personal Page Templates).
My Page
href="http://bit.ly/templatesample1" target="_blank" rel="nofollow">class="border aligncenter wp-image-9963 size-full" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/personal-sites_mypage.jpg" alt="personal sites_mypage" width="750" height="627" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/personal-sites_mypage.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/personal-sites_mypage-300x250.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" />
The template, My Page, is developed by Delta, single license price: .
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
href="http://bit.ly/templatesample1" target="_blank" rel="nofollow">View demo and more details
Jack Brown
href="http://bit.ly/templatesample2" target="_blank" rel="nofollow">class="border aligncenter wp-image-9964 size-full" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/personal-sites_jack-brown.jpg" alt="personal sites_jack brown" width="750" height="469" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/personal-sites_jack-brown.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/personal-sites_jack-brown-300x187.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" />
Developed by Glenn, this template is a perfect template for writers who are starting their personal websites. The template costs for single license and has only been downloaded once (at time of writing).
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
href="http://bit.ly/templatesample2" target="_blank" rel="nofollow">View demo and more details
Dan Brown
href="http://bit.ly/templatesample3" target="_blank" rel="nofollow">class="border aligncenter wp-image-9965 size-full" src="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/personal-sites_sample-3.jpg" alt="personal sites_sample 3" width="750" height="625" srcset="http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/personal-sites_sample-3.jpg 750w, http://whsr.webrevenueinc1.netdna-cdn.com/wp-content/uploads/2013/12/personal-sites_sample-3-300x250.jpg 300w" sizes="(max-width: 750px) 100vw, 750px" />
Developed Delta, single license price: .
class="meteor-icon" style="font-size:130% !important;">
class="icon-globe" style="color:inherit !important;">
href="http://bit.ly/templatesample3" target="_blank" rel="nofollow">View demo and more details
3. Add in content
I can’t really teach you what kind of content to be added to your personal website but to help you on brainstorming – ask these questions to yourself –
- What is the purpose of your personal website?
- Who are your target audience? Students, potential clients, shoppers, etc.
- What are the must-have info on the site? Portfolio, contact details, product specifications, etc.
- How do you present those info? Gallery styles, point forms, animations, etc.
The rule of thumb in good web writing is to href="http://www.webhostingsecretrevealed.net/blog/inbound-marketing/headlines-writing-guides/">write kick-ass headlines. As people generally don’t start reading right after they first reach your website, engaging headlines are very much needed to hook your visitors.
Your Turn: Which Is Your Favorite?
Did you like our collection of personal websites? Which one seemed the most creative to you? What do you think is the most important in personal sites? Please share your opinion in the comment section. We would really appreciate that.
All websites you have just seen are of 2013 year and it’s safe to say that their designs are the ones of the new generation. We hope this compilation will help you to create your own personal website according to all modern tendencies.
Page 16 – Web Hosting Secret Revealed
Aucun commentaire:
Enregistrer un commentaire