35+ Examples to Blow Your Thoughts

A private web site is your likelihood to showcase your persona and credentials in an attractive format. However with out sturdy private web site examples to information you, you might not know the best way to get began or what’s going to work finest in your private branding.

On this put up, we’ll cowl the very best examples of private web sites we’ve seen — together with resume web sites, portfolios, blogs, and demo web sites.

Why create a private web site?

Here is the factor about resumes and canopy letters: Irrespective of how distinctive you attempt to make your individual, for essentially the most half, they have an inclination to learn dry. And there is a good motive for it: It is purported to be a single, no-frills web page that paperwork your work expertise. And whereas being concise is nice, there’s little or no alternative to convey your uniqueness, or in your persona to shine via in any respect for that matter.

Whereas a resume is a sole, largely unchanging doc, a private web site might be custom-made and up to date based on what you are engaged on, or what you wish to emphasize. It is each fluid and present.

As well as, 80% of companies say a private web site is necessary when evaluating job candidates. Recruiters are wanting you up on-line, and a private web site that tells the story you wish to inform could make all of the distinction between you and a competing candidate.

In case you’re eager about creating a private web site of your very personal, take a look at the examples under that hit the nail on the top. Impressed by a selected kind of web site?

Click on one of many following hyperlinks to leap to that part of this text:

Private Resume Web sites

Whether or not you create a single-page web site or a bigger portfolio, the net resume serves as a extra customized choice for sharing data and demonstrating your technological abilities — and it may be utilized by all sorts of jobseekers.

Even when you’ve got little or no work expertise, you’ll be able to leverage an internet site to construct a greater image of your capabilities and your self as a candidate, whereas leaning in your conventional resume to offer the essential background data.

1. Gary Sheng

In contrast to an ordinary resume doc, Sheng’s web site makes it simple for him to incorporate logos and clickable hyperlinks that enable his software program engineering and net improvement abilities to shine.

We love that guests can select to scroll down his web page to view the entire web site’s classes (“About Me,” “My Ardour,” and many others.), or leap to a selected web page utilizing the highest navigation.

The “My System” part reads like an organization mission assertion, and this private contact helps humanize his work and make him extra memorable.

2. Brandon Johnson

Johnson’s unbelievable resume should be seen to be believed. Lovely photographs of planets assist to enrich his planetary science background, and animations make his resume extra of an expertise than a doc.

By way of design, the textured, multi-layered background provides better depth to the two-dimensional web page in a manner that evokes emotions of house and the planetary programs, which Johnson’s work focuses on.

3. Quinton Harris

Harris’ resume makes use of photographs to inform his private story — and it reads sort of like a cool, digital scrapbook. It covers all of the bases of a resume — after which some — by discussing his instructional background, work expertise, and abilities in a extremely visible manner.

To not point out, the copy is improbable. It is clear that Harris took the time to fastidiously select the proper phrases to explain every step of his private {and professional} journey.

4. Rubens Cantuni

Rubens Cantuni’s resume web site hits all the proper notes: First, it showcases what he does with a playful GIF exhibiting the phrase “CIAO” getting edited point-by-point, simply as it will in a design instrument. Second, it summarizes Cantuni’s key strengths in a personable abstract. Third, it lists his expertise in a user-friendly collapsible format, so if you wish to learn extra, you’ll be able to click on every particular person function. He then leads into his e-book and portfolio.

At each step, you get to understand Cantuni’s sturdy sense of design, user-first pondering, and sharp enterprise acumen. The designer ends with a call-to-action for guests to achieve out to him. He additionally prompts recruiters to inquire about his work by mentioning that he can solely share sure items of his work privately. By yourself web site, you’ll be able to leverage tasks with non-disclosure agreements as “gated content material.”

5. Martine Myrup

Martine Myrup’s web site comes up twice on this checklist — first, as the most effective resume web sites, and second, as the most effective portfolio web sites we’ve ever seen. As a practising artist, Myrup should emphasize visuals in her web site’s design. However she additionally consists of an HTML curriculum vitae for potential employers and different events to see her levels, exhibitions, awards, and publications.

The CV is formatted in a manner that’s clear and easy-to-scan, with daring headings separating every part and dates on the left-hand facet. Whereas artists’ CVs are formatted in another way than skilled CVs, Myrup’s formatting would work in just about any subject with some changes.

6. Taylor Vowell

Taylor Vowell’s resume web site is a superb instance of the best way to introduce your self in a personable manner whereas highlighting your skilled expertise. He begins with a abstract about his private life: “I’m a father of three, an avid comedian and sports activities card collector, and an enormous Avs and Broncos fan.” That pulls readers in instantly and offers them a option to break the ice once they attain out to Vowell.

Later down the web page, he consists of his expertise in a carousel with playing cards for every of his employers. In case you’re fascinated by seeing extra of his expertise, you’ll be able to click on to the following card, or you’ll be able to hold scrolling to see his abilities in advertising and marketing, product design, and expertise, as effectively his strengths and proposals. This can be a sturdy resume web site that ends with a compelling, eye-catching call-to-action.

7. Johannes Schüchner

Johannes Schüchner’s movie resume web site is an instance that demonstrates the best way to showcase your creativity and persona whereas nonetheless highlighting your most necessary skilled achievements. Whereas the resume is in German, you’ll be able to nonetheless get an understanding of the actor’s key strengths.

On the backside, casting administrators have an choice to obtain a PDF model of Schüchner’s movie credit and theater work. This web site exhibits that you would be able to tastefully break the foundations by yourself web site, as long as you stay conscious of your target market.

8. José Rocha

José Rocha is a designer who makes use of pleasant parallax results on his web site to interact viewers and guests. He introduces himself as a full-stack designer, covers his key energy areas, after which invitations readers to scroll via his expertise in a concise, interactive part.

On the high is a clear navigation bar together with his contact data, permitting web site guests to get in touch with him promptly in the event that they wish to. On the backside is a proper kind the place folks can submit an inquiry.

9. Hugo Bazin

Hugo Bazin is a product designer whose resume web site combines friendliness with partaking person design. On the highest left-hand nook, he features a sticky button to obtain his resume in PDF format, however should you’re fascinated by getting an summary, you’ll be able to scroll all the way down to the “Expertise” part, the place you’ll be able to see his present and former employers.

All through the copy, Bazin makes use of emojis to showcase his persona, however he’s selective. He retains emojis out of the “Expertise” part of the webpage, the place it’s important to keep up a critical, skilled tone.

10. Christian Kaisermann

Christian Kaisermann’s resume web site employs distinctive visuals to maintain viewers on the web page and showcase his sturdy coding abilities. On the higher right-hand facet, you may have the choice to modify from channel to channel, such as you would on an outdated TV. He additionally solely consists of two paragraphs of copy on the homepage, exhibiting that remaining temporary is vital if you’d like guests to focus in your web site’s design.

On the underside left-hand nook, customers can entry Kaisermann’s crawlable HTML resume, e mail, Twitter, and LinkedIn. You too can activate “Area Mode,” which brings up a distant management to alter the channels — very cool!

Finest Practices for Resume Web sites

• Code your resume so it may be crawled by engines like google.
• Supply a button to obtain your resume in PDF so the hiring supervisor can add it to your file.
• Hold branding constant between the web site and doc variations: Use related fonts, colours, and pictures so that you’re simple to acknowledge.
• Be inventive and genuine to your self. Take into consideration the colours, photographs, and media you wish to be part of your story that you simply could not embrace in a doc resume.

11. Seán Halpin

Halpin’s portfolio is brief, candy, and to the purpose, which is genuine to his voice and private branding outlined on the positioning. As a substitute of plenty of copy, Halpin presents giant thumbnail playing cards in order that his tasks converse for themselves and permit the person to delve deeper if one catches their eye.

12. Tony D’Orio

It is necessary to maintain the design of your visible portfolio easy to let photographs seize guests’ consideration, and D’Orio accomplishes this by that includes daring images front-and-center on his web site. His emblem and navigation menu are clear and do not distract from his work. And he makes it simple for potential clients to obtain his work freed from cost.

Wish to give it a attempt? Click on on the hamburger menu within the high left nook, then choose + Create a PDF to pick out as many photographs as you’d wish to obtain.

When you open the PDF, you will discover that it comes totally outfitted with D’Orio’s enterprise card as the quilt … simply in case you want it.

13. Verena Michelitsch

While you’re a designer, not one pixel in your private web site ought to go unused. Verena Michelitsch’s portfolio, proven above, is roofed finish to finish in paintings. From her in depth library of labor, she selected to exhibit a number of colours, types, and dimensions so guests can see simply how a lot vary she has as a designer. It is an ideal instance of the traditional adage, “present, do not inform.”

14. Gari Cruze

Cruze is a copywriter. However by turning his web site right into a portfolio that includes photographs from totally different campaigns he is labored on, he makes guests wish to hold clicking to study extra about him. Additionally, there’s an ideal CTA on the high of the web page that leads guests to his newest weblog put up.

His web site’s humorous copy — particularly within the “17 Random Issues” and “Oh Sure, They’re Speaking” sections — serves to point out off his abilities, whereas making himself extra memorable as effectively. These pages additionally embrace his contact data on the right-hand facet, making it simple to achieve out and join at any level:

15. Melanie Daveid

Daveid’s web site is a good instance of “much less is extra.”

This developer’s portfolio options clear, well-branded imagery of campaigns and apps that Daveid labored on, and she or he exhibits off her coding abilities whenever you click on via to see the specifics of her work.

Whereas it might sound overly minimal to solely embrace just some examples of her work, Daveid did her portfolio a service by together with her finest, most noteworthy campaigns. On the finish of the day, it is higher to have fewer examples of excellence in your portfolio than many examples of mediocrity.

16. The Beast Is Again

Christopher Lee’s portfolio is busy and colourful in a manner that works. While you learn extra about Lee on his simply navigable web site, you understand that such a enjoyable and vibrant homepage is ideal for an illustrator and toy designer.

Identified by his model identify, “The Beast Is Again,” Lee’s net portfolio highlights eye-catching designs with recognizable manufacturers, similar to Goal and Mario, together with hyperlinks to buy his work. That is one other gallery-style portfolio with pops of shade that make it enjoyable and provides it persona, thus making it extra memorable.

17. Daniel Grindrod

This freelance videographer is one other instance of a easy however smooth portfolio, permitting his potential shoppers to browse deeper into his “Work” and “Stills” sections. The opening video on the homepage — as proven on the nonetheless picture above — additionally ensures his web site guests know that he is actively creating stunning work.

18. Byron McNally

In his portfolio, Byron McNally doesn’t instantly embrace his work however fairly a photograph of himself, which instantly fosters a connection between him and web site guests. This minimal web site design additionally invitations customers to proceed partaking with the web site’s content material and see a few of his current movie, business, and music productions.

19. Martine Myrup

Martine Myrup was additionally in our checklist of finest resume web sites, however her portfolio is value a point out, too. With its muted colours and inventive use of typography, it instantly conveys her creative imaginative and prescient and aesthetic. The web page additionally features a sticky vibrant inexperienced button prompting you to take a look at her CV. As you scroll down the web page, you’ll be able to see a preview of her work and click on on the one that the majority pursuits you, then get in touch together with her utilizing the e-mail on the backside.

20. Davide Perozzi

Davide Perozzi makes use of his web site to showcase his sturdy design abilities and inventive typography, in addition to his earlier work. While you hover over every merchandise in his portfolio, a picture preview pops up, providing you with the chance to take a look at extra. The web site makes use of scrolling results and daring textual content to maintain viewers engaged.

Finest Practices for Portfolio Web sites

• Use primarily visuals. Even should you’re showcasing your written work, utilizing logos or different branding is extra eye-catching in your guests.
• Do not be afraid to be your self. Your persona, model, and humorousness could possibly be what units you aside from different websites!
• Group is vital. In case your portfolio is filled with photographs, logos, and different photographs, be sure that it is simple for guests to navigate to the place they will contact you.
• Model your self. Select a emblem or icon to make your data simply identifiable.

21. The Everywhereist

This weblog seems a bit busier, however its constant branding helps guests simply navigate the positioning. The journey weblog makes use of globe iconography to maneuver guests across the web site, making it simple to discover sections past the weblog.

Owned by author Geraldine DeRuiter, this weblog additionally encompasses a “Finest Of” part that enables new guests to study what the weblog covers to get acclimated. The colour scheme is heat, impartial, and freed from extra muddle that would distract from the content material.

22. Aspect Hustle Nation

Aspect Hustle Nation is the enterprise weblog of Nick Loper, an advisor whose web site presents tons of useful monetary recommendation for particular person enterprise homeowners. His homepage, proven above, units a lighthearted but passionate tone for his readers. It suggests you will get pleasant content material all dedicated to a single objective: monetary freedom. The inexperienced name to motion, “Begin Right here,” helps first-time guests know precisely the best way to navigate his web site.

On Nick’s weblog web page, you will see content material that exhibits readers how Nick, himself, creates content material that helps his enterprise develop. These content material sorts give folks a peek backstage of your operation, exhibiting them you follow what you preach and that your perception is tried and true.

23. fifty coffees

The web site fifty coffees chronicles the creator’s sequence of espresso conferences looking for her subsequent job alternative, and it does an ideal job of utilizing images and visuals to help within the telling of her prolonged tales.

The very best half? Every put up ends with numbered takeaways from her conferences for ease of studying comprehension. The high-quality images used to enrich the tales is like icing on the cake.

24. Minimalist Baker

I am not highlighting Dana’s meals weblog simply because the meals seems scrumptious and I am hungry. Her weblog makes use of a easy white background to let her meals images pop, distinctive branding to make her memorable, and mini-bio to personalize her web site.

25. Mr. Cash Mustache

Mr. Cash Mustache may tackle an old-school, Gangs of New York-style facade, however his weblog design — and the recommendation the weblog presents — could not be extra recent (he additionally would not actually seem like that).

This monetary weblog is a humorous, browsable web site that gives sound perception into cash administration for the layperson. Whereas his private tales assist help the legitimacy of his recommendation, the navigation hyperlinks surrounding his emblem make it simple to leap proper into his content material with none prior context round his model.

26. Marco Feng

Marco Feng’s journey weblog is colourful, distinctive, and informative. While you arrive on the web site, you’ll be able to instantly leap in to the weblog put up that pulls your consideration essentially the most, or discover by vacation spot. Our favourite a part of the positioning is the scrolling banner on the high that gives social proof: As a reader, you’d be becoming a member of 3 million others. Leveraging your viewers measurement will allow you to look extra authoritative and set up your web site as a go-to.

27. Miramono

Miramono is a novel images weblog created by Fernando Puente, the place he curates a “choice of photographers he deeeeply loves.” In it, he consists of interviews, essays, and photograph alternatives. On the backside is an eye catching graphic prompting viewers to subscribe. We love the simplicity of the web site’s design, in addition to its distinctive worth proposition.

28. Beamaker

This weblog combines partaking visible design with user-friendliness. Since Japanese is written vertically, the house web page features a sequence of vertical playing cards, every for a distinct weblog put up. You possibly can then click on on every card to develop a selected put up. The author divides his musings into three classes: Make, Suppose, and Jumble. He discusses his private life at dwelling in addition to his life at work, epitomizing what a private weblog ought to comprise.

29. Salt in Our Hair

Salt in Our Hair is a journey weblog with distinctive person design. The bloggers, Nick and Hannah, introduce themselves on the welcome display. Customers then have the choice of selecting a selected vacation spot to examine or discovering a selected subject utilizing the menu up high.

30. Daniel See

Daniel See makes use of the weblog part of his web site to share his ideas on design. As a designer, he makes use of his subject-matter experience to put in writing weblog posts about inventive processes. He additionally prompts readers to submit their suggestions and concepts by together with a button to “let him know your ideas.”

Finest Practices for Blogs

• Hold your web site easy and clutter-free to keep away from extra distractions past weblog posts.
• Publish typically. Those that prioritize advertising and marketing efforts are 13x extra more likely to see optimistic ROI.
• Experiment with totally different weblog types, similar to lists, interviews, graphics, and bullets.
• Make use of visuals to interrupt up textual content and add context to your dialogue.

31. Albino Tonnina

Tonnina is showcasing superior and complex net improvement abilities, however the photographs and storytelling strategies he makes use of are easy and straightforward to grasp. Within the course of, you get a demo of the depth of his animation and coding expertise.

32. Robby Leonardi

Leonardi’s unbelievable demo web site makes use of animation and net improvement abilities to show his portfolio and resume right into a online game for web site guests. The whimsical branding and distinctive manner of sharing data be sure that his web site is memorable to guests.

33. Samuel Reed

Reed makes use of his web page as a start-to-finish demo of the best way to code an internet site. His web site begins as a clean white web page and ends as a completely interactive web site that guests can watch him code themselves. The cool issue makes this web site memorable, and it makes his abilities extraordinarily marketable.

34. Renaud Rohlinger

Renaud Rohlinger’s demo web site does an ideal job of exhibiting his 3D design chops, and it takes it a step additional by telling guests all about him and his passions. It is the proper stability of a demo and a mini-portfolio.

Plus, we love the video he consists of because the background, in addition to the parallax results that activate as you scroll down the web page.

35. Enric Moreu

Enric Moreu showcases his 3D design abilities by creating an interactive 3D resume. As customers scroll, the web page easily takes them via Moreu’s spoken languages, coding languages, abilities, and work experiences. It’s partaking, mild on textual content, and visually placing.

36. Mariah Weathersby

Mariah Weathersby has coded a placing “playable” resume that pays homage to old-school video games and showcases her sturdy design abilities. In case you love experiencing nostalgia, this demo web site will reel you in. In case you solely need the resume, you may have the choice of downloading a text-based model — a win-win.

37. Isaac Fayemi

Isaac Fayemi’s demo web site is refined and placing on the similar time. Relatively than loading the web page with extreme graphics, he has created a 3D model of his head that follows your cursor as you progress round. You could have two choices: To seek out out extra about him or take a look at extra of his work. This demo web site is a stellar instance of the best way to hold it easy whereas nonetheless delighting the senses.

Finest Practices for Demo Web sites

• Model your self and use constant logos and colours to determine your identify and your abilities amongst the bevy of visuals.
• Do not overwhelm your guests with too many visuals without delay — particularly in case your demo is animated. Make sure you hold imagery simple to grasp so guests aren’t bombarded once they go to your web site.

Creating a Private Web site

No matter the kind of private web site you are constructing, there’s loads of inspiration above on the best way to convey persona whereas connecting along with your viewers. Conserving the above ideas in thoughts, bear in mind to design in your viewers’s expertise, and most significantly, have enjoyable.

Editor’s notice: This put up was initially revealed in April 2019 and has been up to date for comprehensiveness.

Initially revealed Sep 22, 2022 7:00:00 AM, up to date September 22 2022