20 unique personal website examples to use in 2022

20 unique personal website examples to use in 2022
Feb 2, 2022

[ad_1]

A personal website or portfolio is an opportunity to reach more people with your work. It’s also an extension of your personality and gives you the chance to craft a design that reflects who you are as a creative.

If you’re someone with any sort of creative output, you want people to be able to see it. A personal website is essential in bringing attention to your work and can help you land gigs doing more of what you love to do. Just as there are many types of creatives, there are many ways to put together a personal website.

20 best personal website examples to inspire your own

No matter what you do, here are 18 unique personal websites to inspire you in putting one together of your own.

1. Arlen McCluskey

With clouds of Gaussian blurred background colors and a tidy layout, Arlen McCluskey’s product design portfolio website feels almost minimalist when you first land on its homepage. However, this personal site has substance. Within this spacious layout, the projects he features and the accompanying writing shines through.

An image of Arlen McCluskey's personal website.

He’s worked with prominent clients like Airbnb, Dropbox, and JUMP, and these projects are accompanied by well-written case studies that illuminate his strategic thinking and provide important insights into who he is as a designer.

This personal website works well in showing potential clients who Arlen is as a designer, finding the right balance between interesting visuals and practical information about him.

2. Mack and Pouya

Many photography portfolios are little more than an image gallery. While there’s nothing wrong with this approach, it’s nice to see a photography business that puts extra effort into the look and branding of their web page. The wedding photography business Mack and Pouya not only takes great photos, but also has a website with a joyful user experience that reflects their line of work.

An image of Mack and Pouya's personal wedding website.

With a happy color scheme, cute animations, and high-quality examples of their work, this design captures all of the fun and excitement about getting married. And even though a lot is going on visually, it never gets in the way of showing off their wedding photography.

We especially like how Mack and Pouya share their contact information — giving you the option to check your wedding date through a contact form or send them a question via chat. 

The "Check For Your Date" section on Mack and Pouya's website.

One of the biggest takeaways from this bright and cheery web page is that whatever business you’re in, you don’t have to be boxed in with a boring design. Mack and Pouya show that you can have a photography portfolio that’s more than just pretty pictures.

3. Aileen

Aileen is a digital product designer who has done work for Amazon, Tumblr, and General Assembly, among other clients.

An image of Aileen's personal website.

Aileen’s portfolio features a tasteful use of white space with a careful selection of of background colors for the featured projects. The variety of images along with some subtle drop shadows provide a nice sense of dimensionality. This web design is artistic but also has a scientific precision in how all of the visuals and text are laid out.

4. Ojieame

With skills in product development, UI design, and graphic design with a focus on software development, Ojieame lays out their work and talents in a single-page portfolio. Ojieame opens by saying they design smooth user interfaces that promote user interaction — which is cleverly followed by the CTA, “scroll for more.”

An image of Ojeame's personal website.

Every headline, piece of copy, image, and element of this design have a place in this layout. This careful arrangement gives the web design a solid feel throughout.

The portfolio shows a strong sense of content organization. Each section communicates specific points about their skills, and there’s a good flow in how they tell their own story.

Ojieame employs a horizontally scrolled gallery of screenshots for his featured projects without lengthy explanations, as they’ve already communicated their skills in the rest of this design.

Ojieame’s great personal website is proof that by distilling your work and a sense of who you are into a one-page design, you can maximize the portfolio’s impact on potential employers, recruiters, or anyone else looking through it.

5. I Am Tamara

Tamara is a UX designer who is passionate about ethical design, accessibility, and inclusion. Her homepage communicates both the type of work she does and a bit of her personality through eye-catching and creative design. 

An image of Tamara Sredojevic's personal website.

Tamara’s personal website is a celebration of simplicity. The layout is based on large shapes, thin lines, and a muted color palette and demonstrates Tamara’s refined aesthetic. Every piece of this design has a purpose and comes together in harmony for a light and easy user experience.

6. Colin Moy

Starting with a clever “eye” animation to represent the “O’s” in the header and a warm yellow background, Colin Moy’s website instantly draws you in.  This fun design is available as a cloneable and Colin encourages you to experiment with it to make it your own.

Warm yellow background with oversized text "COLIN MOY" Os are white eyes with black pupils. Black scrolling text between "Colin" and "Moy" says "strategic thinker" "graphic design"

We love that Colin makes the letter “O” in About, Portfolio, and Contact clickable elements that open up additional information. It’s a nice touch that keeps the playfulness of the opening text going throughout the design.

7. Thomas Bosc

It’s not too often one comes across a portfolio from someone who holds the title of content manager. Thomas Bosc has put together a compelling and informative portfolio design that captures his content creation skills. 

The screenshot below shows what materializes after scrolling down on the homepage. An animation brings up chat bubbles with comments and questions related to the content manager title. This clever animation invites you to keep scrolling to get a succinct explanation of what Thomas does. 

As we scroll down, we learn more about Thomas’s talents as a content manager and see high-quality examples of their video and photo work, website design skills, and some of what they’ve done in UI/UX design.

We often focus on just a few things in our portfolios, but so many of us have skills that don’t have a narrow scope. Thomas shows it’s possible to use a personal website to show off one’s diverse range of talents without it becoming too complicated.

8. Editorial

If you need a stylized and well-organized personal website template, start here with the free cloneable, Editorial

With a classy aesthetic and plenty of space for big images, Editorial is ideal for photographers, product designers, web designers, or anyone else who wants an image-driven portfolio. And like any template, you can fully customize it to fit your personal brand.

9. Bobby Rowe

Bobby Rowe’s online portfolio starts with the declaration, “Let’s make something special and have a little fun along the way.” His personal website amplifies this message — offering a user experience full of captivating color schemes and wit. 

An image of Bobby Rowe's website homepage.

After this attention-grabbing introduction, scrolling through the design brings up page after page of bold and hilarious text, with eye-pleasing combinations of colors. There’s plenty of personality in this portfolio, with Bobby’s design chops backing up his often hilarious bravado. Bobby also uses unique CTAs like “give me a shout” instead of “contact me” and “meet the talent” instead of “see past clients.” 

It’s easy for a portfolio to feel a step removed from the person it represents. Bobby’s personal website brings one directly into his creative mind, giving an up-close look at his talents and great sense of humor.

10. Alice Lee

We’ve written about Alice Lee’s portfolio before, but she’s always updating her landing pages with new content such as interactive illustrations, new merch in her ecommerce store, and recent episodes of her Doodle Therapy show. 

An image of Alice Lee's e

Alice specializes in character illustrations filled with vivid colors and a sense of organic textures, and the illustrations have a style all her own. This could have been a simple resume website, with a few featured projects, as she’s worked with some high-profile clients. But every pixel is touched by her flair for creativity, and this personal portfolio is expansive in demonstrating her talents as an illustrator. If you want an example of one of the best personal websites, Alice’s is right up there.

If you haven’t checked out the in-depth case study she wrote about crafting the visual identity for Slack, it’s a valuable read no matter what type of creative work you pursue.

Learn how to build a design portfolio

Build and visually design a full portfolio website — completely free. This course covers everything from the basics of grid and flexbox to advanced interactions and accessibility work.

Subscribe to be a Webflow Insider

Thank you! You are now subscribed!

Oops! Something went wrong while subscribing.

Start course

11. Emre Devseren

Emre Devseren is a web designer interested in startups and small businesses. This portfolio communicates his UI and UX skills, as well as his knowledge as a marketing strategist.

An image of Emre Devseren's website home page.

Emre opens with a clear message: “I can help your business to get online and grow fast,” then follows the statement with previous clients’ logos. This immediately gives site visitors an idea of what Emre does as well as their work experience. 

Scrolling down reveals a visually pleasing design full of color, with light pastels making up much of the backgrounds. It’s an uncomplicated single-page website, but the web design does so much in a limited amount of space.

12. Matthew P Munger

Landing on Matthew P Munger’s portfolio transports you back in time, answering the all-important question — what would a Webflow designer’s portfolio look like if it were made in 1996?

An image of Matthew P Munger's portfolio website.

This retro graphic user interface feels like a time machine bringing you straight into the early days of Mac OS. The nostalgia will bring a smile to anyone who ever clicked and clacked on the weighty keyboards of those beige machines.

Replicating the UI, aesthetic, and functionality of these antiquated computers is quite the accomplishment. Yes, there’s the novelty factor, but this is still a very usable design. Along with creating a testament to his design superpowers, he effectively uses this retro website to showcase his modern work.

And for those of you who want to create a project based on this fun throwback of a design, you can clone it for free on Webflow.

13. Portfolio Website – Free Template

If you want to go from inspiration directly into designing and publishing your site, check out the “Portfolio Website – Free Template” by DesignPilot. This cloneable project has everything you need to launch a personal website.

Black background. Purple bar at top of page with white text promoting a Skillshare premium account. Left side of screen, photo of a man in a black zip hoodie holding a black baseball cap, looking up and to the left. Right side, large white text "I'm Robin Williams. A Product Designer based in Italy."

The top menu bar makes this one-page website look like a multi-page design. However, clicking on the menu items simply jumps the page to that particular section. This straightforward layout makes it easy to showcase your work, share a bit about you and your experience, and highlight whatever you’re passionate about. Plus, the built in contact form and social media icons give site visitors plenty of ways to connect and get in touch. 

14. Dan Machado

Product designer Dan Machado opens his homepage with a simple intro header and a split-screen design. Hovering over the client names under “my work” brings up a preview image and clicking the name opens a project-specific landing page. 

An image of

While the layout of Dan’s personal website isn’t traditional, the helpful highlights over the hamburger menu and clickable elements creates a pleasant user experience. Plus, Dan includes case studies that offer deeper insights into his work and process. 

Dan’s unconventional yet effective design is a solid example of a personal website that grabs site visitors’ attention and keeps them engaged with specific details. 

15. Sabanna

Along with doing QA for Webflow, Anna Sabatini is also a very capable web designer with a personal website that merges digital design with a sketchbook-esque style.

An image of Anna Sabatini's personal website.

From the opening page displaying a pencil lined self-portrait to the hand-drawn lettering and other doodle-like drawings, Anna includes dashes of organic textures throughout. This merging of traditional graphic design with digital is further emphasized with her use of typewriter typography. These elements are a nice juxtaposition to the slick scroll-triggered animation of the right sidebar.

Anna does a great job of incorporating her personality into a design that combines the best of digital and graphic design for an online portfolio with character. 

16. Cheech Minniear

As soon as you arrive at Cheech Minnear’s UI/UX design portfolio, you’re greeted with a pleasing burst of action. An hourglass zooms in, followed by a social media block that bounces into place on the left-hand side of the screen. Animations don’t end here, with a myriad of scroll-triggered interactions that slide content and images into place.

An image of Cheech Minniear's personal website.

Cheech shows off her multidisciplinary skills with both great design and solid writing. Every headline tells us more about who she is as a designer. Her case studies are well-written and clearly explain her design process. 

Cheech also caters to potential customers by including a testimonial quote block, which fades in and out to reveal new quotes from previous clients. With a layout full of slick animations and effective copywriting, Cheech’s online portfolio communicates what she does with a great level of depth.

17. Vance Banks

When it comes to personal websites, showing off your unique personality works to your advantage. As soon as you land on Vance Banks’s site, you see a smiling photo with a colorful background and a waving emoji. His quick bio on the homepage tells you that he is an experienced UI/UX designer as well as a proud dog dad. 

An image of Vance Bank's website.

This is another example of an effective one-page portfolio website. With a well-ordered layout, plenty of negative space, and good use of colors, the design presents a very smooth user experience.

Even though the homepage — which includes home, work, about, and contact information— follows a one-page design, Vance links out separate landing pages for detailed case studies. He provides plenty of insights about the work he put into each featured project, with user flows, personas, and wireframes to go along with this. The accompanying images show what goes into his design process.

A one-page design doesn’t mean skimping on the details. Vance gives anyone landing on his portfolio a wealth of content showing his design work.

18. Charli Marie

Charli Marie’s homepage includes a quick introduction along with a link to a handmade sans-serif font that Charli designed herself. What better way to show your prowess as a designer than offering a typeface that you personally made?

An image of Charli Marie's website home page.

With an eye-pleasing palette of purple, blue, and grays, as well as layered elements, this design feels fun and personable. She also includes additional content, like a personal blog with numerous articles about her career path and topics related to design. She embeds a few of her YouTube videos and links to her podcast Design Life. If you have a strong online presence, it’s always a good idea to include these external pieces of content in your personal website design.

No galleries of work are featured on her website, but it includes a link to see all of her creative work on Dribbble. This personal website functions as an outpost, where she can gain more of an audience for her podcast and YouTube videos while marketing herself as a designer and creative director.

Charli’s website is an excellent example of how including other media and content you’ve made can help with your personal branding.

19. Petr Bílek

There’s no lack of materials here showing that Petr Bílek is a skilled and talented designer. With icon packs, UI kits, and illustrations all available for sale — as well as some being offered for free — Petr puts their design handiwork out there for people to use in their design projects. 

An image of Petr Bilek's website home page.

Though this is an outlet for selling some of his digital products, ecommerce never stands in the way of communicating his expertise. His personal blog is jam-packed with posts related to design and tech. All that additional content is great for search engine optimization (SEO) as it gives search engines like Google more content to crawl for potential matches in search results. 

This is another portfolio that doesn’t have any featured projects but rather provides a link to go check out his Dribbble profile. That’s OK! Building a personal website rich in content functions so well in demonstrating your skills and knowledge, prompting people to want to go further in checking out your work by clicking on a link.

20. Kyle Craven

With a light gray background and tasteful yet stylized typography, Kyle Craven’s portfolio has a clean and simple design. 

An image of Kyle Craven's portfolio website.

Kyle uses a simple one-page design for his digital design and web development portfolio. All we have to do is scroll to learn more about Kyle, preview selected works, and find his social media profiles and contact information in the website footer. This is a great example of a stripped-down portfolio that still captures all of someone’s talents.

Grow your personal brand with a website made in Webflow

If you’re a creator, you need an online portfolio to show off what you’ve been working on, to connect with like-minded people, and to help you in landing new work. A personal website gives you a forum to present the best that you do, as well as to communicate who you are both professionally and personally.

[ad_2]

NAKISISA GEORGE

Leave a Reply