WHAT IS MOCKPLUS?

Mockplus is a faster and easier prototyping
tool to help you make prototypes by making
interactions with simple drag-and-drop and working
on a team project easily and effortlessly. Microsoft, Oracle,
Simens, IBM, UBI, Huawei and 300+ global colleges are
using it, YOU SHOULD TOO!

Personal website is the best way to presents UI/UX designer’s design work. Here are 25 best design examples of personal websites for your design inspiration.

What is the best way to present UX/UX designer’s work with personal style? I guess a personal website maybe the NO.1 choice. Actually, a personal website serves far more than that. Usually, personal website can be classified into main 5 types due to the features and purposes. If you are still hungry for personal website design inspiration, keep reading.

5 main types of a personal website:

4) Personal brand - to get known, get famous and get more opportunities.

5) Online shop - for commercial.

6) Gallery - a collection of designer’s work or writing stuff or demos

In fact, personal website presents a variety of different design styles and functions. For example, portfolio and blog, work experience and portfolio. Some are one page with minimal and clean style, some use bright and vibrant colors. Anyway, hope you like the 25 personal website design examples.

1. Personal website design of resume style

It clear shows what Devon does one the clean and neat welcome interface. The video are appealing and presents his skills and work experience just right. With the blog and portfolio, his site can leave visitors a great impression.

This is a typical resume personal website. “Hi, I’m Gary Sheng”. on the welcome screen, you’ll see a nice boy greeting with you. It’s nice and warm. There are plenty good-looking logos and clickable links shows his design and development skills and leading visitors to a more wonderful world with detailed information. Check this one out and leave your resume document away

The simple personal website uses blue as the background with word in white, and presents a clean and simple welcome interface. His choice of color in UI design is pretty wise. You’ll see his skills like JavaScript, CSS, Java, and PHP as well as experience and education properly organized. Like what he believes, “ Offering creative design solutions to solve business problems is what I do best.”

Thalida is a Senior Software Engineer. Lucid Dreamer. She is a queer Trinidadian-American cisgender woman of color. On the welcome page, she divides the page into 2, the left is static while the right part can scroll sown to see her education, projects and work experience. She uses yellow highlighted words to draw attention.

Nik.org is the eponymous online home of Nik Papic—designer, developer, marketer, perpetual entrepreneur, and aspiring polymath. This is a concise description on his welcome page. Pretty clean and all in one color background is in good-looking. Besides, I personally like the font.

2. Personal website design for blogs

Miss Thrifty is one of the mort popular frugal blogs in the UK. Miss Thrifty is targeting young mums with her money saving, frugal tips and articles. The market is massive and she’s meeting a need for this type of information. Young mums aren’t exactly rolling in cash. They may have had to give up work and are now relying on just one wage coming in, so the need to be more frugal with everyday living is a must.

Osvaldas Valutis is a web designer in Klaipėda, Lithuania. He has been making websites since 2003. He is a great example of ”Web designer who thinks in code” who solves design problems and implement their technical solutions. His personal website design including a blog, online shop and the work of him. A holy mixing of promotion and presentation of his work. The color scheme is nice and soft, and the light green feels like nature.

Thuis is a dark-schemed one pager professional personal website, which is the coffee-tasting journal of designer Tobias Reich. Really like this smart layout and nice touch including coffee facts between sections. Besides, it’s a curated collection of coffees I've ordered and tasted at home.

Jasmine Star is a popular blog about branding and marketing, meant for helping creative entrepreneurs build the business of their dreams. The founder of the blog, Jasmine Star, is a branding and marketing strategist who wants to help people create a profitable business and, thus, make a real difference in their lives.

This is a travel themed blog, which consistent branding helps visitors easily navigate the site. Visitors can go through around the site by the navigation easily and explore sections beyond the blog freely. The color usage is warm and neutral and maintain a clean interface.

3. Personal website design for portfolio

Brett is a designer, developer, and creative director that specializes in creating software products. It’s totally in black and white for the welcome page with the words description. But i really love the colorful video below which containing his wonderful design works.

This personal website uses beautiful load transitions and use of whitespace in this minimal One Page portfolio for French UI/UX designer, Vincent Tantardini. Just love how the contact form loads up and also how the send button appears only once you click in the message area. Also great touch with the logo transition into down arrow.

Charlie Waite is a designer from Newport Beach, CA. It’s a lovely clean colorful design in a responsive One Page personal website. It’s simple, clean, retina and responsive. You can scroll to view his excellent works of design.

Matin is a UX Designer in Canada. He likes to have a variety of showcases on every topic and bring ideas into wireframe and prototype and handing them into the hand of a great graphic designer and coders to create the final product.

This is a unique personal site of a freelance web designer/developer ‘Jon Kyle’ in Los Angeles. The One Pager features interesting sorting and filter functionality. Without one single images, pretty simple and clean. Nice touch with the random positioning of contact information every time you click the @ symbol (bottom right).

4. Personal website design for individual brand

Dave Gamache is the previously designed Twitter & Medium. Adventuring. Excellent color contrast to form a clean and simple one page personal website. With usable click to reach out for all kinds of different media platforms.

Sacha Greif is a designer, developer, and entrepreneur from Paris, France but these days lives in Osaka, Japan. Say hello, or keep scrolling to explore with different color scheme to check out his Bio, Code, Projects, Writing, Podcast, etc. Nice fonts to make words vivid.

Minimal personal page for UX designer, Ana Santos. Neat little touch loading up the contact form with a subtle parallax as your scroll. Ana is a Manchester based UX Designer, she wanted something minimalist to showcase her experience and links while update her portfolio.

5. Personal website design for online store

Joe McNally is a photography blog founded by one of the best and most influential photographers in the world. Joe McNally is an award-winning photographer who has been shooting for National Geographic Society almost all of his life.

Responsive long scrolling One Pager for ‘Pixelosaur’ theme shop from Greece. Great to a see an established theme shop using a Singe Page website to showcase everything they do – including testimonials, awards, theme collection, blog feed and contact details.

Super impressive multi-directional parallax scrolling (preview) in this One Pager for Mayday Magazine. The Landing Page also features neat Shopify integration for magazine checkout without leaving the page.

6. Personal website design for picture galleries and demos

“Coffee-ing with fifty friends and mentors to find my dream job.” this personal website presented the author's series of coffee meetings in search of her next job opportunity. The most special thing is the usage of quality photography and visuals to assist in the telling of her lengthy stories.

Timothy Hoang is a pharmacist to Front End Developer. Portfolio and demos are keep in good check to present a picture galleries. Click the demo action you can see his wonderful design works.

To sum up

Well, that’s all. Hope you like the above 10 personal website design examples and resources. Nowadays, you can use various website builder to create a website effortlessly. No coding and even the UI can be selected form the various themes. But still, if you’d like to design and create your own special website, you may use the Mockplus to do a prototyping. The components and interaction are easy to use, meanwhile, you can view with a HTML on a real screen. This can save you much time.

Mockplus is a desktop-based tool for prototyping mobile, web and desktop apps easily and
quickly. Create interactions
by simple drag-and-drop and your teamwork will be time-efficient with the collaboration features.