Fantastic Personal Websites and How to Make Them
Tags: career, beginners
Published: 2018-02-07 03:41:05

---
title: Fantastic Personal Websites and How to Make Them
published: true
description: Personal websites are becoming nearly as standard as a resume for a prospective software engineer, designer, or product manager -- and for good reason.
tags: career, beginners
---
Personal websites are becoming nearly as standard as a resume for a prospective software engineer, designer, or product manager -- and for good reason. Personal websites are a great way to show tech or design savvy and provide a more personal and playful format than a standard resume (plus you can put your resume on your website anyway). A site is more interactive than a piece of paper and will make you stick out, as well as open up potential conversation topics. There are many approaches to creating a personal website and you should think carefully about yours -- this will be your internet representation to recruiters and many casual google or linkedin searchers.

Next we'll look at particularly memorable personal websites (eye candy ahead) and go through some advice for creating or updating your own.

### Different purposes of personal websites

Personal websites fulfill many different purposes. I’ve covered some of the bigger categories below.

#### Portfolio
For an artist or designer a personal website can serve as a portfolio of your work. It is a great format and easy to keep up to date. For example, consider this [site](http://lefft.com/) from freelance illustrator Paddy Donnelly. Open these sites up to get the full experience.

![](https://thepracticaldev.s3.amazonaws.com/i/q2gq0m32cnjf6bv6soqf.png)

#### Resume 
In its most basic form, a personal website is a great way to make your resume more interesting. Even taking the text from your paper resume and formatting it nicely on a website with links to your email is a great start. For example, Jackie Luo gives a readable version of her resume on her [site](http://jackieluo.com/). 

![](https://thepracticaldev.s3.amazonaws.com/i/4ylsr3ybq8azb3p49mlo.png)

#### Centralized about me
Even if you do not want to showcase your professional experience, a personal website can be a good way to centralize search information about yourself. Many people provide links to their social media accounts on their websites. For example, Safia Abdella’s [site](https://safia.rocks/) is clean and simple and provides easy access to key information anyone visiting her site might want.

![](https://thepracticaldev.s3.amazonaws.com/i/mfg6uhfd1zwteo422d71.jpg)

#### Blog 
A personal website is a great place to keep a blog, which can be a great way to show your writing to your visitors. Alaina Kafkes provides links to all of her latest content on her [site](http://alainakafk.es/#/words) in addition to links to her profiles on dev.to and medium.

![](https://thepracticaldev.s3.amazonaws.com/i/9fsaresu0saxr195mwgm.png)

#### Something else 
Tell your story to the internet. Resumes, social media profiles, and even your Facebook page are rather rigidly controlled. A website is a space that can be whatever you like: a gamified wonderland, minimal description, or whatever. Consider Robby Leonardi’s award winning gamified resume [site](http://www.rleonardi.com/interactive-resume/).

![](https://thepracticaldev.s3.amazonaws.com/i/j69t5vlmeani2k8a67w3.png)

### Personal websites throughout your career

If you are a recent graduate or making a career transition, a personal website stands out to tech recruiters. Even back in 2013, Forbes reported that 56% of all hiring managers said they were more impressed by candidates’ personal websites than any other branding tool. 

As a prospective designer or software engineer you can showcase your technical abilities right on the page! Even if you do not do something technical, websites are more eye-catching and personal than a paper resume so this is a great way to get the leg up with a simple “Check out my resume at i-am-the-bomb.com.” 

As you continue your career, you can still keep a personal website to showcase what you are working on and maintain your personal brand. For example, Cassidy Williams provides an updated timeline on what she’s up to on her [site](http://cassidoo.co/).

![](https://thepracticaldev.s3.amazonaws.com/i/9xnfkmkgtfi48c0id89b.png)

If you are looking to break into writing and speaking opportunities, this is a great place to showcase what you have been up to and provide accessible information to anyone looking you up online. 

Maintaining your site over time makes it easy to briefly refresh when you do begin another job search and it is a great way to attract unforeseen opportunities and connections as well. I once had a cousin I did not know existed contact me via personal website -- you never know!

### Getting started

Making a website is easier now than it has ever been. There are some great starter tutorials at there. If you want to get something speedy off the ground, I recommend these tutorials from [WordPress](http://www.wpbeginner.com/guides/) or [SquareSpace](https://developers.squarespace.com/beginner-tutorial/). If you want to build and host your own, this guide from [Github Pages](https://guides.github.com/features/pages/) is a good place to start. If you want to get down and dirty with building, hosting, and serving, that's a great way to learn! Here are some resources that might be helpful:

* MEAN starter website [repo](https://github.com/manishrw/mean-starter-website)
* Jekyll starter kit [repo](https://github.com/nirgn975/generator-jekyll-starter-kit)
* Github’s own web starter it [repo](https://github.com/google/web-starter-kit)
* [Practical dev thread](https://dev.to/nayeonkim/what-toolframeworkcmsetc-do-you-use-to-build-your-own-personal-website) on tools and frameworks
* [Twitter thread](https://twitter.com/thepracticaldev/status/894161129492156416) corresponding to the practical dev article

### General advice

1. <b>Start somewhere.</b> It is easy to get excited about a website, do the work to get a domain, add it to your bios, stick an “in progress” sticker on the page, and then completely forget about it. Approximately 10-20% of the time I click on someone’s personal site, it is either completely down or “in progress” for months or years at a time. Do not get intimidated by all the amazing sites out there. As a starter, at least put links to your relevant accounts and your name in large text--that’s much better than looking like someone who can’t finish what they started.

2. <b>Take a critical look at what you are putting on your website</b>--from all possible eyes that might see it. While twitter and linkedin accounts are great, if you do not want recruiters to see your tumblr page on feral kittens, do not link it there. Likewise, if you think your hackathon project on a better Tinder will look great to companies, but might upset your parents maybe leave your personal website off of your public facebook profile. Sometimes we all can use reminding that the internet is public!

3. <b>Not all of your work needs to be featured.</b> A personal website can be a fun way to show your earlier projects, and although that poster you made in the 7th grade may be heartwarming and nostalgic to you, it could cause doubts in a recruiter’s mind. Choose the work that paints you in the best possible light.

4. <b>Make it personal.</b> It is your personal website for a reason. Do not be afraid to stick something a little out there on your site. For example, on her [site](http://tcburning.com/) Terri Burns shares a randomized collection of her interests. Something like this makes you more relatable and interesting to a recruiter and lets anyone else website-stalking you get to know your interests as well!
![](https://thepracticaldev.s3.amazonaws.com/i/cc0my10l8i7bw6yqi4cn.png)

5. Get creative. Some more great ideas to spark your creativity:

* Alberta Devor’s train line inspired [site](https://albertadevor.com/)

![](https://thepracticaldev.s3.amazonaws.com/i/m4kry69flr4l8t2kjq8i.png)

* Pixel awards winner Maria Passo’s beautifully animated [site](http://marisapassos.com/)

![](https://thepracticaldev.s3.amazonaws.com/i/gazd8zmp2c4clff2u59b.png)
* Gary Le Masson’s eye-catching search engine box on his [site](http://www.garylemasson.com/)

![](https://thepracticaldev.s3.amazonaws.com/i/f406l7g0g7q05wzt1l63.png)
* Kristine Flatland’s playfully formatted [site](http://kristineflat.land/#work2) 

![](https://thepracticaldev.s3.amazonaws.com/i/e8ireutjnslih5n49vln.png)
* Clementine Jacoby’s map of places where she's been on her [site](http://clementinejacoby.com/new_map.html)

![](https://thepracticaldev.s3.amazonaws.com/i/le35y2tqg55xdsdt3yls.png)



Share what has worked for you on your site in the comments!