20+-cutting-edge-personal-website-designs-to-inspire-you

Want to create a portfolio that wows? Or maybe you just want to freshen up your personal website or blog. We’ve gathered 20 stellar (and cutting-edge) personal website designs to inspire you and help push the envelope when you tackle new projects.

These designs cover a range of professions, design aesthetics, and industries.

So whether you’re a web designer, illustrator, medical professional, or product designer, we’ll have a personal website design to inspire you!

1. Constance Burke

personal website

Constance Burke’s website is clean, quirky, visually engaging. Her fashion designs are highlighted by “models” that almost fall into the background with matching color choices and repetition. The navigation is clear and gets you to the right information quickly. The quirky style takes a big chance, but is enough to draw you in from the start.

2. Jillian Hobbs

personal website

Jillian Hobbs takes minimalism to the extreme and it is beautiful. When you have something simple to say, this approach can have so much more impact that layers of elements competing for attention. It’s so simple that you are almost forced to click around to learn more.

3. Marcus Eriksson

personal website

When your personal website showcases photos, like Marcus Eriksson, give them plenty of space to shine. What’s so interesting about this design is the grid seems broken, but it isn’t one bit bothersome. It actually enhances the visual experience.

4. Andrew Couldwell

personal website

Andrew Couldwell takes a chance with interesting typography for his name. (Not something you’d recommend normally.) But the style and flow are spot on. It shows his creativity – this is a creative portfolio after all – and ability to create interactive user experiences.

5. Aditi Pimprikar

personal website

Aditi Pimprikar’s personal website isn’t what you would expect at all. She’s turned the homepage into a virtual whiteboard that you can draw on while you think about her work. It’s a cool experiment to pull users into the design. (I’ll admit playing around and trying to draw for a bit.)

6. Adam Bartlett

mobile cards

Adam Bartlett’s personal website design uses a reverse navigation menu, with oversized buttons at the bottom of the page in addition to a full top menu. What’s nice about this technique is your eyes go right to the elements you might need – types of surgery – before you click other elements. Using this many navigational tools can be tricky, but the design here makes it effective.

7. Irshad Ahamed

personal website

Irshad Ahamed showcases skills in the interactive space with a website packed with tiny movements and animations to delight users. The color palette is bold and strong, which helps pull the eyes toward motion. Each interactive element is skillfully done, notably because there’s a lot of animation but it does not compete or get overwhelming.

8. Paul Kotz

personal website

Paul Kotz has a personal website with a quick focus. There’s a big image in the center and no navigation. But you can toggle the button to see his “hot takes.” (It’s a very nice feature.) If you agree with him … or not … click through to who he is. It’s a one page design that gives you plenty to click through.

9. Anthony Godwin

personal website

Anthony Godwin’s personal website uses a funky scroll action. When you move the mouse on the screen you get a bump or bubble. Hold to scroll. Let go to stay in place. It’s a funky take on moving through a one-page design.

10. Bob Weichie

personal website

At first glance, Bob Weichie’s design is uber minimal. Then his image morphs onto the screen, kind of like something from a sci-fi show. Sold!

11. Chang Liu

personal website

Chang Liu creates a cool interactive experience with plenty of visual cues. Play with the hand animation on the homepage as it shifts into a more traditional portfolio design.

12. Hayden Bleasel

personal website

Hayden Bleasel’s personal site takes a different approach with whitespace, a narrative, and then listing of audio clips and interviews to help you figure out if you want to hire him for a speaking gig, or employment.

13. Katia Smet

personal website

Katia Smet’s personal website is packed with layers of interactivity. Elements bounce, scroll left to right, and click to play. There’s a lot going on, but it’s hard not to look.

14. Den Talala

personal website

If you want the other extreme, Den Talala’s personal website is simple and easy to navigate. The only real thing to look at above the scroll is the cool, slow color-changing gradient for his name and information. (It’s quite nice.)

15. Dino Balliana

personal website

Dino Balliana draws users into a personal website with a crazy package of imagery. There are trending glitchy animations that will surprise you while trying to figure out what is happening with the visuals. It’s risky and interesting.

16. Zhenya Rynzhuk

mobile cards

Zhenya Rynzhuk’s site has a lot happening. But it’s subtle enough to be OK. Then there’s the easter egg. Hover over the image for an animated collage of her work.

17. Mike Basgrow

personal website

Mike Brasgrow’s personal website makes him seem like a huge celebrity. It’s sleek and classy and showcases when and where you can see him live. The parallax scrolling keeps you moving, proving that sometimes simple and sleek is best.

18. Peter Oravec

personal website

Peter Oravec’s portfolio is a game – seriously! The interactive experience takes a little while to play. But it is so much fun.

19. Hyun Io

personal website

Hyun Io uses a simple one-page personal website format where elements from the main menu merge onto the screen. The animation is clear and it’s a nice way to handle a design without a lot of content.

20. Robyn Choi

personal website

Sometimes a design is simply beautiful. That’s what you get with Robyn Choi’s personal website. The illustrations are lovely as the scroll action takes you through her resume in logical clusters of information.

Conclusion

Make sure the visit each of the examples you love above and poke around at the sites. Much of what makes these personal websites so nice is a combination of design and amazing user experience. (And you have to click around to get the full UX.)

Are there other examples of personal website designs that you love? Hit us up on Twitter — @DesignShack and @carriecousins. We love to share amazing work.

192 comments

  1. Hi! Someone in my Myspace group shared this site
    with us so I came to give it a look. I’m definitely loving the information. I’m bookmarking and will be tweeting this
    to my followers! Great blog and great style and design.

  2. I seriously love your website.. Pleasant colors &
    theme. Did you create this web site yourself? Please reply back
    as I’m wanting to create my own personal site and want to learn where
    you got this from or exactly what the theme is called. Thanks!

  3. Today, I went to the beach front with my children.
    I found a sea shell and gave it to my 4 year old daughter and said
    “You can hear the ocean if you put this to your ear.” She placed the shell to her
    ear and screamed. There was a hermit crab inside and it pinched her ear.
    She never wants to go back! LoL I know this is totally off topic but I had
    to tell someone!

  4. We stumbled over here from a different web address and thought I
    should check things out. I like what I see so now i am following you.
    Look forward to finding out about your web page for a second time.

  5. My spouse and I absolutely love your blog and find the majority of
    your post’s to be what precisely I’m looking for.

    Do you offer guest writers to write content for you?
    I wouldn’t mind writing a post or elaborating on some of the subjects you write concerning here.
    Again, awesome website!

  6. I don’t even know how I ended up here, but I thought this post
    was great. I do not know who you are but definitely you are going to a famous
    blogger if you are not already 😉 Cheers!

  7. Link exchange is nothing else but it is just placing the
    other person’s weblog link on your page at suitable place and other person will
    also do similar in favor of you.

  8. Howdy just wanted to give you a quick heads up. The text in your post seem to be running off the screen in Ie.

    I’m not sure if this is a formatting issue or something to do with browser compatibility but I thought I’d post to let
    you know. The layout look great though! Hope you get the issue solved soon.
    Many thanks

  9. Can I simply just say what a relief to discover a person that actually knows what they are discussing on the net.
    You certainly know how to bring an issue to light and make
    it important. A lot more people really need to check this
    out and understand this side of the story. I was surprised you aren’t more popular since you certainly possess the gift.

  10. I’m curious to find out what blog platform you’re utilizing?

    I’m experiencing some minor security issues with my latest
    blog and I’d like to find something more safeguarded. Do you
    have any recommendations?

  11. Hi, i read your blog occasionally and i own a similar one and i was just curious if you get a lot of spam feedback?
    If so how do you protect against it, any plugin or anything you can advise?

    I get so much lately it’s driving me insane so any support is very
    much appreciated.

  12. Link exchange is nothing else but it is simply placing the other person’s blog link on your page at
    proper place and other person will also do same in favor of you.

  13. Hello just wanted to give you a quick heads up. The text in your content seem to be running off the screen in Opera.
    I’m not sure if this is a format issue or something to do with browser compatibility but
    I figured I’d post to let you know. The design look great though!
    Hope you get the problem resolved soon. Thanks

  14. Its such as you read my mind! You appear to grasp so much approximately
    this, such as you wrote the e-book in it or something. I think that you can do
    with a few percent to drive the message home a little bit, but other than that, that is magnificent blog.
    An excellent read. I’ll certainly be back.

  15. I don’t know whether it’s just me or if everybody else
    experiencing problems with your blog. It looks like some of the text on your content are running off the screen. Can someone else please provide feedback and let me know if this is happening to them as well?

    This could be a issue with my internet browser because I’ve had this happen previously.
    Kudos

  16. whoah this blog is wonderful i like studying your articles.
    Stay up the good work! You understand, lots of people are hunting around
    for this information, you can aid them greatly.

  17. Today, I went to the beachfront with my children. I
    found a sea shell and gave it to my 4 year old daughter
    and said “You can hear the ocean if you put this to your ear.” She placed
    the shell to her ear and screamed. There was a hermit crab inside and
    it pinched her ear. She never wants to go back! LoL I know this is
    completely off topic but I had to tell someone!

  18. Hello there! I know this is kinda off topic however I’d
    figured I’d ask. Would you be interested in exchanging links or maybe guest writing a blog post or vice-versa?
    My website goes over a lot of the same topics as yours and I feel we
    could greatly benefit from each other. If you’re interested feel free
    to send me an e-mail. I look forward to hearing from you!
    Excellent blog by the way!

  19. Hello my loved one! I wish to say that this post is
    awesome, great written and come with approximately all important
    infos. I’d like to see more posts like this .

  20. If some one wants expert view on the topic of blogging
    and site-building after that i advise him/her to pay a visit
    this web site, Keep up the good work.

  21. Greetings from California! I’m bored at work so I decided to check out your
    blog on my iphone during lunch break. I love the info you present here and
    can’t wait to take a look when I get home. I’m surprised at how fast your blog loaded on my mobile ..

    I’m not even using WIFI, just 3G .. Anyways, superb site!

  22. Generally I do not learn post on blogs, however I wish
    to say that this write-up very pressured me to check
    out and do so! Your writing style has been amazed me. Thank you, very great
    article.

  23. When someone writes an piece of writing he/she keeps the idea of a
    user in his/her brain that how a user can understand it.
    So that’s why this article is great. Thanks!

  24. Good day! This post couldn’t be written any better! Reading this post
    reminds me of my good old room mate! He always kept chatting
    about this. I will forward this page to him.
    Fairly certain he will have a good read. Thanks for sharing!

  25. Terrific article! This is the type of info that should be shared across the web.
    Disgrace on the seek engines for not positioning this
    publish upper! Come on over and consult with my web site .
    Thanks =)

  26. Hey there! I realize this is somewhat off-topic but I needed to ask.
    Does building a well-established website such as yours take a lot of work?
    I am completely new to running a blog however I do write in my journal everyday.
    I’d like to start a blog so I will be able to share my personal experience
    and thoughts online. Please let me know if you have any recommendations or tips for brand
    new aspiring bloggers. Appreciate it!

  27. Howdy! I know this is kind of off topic but I was wondering which blog platform are you using for this website?

    I’m getting fed up of WordPress because I’ve had problems with hackers
    and I’m looking at options for another platform. I would be awesome if you could point me in the direction of a good platform.

  28. Hey there excellent blog! Does running a blog similar to this take a lot of work?
    I’ve virtually no knowledge of programming however I had
    been hoping to start my own blog soon. Anyhow, if you have any ideas or tips for new
    blog owners please share. I understand this
    is off subject nevertheless I just had to ask. Kudos!

  29. Thanks for ones marvelous posting! I really enjoyed reading it, you are a great
    author. I will make sure to bookmark your blog and will often come back
    in the foreseeable future. I want to encourage one to continue your great work, have a nice afternoon!

  30. Hello would you mind stating which blog platform you’re using?
    I’m planning to start my own blog soon but I’m having a tough time deciding between BlogEngine/Wordpress/B2evolution and Drupal.

    The reason I ask is because your layout seems
    different then most blogs and I’m looking for something completely unique.
    P.S Apologies for being off-topic but I had to ask!

  31. Thanks for another informative web site. Where else could I am getting that type of info written in such an ideal means?
    I’ve a venture that I am just now running on, and I’ve been on the look out for such info.

  32. Fantastic beat ! I would like to apprentice at the same time as you amend your web site,
    how can i subscribe for a blog web site? The account aided
    me a applicable deal. I have been tiny bit familiar of this your broadcast provided vibrant clear
    idea

  33. Asking questions are in fact pleasant thing if you are not understanding something entirely, except this paragraph gives pleasant understanding yet.

  34. Thanks for your marvelous posting! I genuinely enjoyed reading it, you may be a great author.

    I will be sure to bookmark your blog and will eventually come back someday.
    I want to encourage that you continue your great job, have a nice morning!

  35. Hi, i think that i saw you visited my blog thus
    i came to “return the favor”.I am attempting to find things to
    enhance my web site!I suppose its ok to use
    a few of your ideas!!

  36. Hi my loved one! I wish to say that this post is amazing, great written and include almost all important infos.
    I’d like to look extra posts like this .

  37. Hey! I could have sworn I’ve been to this blog before but after checking
    through some of the post I realized it’s new to me.
    Nonetheless, I’m definitely happy I found it and I’ll be book-marking and checking back often!

  38. I do accept as true with all the ideas you’ve presented in your post.
    They are very convincing and will definitely work. Still, the posts are very
    brief for novices. May just you please prolong them a little from subsequent
    time? Thank you for the post.

  39. Unquestionably consider that that you said. Your favourite reason appeared to be
    on the web the easiest thing to keep in mind of. I say to you,
    I definitely get annoyed while people consider issues that they just do not recognise about.
    You managed to hit the nail upon the highest and defined out the whole thing with no need side-effects ,
    folks could take a signal. Will likely be back to get more.
    Thank you

  40. wonderful publish, very informative. I ponder why the other experts of
    this sector do not notice this. You must proceed your writing.
    I am confident, you have a great readers’ base already!

  41. Hey I know this is off topic but I was wondering if you
    knew of any widgets I could add to my blog that automatically tweet my newest twitter updates.
    I’ve been looking for a plug-in like this for quite some time and was hoping maybe you would have some experience with something
    like this. Please let me know if you run into anything. I truly enjoy reading your blog and I look forward to your new updates.

  42. For hottest information you have to pay a quick visit world
    wide web and on the web I found this web page as a finest website for most up-to-date
    updates.

  43. Aw, this was an incredibly nice post. Spending some time and actual effort to make a good article… but what can I say… I hesitate a lot and don’t seem to get nearly anything done.

  44. I do accept as true with all the ideas you’ve introduced for
    your post. They are really convincing and will certainly work.
    Nonetheless, the posts are too brief for starters.
    Could you please extend them a little from next time?
    Thank you for the post.

  45. When I originally commented I clicked the “Notify me when new comments are added” checkbox and now each time a comment is added I get three
    emails with the same comment. Is there any way you can remove people from that service?
    Cheers!

  46. Asking questions are really nice thing if
    you are not understanding something totally, except this article presents nice understanding yet.

  47. Valuable info. Lucky me I found your web site by accident, and I am stunned why this coincidence didn’t happened in advance!
    I bookmarked it.

  48. I don’t even know how I ended up here, but I thought this post was
    good. I don’t know who you are but certainly you are going
    to a famous blogger if you are not already 😉 Cheers!

  49. of course like your website however you need to test
    the spelling on quite a few of your posts.
    Several of them are rife with spelling issues and I to find
    it very bothersome to inform the reality then again I will surely come again again.

  50. Wonderful blog! I found it while surfing around on Yahoo News.
    Do you have any tips on how to get listed in Yahoo News?
    I’ve been trying for a while but I never seem to get there!
    Appreciate it

  51. Please let me know if you’re looking for a article author for your site.
    You have some really great posts and I believe I would be a good asset.
    If you ever want to take some of the load off, I’d really like to write some material for
    your blog in exchange for a link back to mine. Please send me an e-mail if interested.

    Kudos!

  52. You are so awesome! I do not think I have read through something like that before.
    So good to find someone with a few original thoughts on this subject.
    Seriously.. thanks for starting this up. This website is something that is required on the web, someone with a bit of originality!

  53. I think this is among the most vital info for me.

    And i am glad reading your article. But should
    remark on some general things, The site style is wonderful, the articles is really great : D.
    Good job, cheers

  54. you are in reality a excellent webmaster. The website loading pace
    is incredible. It sort of feels that you are doing any distinctive trick.
    Furthermore, The contents are masterwork. you’ve done a excellent activity on this
    matter!

  55. Hello there! Do you know if they make any plugins to assist
    with Search Engine Optimization? I’m trying to get my blog to rank for some targeted keywords but
    I’m not seeing very good gains. If you know of any please share.
    Many thanks!

  56. Hey I am so glad I found your site, I really found you by mistake,
    while I was searching on Google for something else, Nonetheless
    I am here now and would just like to say thank you for a remarkable post and a all round enjoyable blog (I also love the theme/design),
    I don’t have time to browse it all at the moment but I
    have book-marked it and also added in your RSS feeds, so when I have time I
    will be back to read a lot more, Please do keep up the superb jo.

  57. Heya i am for the primary time here. I came across this board and I in finding It really useful & it helped me out much.
    I am hoping to present something back and help others like you helped
    me.

  58. Just want to say your article is as astounding. The clarity on your
    publish is simply spectacular and that i can assume you are knowledgeable in this subject.
    Well together with your permission allow me to
    grasp your RSS feed to stay up to date with drawing close post.
    Thanks one million and please carry on the enjoyable work.

  59. Very great post. I simply stumbled upon your weblog and wanted to mention that I
    have truly loved browsing your blog posts.
    In any case I’ll be subscribing to your feed and I’m hoping you write once more
    soon!

  60. My relatives always say that I am wasting my time here at web, except I know I
    am getting know-how daily by reading such
    nice articles.

  61. Hi there! I know this is sort of off-topic however I had
    to ask. Does running a well-established website such as
    yours take a massive amount work? I’m brand new to writing a blog
    but I do write in my diary on a daily basis.
    I’d like to start a blog so I will be able to share my own experience and thoughts online.
    Please let me know if you have any kind of recommendations or tips for brand new aspiring blog owners.

    Appreciate it!

  62. each time i used to read smaller articles or reviews which also
    clear their motive, and that is also happening with this post which I am reading
    now.

  63. When someone writes an paragraph he/she maintains the idea of
    a user in his/her mind that how a user can be aware of it.
    So that’s why this paragraph is outstdanding. Thanks!

  64. Excellent goods from you, man. I’ve understand your stuff previous to and you’re just
    extremely wonderful. I actually like what you’ve acquired here, really like what you’re
    stating and the way in which you say it. You make it enjoyable and you still take care
    of to keep it sensible. I can not wait to read much
    more from you. This is actually a tremendous website.

  65. I’m really enjoying the design and layout of your site.
    It’s a very easy on the eyes which makes it much more enjoyable for me
    to come here and visit more often. Did you hire out a designer
    to create your theme? Outstanding work!

  66. My spouse and I stumbled over here by a different page and
    thought I might as well check things out. I like
    what I see so now i am following you. Look forward to looking over your web page yet again.

  67. Great information. Lucky me I discovered your blog by
    accident (stumbleupon). I’ve book marked it for later!

  68. It’s a pity you don’t have a donate button! I’d definitely donate
    to this superb blog! I suppose for now i’ll settle for
    book-marking and adding your RSS feed to my Google account.
    I look forward to brand new updates and will share this site with my Facebook group.
    Talk soon!

  69. I’m really impressed with your writing skills as well as with the
    layout on your blog. Is this a paid theme or did you modify it yourself?
    Either way keep up the nice quality writing, it is rare to see a great blog like this one these days.

  70. It’s truly a nice and useful piece of info. I am happy that you simply shared this helpful information with us.
    Please stay us up to date like this. Thanks for sharing.

  71. I’ve learn several excellent stuff here. Certainly price bookmarking for revisiting.
    I surprise how much effort you set to make this type of magnificent informative website.

  72. Hi there to every body, it’s my first visit of this web site; this webpage contains awesome and truly excellent stuff designed for visitors.

  73. Do you mind if I quote a couple of your posts as long as I provide credit and sources back to your blog?
    My blog is in the exact same area of interest as yours and my
    visitors would certainly benefit from some of the information you provide here.

    Please let me know if this okay with you. Thanks!

  74. Aw, this was an exceptionally nice post. Spending some time and actual
    effort to make a very good article… but what
    can I say… I hesitate a lot and never seem to get anything done.

  75. Please let me know if you’re looking for a writer for your blog.
    You have some really good articles and I feel I would be a good asset.
    If you ever want to take some of the load off,
    I’d love to write some material for your blog in exchange for a link back
    to mine. Please shoot me an e-mail if interested.
    Thanks!

  76. Hi! Quick question that’s entirely off topic.
    Do you know how to make your site mobile friendly? My website looks weird when viewing from my iphone 4.
    I’m trying to find a template or plugin that
    might be able to correct this issue. If you
    have any suggestions, please share. Thanks!

  77. Thank you for another informative web site. Where else may
    I get that kind of information written in such an ideal means?

    I have a project that I’m just now operating on,
    and I’ve been at the look out for such info.

  78. Greetings! I’ve been reading your site for a long time now and finally got the bravery to
    go ahead and give you a shout out from Austin Tx! Just wanted to mention keep up the great job!

  79. It’s a shame you don’t have a donate button! I’d
    most certainly donate to this fantastic blog! I suppose for now i’ll settle for book-marking and adding your
    RSS feed to my Google account. I look forward to brand new updates and will talk about this site
    with my Facebook group. Talk soon!

  80. Wow that was unusual. I just wrote an extremely long
    comment but after I clicked submit my comment didn’t
    appear. Grrrr… well I’m not writing all that over again. Anyway, just wanted to say fantastic blog!

  81. Hello there, I discovered your site by means of Google while looking for a similar topic,
    your site came up, it seems good. I’ve bookmarked it in my google
    bookmarks.
    Hi there, just became aware of your weblog thru Google, and found that it is truly informative.
    I’m going to watch out for brussels. I’ll be grateful when you
    proceed this in future. A lot of people will be benefited from
    your writing. Cheers!

  82. I was recommended this website via my cousin. I am now not sure whether or not this submit is written by him as
    no one else know such particular approximately my problem.
    You’re incredible! Thanks!

Leave a Reply

Your email address will not be published.