18 Personal Websites to Inspire Your Own

Ah, the job search.

Some refer to it as a full-time undertaking in itself. Others compare it to dating. And several cats over at BuzzFeed think it just plain sucks.

But it doesn’t have to be that style.

When youare applying for a job, youare typically asked to submit a resume and cover letter, or maybe your LinkedIn profile. But there are better ways to stand out from your competitor, and constructing a personal website is one of them.

Why You Require a Personal Website

Here’s the thing about resumes and cover-up letters: No matter how unique “youre just trying to” induce your own, for the most part, they tend to read dry. And there’s a good reason for it: It’s supposed to be a single , no-frills page that documents your work experience. And while being concise is good, there’s very little opportunity to convey your uniqueness, or for your personality to shine through at all for that matter.

While a resume is a sole, largely unchanging document, a personal website can be customized and updated according to what you’re working on, or what you want to emphasize. It’s both fluid and current.

Overall, a personal website can serve different goals, but perhaps what it does best is provide you with an opportunity to tell your story. And with53% of employers reportingthat the resume alone did not offer enough information to determine if the candidate would be a good fit, that storytelling part can really help to improve your odds.

If you’re thinking about creating a personal website of your very own, check out the examples below that hit the fingernail on the head.

18 of the Best Personal Websites We’ve Ever Seen

Resumes

Whether you create a single-page site or a larger portfolio, the web resume serves as a more personalized alternative for sharing information and demonstrating your technological abilities — and it can be used by all types of job seekers.

Even if you have very little work experience, you can leverage a website to build a better picture of your capabilities and yourself as a candidate, while leaning on your traditional resume to provide the basic background information.

1) Gary Sheng

Unlike a standard resume document, Sheng’s website makes it easy for him to include logos and clickable connections that allow his software engineering and web development skills to shine.

We love that guests can choose to scroll down his page to view all of the websiteas categories( aAbout Me, a aMy Passion, a etc .), or leap to a specific page use the top navigation.

The “My System” section reads like a company mission statement, and this personal touch helps humanize his work and stimulate him more memorable.

2) Raf Derolez

Raf

Derolezas web resume is modern, cool, and informative. It shows off his personality, branding, and developing skills in a way thatas still very simple and clear. Not to mention, his use of unique typefaces and geometric overlays ascribes personality to his name in an eye-catching way.

Want to get in touch with Derolez? Simply click the CTA located at the bottom of the page to open up an email that’s pre-addressed directly to him. Or select one of the social media links to connect with him on platforms like Twitter — where the look and feel of the visual assets happens to seamlessly align with the branding of his website. Well played, Derolez.

3) Brandon Johnson

Brandon

Johnsonas incredible resume must be seen to be believed. Beautiful images of planets help to complement his planetary science background, and animations induce his resume more of its own experience than a document.

In words of design, the textured, multi-layered background adds greater depth to the two-dimensional page in a way that elicits feelings of space and the planetary systems, which Johnson’s work focuses on.

4) Quinton Harris

Harris’ resume employs photos to tell his personal story — and it reads various kinds of like a cool, digital scrapbook. It encompasses all the bases of a resume — and then some — by discussing his educational background, work experience, and abilities in a highly visual way.

Not to mention, the transcript is fantastic. It’s clear that Harris took the time to carefully opt the right words to describe each step of his personal and professional journey. For instance, the section on storytelling reads 😛 TAGEND

NYC, my new home, is filled with the necessary secrets to not only propel my craft forward, but my identity as an artist. With every lens snapped and every pixel lay, I am becoming me.

Finally, at the final navigational point( note the scrolling circles on the left-hand side of the page ), users are redirected to quintonharris.com, where he goes on to tell his narrative in more detail.

5) Sean Halpin

Halpinas resume is short, sweet, and to the point, which is authentic to his voice and personal branding outlined on the site. The white space permits his designs and transcript to pop and command the reader’s attention, which helps to improve readability — especially on mobile devices 😛 TAGEND

Sean_Halpin_Mobile.pngSean_Halpin_Mobile_Site.png

Best Practices for Resume Websites

  1. Code your resume so it can be crawled by search engines .
  2. Offer a button to download your resume in PDF so the hire manager can add it to your file .
  3. Keep branding consistent between the website and document versions: Use similar fonts, colours, and images so youare easy to recognize .
  4. Be creative and authentic to yourself. Think about the colorings, images, and media you want to be a part of your narrative that you couldnat include in a document resume .
  5. Portfolios

    Building an online portfolio is a highly useful personal branding and marketing tool if your work experience and skill set call for content creation. In fact, photographers, graphic designers, illustrators, writers, and content marketers can all utilize web portfolios to show off their skills in a more user-friendly way than a resume or hard copy portfolio.

    6) Tony D’Orio

    It’s important to keep the design of your visual portfolio simple to let images capture visitors’ attention, and D’Orio achieves this by featuring bold photographs front-and-center on his website. His logo and navigation menu are clear and don’t confuse from his work. And he makes it easy for potential customers to download his work free of charge.

    Want to give it a try? Click on the hamburger menu in the top left corner, then select + Create a PDF to select as many images as you’d like to download.

    Once you open the PDF, you’ll notice that it comes fully equipped with D’Orio’s business card as the cover-up … just in case you need it.

    7) Gari Cruze

    Cruze is a copywriter. But by turning his website into a portfolio boast images from different campaigns heas worked on, he makes guests want to keep clicking to learn more about him. Also, there’s a great CTA at the upper part of the page that results visitors to his latest blog post.

    His siteas humorous copy — specifically in the a17 Random Thingsa and aOh Yes, Theyare Talkinga segments — serves to show off his abilities, while making himself more memorable as well. These pages also include his contact information on the right-hand side, constructing it easy to reach out and connect at any point 😛 TAGEND

    8) Melanie Daveid


    Daveidas website is a great example of aless is more.a

    This developeras portfolio features clear, well-branded imagery of campaigns and apps that Daveid worked on, and she shows off her coding skills when you click through to assure the specifics of her work.

    While it might seem overly minimal to merely include three examples of her run, Daveid did her portfolio a service by including her best, most noteworthy campaigns. At the end of the working day, it’s better to have fewer examples of excellence in your portfolio than many examples of mediocrity.

    9) The Beast is Back

    Christopher Lee’s portfolio is busy and colorful in a way that works. When you read more about Lee on his easily navigable site, you realize that such a fun and vibrant homepage is perfect for an illustrator and toy designer.

    His web portfolio highlights eye-catching designs with recognizable brands, such as Target and Mario, along with links to purchase his work. This is another gallery-style portfolio with pops of colouring that make it fun and dedicate it personality, thus making it more memorable.

    Best Practice for Portfolio Websites

    1. Use mainly visuals. Even if you’re showcasing your written work, using logos or other branding is more eye-catching for your guests .
    2. Don’t be afraid to be yourself. Your personality, style, and sense of humor could be what decides you apart from other sites !
    3. Organization is key. If your portfolio is full of photos, logoes, and other images, make sure it’s easy for visitors to navigate to where they can contact you .
    4. Brand yourself. Opt a logo or icon to attain your info easily identifiable .
    5. Blogs

      Consistently publishing on a blog is a great route to attract attention on social media and search engines — and drive traffic to your site. Blogging is a smart style to give your work a personality, chronicle your experiences, and stretch your writing muscles. You might write a personal blog if you’re a writer by trade, but virtually anyone can benefit from adding a blog to their site and providing useful content for their audience.

      10) Everywhereist

      This blog looks a bit busier, but its consistent branding helps visitors easily navigate the site. The travel blog employs world iconography to move guests around the site, attaining it easy to explore sections beyond the blog.

      It also features a “Best Of” section that allows new visitors to learn about what the blog covers to get acclimated. The colour scheme is warm, neutral, and free of excess jumble that could distract from the content.

      11) fifty coffees

      fifty coffees chronicles the author’s series of coffee meetings in search of her next chore possibility, and it does a great job of using photography and visuals to assist in the telling of her lengthy stories.

      The best part? Each post ends with numbered takeaways from her sessions for ease of reading comprehension. The high-quality photography used to complement the narratives is like icing on the cake.

      12) Minimalist Baker


      I’m not highlighting Dana’s food blog merely because the food looks delicious and I’m hungry. Her blog employs a simple white background to let her food photography pop, unique branding to attain her memorable, and mini-bio to personalize her website.

      13) Kendra Schaefer

      Kendra’s blog is chock-full of information about their own lives, background, and professional experience, but she avoids overwhelming visitors by using a light background and coordinating her blog’s modules to minimize jumble. She also shares links to additional penning samples, which bolsters her writing authority and credibility.

      Best Practices for Blogs

      1. Keep your site simple and clutter-free to avoid additional distractions beyond blog posts .
      2. Publish often. Company blogs that publish more than 16 posts per months get nearly 3.5 X the web traffic of blogs that published less than four posts per month .
      3. Experiment with different blog styles, such as lists, interviews, graphics, and bullets .
      4. Employ visuals to break up text and add context to your discussion .
      5. Demos

        Another cool style to promote yourself and your skills is to create a personal website that doubles as a demonstration of your coding, design, illustration, or developer skills. These sites can be interactive and animated in such a way that presents information on you and also shows employ directors why they should work with you. This is a great website alternative for technical and artistic content creators such as developers, animators, UX designers, website content administrators, and illustrators.

        14) Albino Tonnina

        Tonnina is showcasing advanced and complicated web development skills, but the images and icons he utilizes are still clear and easy to understand. He also offers a simple option to opinion his resume at the beginning of his site, for those who don’t wishes to scroll through the animation.

        15) Bobby Kane

        Kane’s site is aesthetically beautiful. And thanks to the cool background photo and minimalist site design, his experience actually stands out. He further depicts off his design and coding abilities at the very bottom of his site, where he demonstrates his ability to code background design changes. This small touch attains his demo more interactive and will attain guests stop and think, “that’s cool! “

        Want to check it out? Pull down the arrow at the top of his site to refresh the background.

        16) Robby Leonardi

        Leonardi’s unbelievable demo website utilizes animation and web growth skills to turn his portfolio and resume into a video game for site visitors. The whimsical branding and unique route of sharing information guarantees to his site is memorable to visitors.

        17) Samuel Reed

        Reed employs his page as a start-to-finish demo of how to code a website. His website starts as a blank white page and aims as a fully interactive site that visitors can watch him code themselves. The cool factor constructs this website memorable, and it induces his skills highly marketable.

        18) Devon Stank

        Stank’s demo site does a great job of showing that he has the web design chops and it takes it a step further by telling guests all about him, his agency, and his passions. It’s the perfect balance of a demo and a mini-resume.

        Plus, we love the video summing-up. It’s a consumable summary that at once captures Stank’s personality and credentials.

        Best Practice for Demo Websites

        1. Brand yourself and use consistent logos and colors to identify your name and your skills amongst the bevy of visuals .
        2. Don’t overwhelm your guests with too many visuals at once — especially if your demo is animated. Be sure to keep imagery easy to understand so guests aren’t bombarded when they visit your site .
        3. Read more: blog.hubspot.com

Leave a Reply

Your email address will not be published. Required fields are marked *