20 Best Personal Websites in 2013

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.



[Sponsored] Want your own personal website? Try Branded.me

branded me

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.

Visit: http://branded.me/



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.

Gary Le Masson

Gary Le Masson - Google Resume - CV Google

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?

Website: http://www.garylemasson.com/

Juliana Rotich

Juliana Rotich

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.

Website: http://julia.na/

Pascal van Gemert

Pascal van Gemert

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.

Website: http://www.pascalvangemert.nl/

Daryl Thornhill

Daryl Thornhill

This site stands out with its beautiful blurred background and its cool way of images popping out while scrolling.

Website: http://www.madebydaryl.co.uk/

Alistair Lane

Alistair Lane 

This site is classy and very ordered. When you hover over the images, they acquire accurate contrast.

Website: http://www.alistairlane.com/

Vladimir Strajnic

 Vladimir Strajnic

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?

Website: http://www.strajnic.net/

Josh Johnson

Josh Johnson

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.

Website: http://joshuajohnson.co.uk/

Jim Ramsden

Jim Ramsden

Jim’s image is absolutely inimitable. Pleasant colors and custom fonts add the general impression.

Website: http://jimramsden.com/

Kyle Thacker

Kyle Thacker

Don’t you think that these mountain peaks are so dreamy… Outlined icons on the interactive buttons of this website look very contemporary.

Website: http://www.kylethacker.com/

Nick Jones

Nick Jones - Interface Designer - Art Director Portfolio - UI-UX

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.

Website: http://www.narrowdesign.com/

Anthony Wiktor

Anthony Wiktor

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.

Website: http://www.anthonydesigner.com/

Adam Hartwig

Adam Hartwig

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.

Website: http://www.adamhartwig.co.uk/

Alexa Falcone

Alexa Falcone

This page is simply a showoff of Alexa’s projects. They make the impression of artistic chaos, which is rather intriguing.

Website: http://www.alexafalcone.com/

Daniel Kallbom

Daniel Kallbom

This site is a large showcase of Daniel’s projects; each project has its own color which changes dynamically in the background.

Website: http://www.danielolof.se/

Jens Lehmann

Jens Lehmann

This website is divided into 5 parts, and each part describes a fraction of Jens’s life. The author uses nice scrolling effect.

Website: http://www.jenslehmann.com/

Michelle Buteau

Michelle Buteau

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.

Website: http://www.michellebuteau.com/

Ken Hoffa

Ken Hoffa

How do you like this grungy design with a stylish skull tattoo? From our viewpoint its  mod.

Website: http://www.kenhoffa.com/

Martin Ringlein

Martin Ringlein

This website is based on interactivity. To navigate the site, you have to press arrow keys and observe the sections replacing each other.

Website: http://marty.com/

Gloria Kozma

Gloria Kozma

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.

Website: 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 –

  1. Get a domain name and web host.
  2. Design (or use a pre-designed theme).
  3. 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 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 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 – iPage, BlueHost, HostMetro, and Altus Host. And if you are having some extra budget – InMotion Hosting, Pressidium (WordPress only), and 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 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

personal sites_mypage

The template, My Page, is developed by Delta, single license price: $25.

View demo and more details

Jack Brown

personal sites_jack brown

Developed by Glenn, this template is a perfect template for writers who are starting their personal websites. The template costs $69 for single license and has only been downloaded once (at time of writing).

View demo and more details

Dan Brown

personal sites_sample 3

Developed Delta, single license price: $67.

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 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.