This is another great example of personalization. You can gather virtually everything you need to know about Gift after viewing her portfolio. This links directly to Gift's social accounts and developer accounts, such as her Github, which further proves her expertise, skills, and the breadth of her career.
But, of course, not everyone is a full-fledged developer like Gift. So, what do creators do if they are more designers than developers?
You can also use a website builder if:
- You're knowledgeable enough to customize it.
- You're more a designer than a developer.
- You have a developer you work with.
Bruno Simon's interactive portfolio is well known in the industry. The site itself is really the portfolio; you come away from viewing it with knowledge of Bruno's skills. Bruno's entire portfolio is an interactive game that you play with your mouse and keyboard. An interactive resume/portfolio is great, if you can pull it off. But it does take a lot of skill, more than most entry-level programmers will have.
Not every portfolio has to be a production. Simplicity can be beneficial if:
- You're a back-end developer and are not particularly knowledgeable about front-end design.
- You have a lot of job experience to back your work up.
- You specialize in minimalist or mobile-forward designs.
So, what if you're actually a back-end programmer? It should be noted that not all web developers are front-end developers. Most of the flashier examples that we've highlighted are from front-end developers who can create interactive designs.
But back-end programmers are the ones who make the world go around. Do they need to learn Bootstrap and Adobe Illustrator? No, they just need a thorough overview of their skills, which is something Timmy O'Mahony has offered here.
Consider using a content studio or CMS for back-end work. You can also:
- Look for great portfolio templates, like the ones on Mailchimp.
- Download a template or example on Github.
- Work with a developer or a development company.
This portfolio is breathtakingly bold. Not only is it full of exciting movement, but it's still clear, dramatic, and engaging. The text fills the page. It isn't hard to make this portfolio. But it's difficult to make well.
This example of a website portfolio clearly shows that Oluwadare has complete command over the page, something that's very hard to do with just a few words.
What are some great trends hitting web domains now?
- Text-first, font-heavy designs that use type first.
- Bright colors and bold accents over deep neutrals.
- Animations and playful, exciting geometric shapes.
What about just proving your skills? Josh's portfolio is a full-fledged website that features insight and information regarding a multitude of aspects of web development and design.
By reading this page, you can see that Josh has a lot of key insights into what is and isn't happening in the world of design. You know that he's a studied professional, even before you see any of this design work.
How can you establish your professional credentials?
- Publish regular posts on your website.
- Talk about your trade on social media.
- Participate in industry events.
Gentle, beautiful, and bright, there's really nothing else like this portfolio. This portfolio showcases that the developer has a unique style and knows how to highlight it.
If you have a personal style that stands out, you have the opportunity to highlight that in your portfolio. You aren't selling anyone else's work but your own, and a lot of potential clients want to see the real you. Pages upon pages of boring, static content or generic corporate pages aren't going to sell you quite like something completely original.
But much like the "risk" question earlier, uniqueness can also be alienating. How outside of the norm can your style be? Balance any unique elements by:
- Also including more traditional work.
- Highlighting only one or two unique elements at a time.
- Creating different portfolios for different positions.
Check out this trendy, almost grungy, brightly-colored website by a front-end developer and WordPress expert.
This fun and animated website has a series of portfolio projects, along with a complete overview of the technologies that Jack is proficient in. The words just jump off the page, and the color selection is extraordinary, readable, and trendy.
How do you select a color palette for your portfolio?
- Select a color you really love and its complementary color.
- Do a monochrome gradient of the color that you really like.
- Use a standard color picker.
A designer turned developer would, of course, design a gorgeous website, and Annie has done exactly that.
Annie's website introduces us to her, her world, and her work. It’s another great example of personalization. Annie has designed and developed a multitude of projects, each of which is highlighted and described in her portfolio. If you have live projects, you should always highlight them and what you learned from them.
Should you highlight development, design, or both?
- Consider building a portfolio for each.
- Split your portfolio into two sides.
- Highlight projects in which you did both.
It's always a risk to have a loading image on your page, but this one's worth it.
This beautiful portfolio has a relaxing but engaging color palette and a primarily text-forward design. Nevertheless, it takes advantage of animations and movement to remain engaging. If you have a loading-heavy site, it's better to load in advance. And if you can get the audience to wait, they will ultimately be more committed.
How do you make a text-heavy site exciting?
- Choose the right fonts.
- Use colors for emphasis.
- Make sure it's accessible.