When was the final time you up to date your design portfolio? (For those who’re like me, it’s in all probability been some time.) Sustaining a contemporary portfolio is an efficient strategy to showcase your expertise to potential purchasers and will be useful when wanting again on work for annual contest entries.
For those who’ve fallen behind along with your portfolio design, or simply want a brand new portfolio usually, this can be a nice alternative to create one thing utilizing stylish strategies and visuals.
A contemporary portfolio utilizing design tendencies could make a fantastic impression. A portfolio can be a illustration of your expertise — so design correctly! Right here’s a take a look at a few of our favourite portfolio design tendencies for 2020.
1. Homepage Bios
There’s no rule that your bio needs to be on the About web page of your portfolio web site. One of many strongest tendencies in portfolio design is to maneuver that bio – or no less than a brief model of it – on the homepage.
It’s a good way to inform individuals precisely what you do from the beginning. There will likely be no guessing what your portfolio is about and what sort of inventive you’re.
It’s a spot that you would be able to create a private assertion and even spotlight numerous tasks. Invoice Chien’s portfolio does this fantastically with a movie-credits type bio that scrolls on the homepage. His bio is easy, to the purpose, and exhibits his inventive mindset.
2. A lot of Interactivity
Interactive portfolios are in.
Many of those portfolio designs are visually loud, filled with motion, shade, and issues to click on or cool altering hover states. There’s an nearly limitless alternative to make use of results and design strategies.
What’s neat a couple of extremely interactive portfolio is that it gives a spot to indicate off some supreme UX expertise.
The problem is that typically the designs can get only a wee bit overwhelming. Be sure to trace person habits and engagement and if you’re shedding guests, it is perhaps value an opportunity. (It can be a very good take a look at for deploying comparable strategies in different tasks.)
3. Uncommon Design Patterns
Portfolios that take a look at new design patterns are additionally trending. Shifting conventional navigation parts, obscuring textual content, and even experimenting with animation states are all frequent.
This pattern is perhaps fashionable as a result of it gives a possibility for designers to have somewhat playground to check strategies and results. What’s good about it, is that this pattern pushes our thought of what’s an isn’t the correct strategy to do one thing.
The instance above makes use of a number of visible tendencies and strange patterns on the similar time. There’s define typography that’s partially obscured, an animated hover state for the colour orb, and navigation that’s on the vertical edges of the display.
The portfolio pattern makes you consider design norms and the way you are feeling about them as you dive within the work.
4. Black and White
Black and white designs, typically with a shade accent, are large proper now.
The largest contributing issue is perhaps that black and white design patterns make it straightforward to see portfolio works, which are sometimes in shade. It offers the factor you need individuals to see better consideration when it does seem on the display.
Paired with this black and white pattern is one other frequent issue. Portfolio items don’t seem on the homepage; customers need to click on by way of to seek out them.
5. Stylish Typography
You may by no means go unsuitable with wonderful typography. Whether or not you’re utilizing a trending sort ingredient, such because the outlines above, or just an exquisite typeface, this pattern by no means will get previous.
Sturdy typography expertise will assist your portfolio shine and assist others perceive the standard of your work. This pattern exhibits why making a portfolio that represents the power of your expertise is essential.
Potential employers and purchasers will typically get an impression of the form of inventive you’re just by taking a look at your portfolio web site. Virtually each designer would like to be considered somebody with robust typography expertise. Utilizing stylish typography properly undoubtedly matches the invoice.
6. Excessive-Efficiency Results
Victor Costa’s portfolio is a primary instance of the right way to create a high-performance portfolio.
As a result of internet designers, photographers, and different creatives are utilizing their portfolios to indicate off what they will do, there’s a definite shift to extra high-performance designs. (A few of that are an excessive amount of for cell shows. Ensure you have another gateway for those who go this route.)
Victor Costa’s portfolio is a primary instance of the right way to create a high-performance portfolio. It opens with an possibility for customers – commonplace or high-performance. The portfolio is stuffed with interactive parts, fades and scroll actions and animation. These strategies match the weather he references in his bio and isn’t solely a showcase of previous work however an indicator of what else he can do for purchasers.
7. Loads of Area
One thing that’s been popping up in additional designs throughout the board is making its means into portfolio design as properly – loads of house between parts and objects.
This pattern appears to have roots in making certain that objects are appropriately separated on cell gadgets and have loads of tap-space, however the further house can look nice on desktop screens as properly. (Granted, I’ve at all times been a fan of white house.)
Lotta Nieminen’s portfolio is an ideal instance of this design in motion. The tremendous deep header takes up greater than a 3rd of the display whereas the vertical and horizontal house between portfolio photos is tremendous huge. Every ingredient stands by itself and the exaggerated spacing offers every mission room to face by itself, which will be notably good for a portfolio design with the potential for thus many several types of photos.
8. Groovy UI
Pairing a minimally-styled design with trendy person interface results can create fairly a shocking portfolio. This mixture of visible simplicity and complicated interplay can delight customers and preserve them wanting by way of completely different screens and portfolio tasks.
Click on by way of the instance above to see how every portfolio mission glides onto the display with a cool ripple impact earlier than it stops. The cursor shifts and shapes as properly, denoting click on parts to take customers by way of every mission in a means that’s extra than simply studying about how the design got here collectively.
This can be a portfolio you possibly can spend hours with because of the groovy UI.
9. Massive Typography
Typography and textual content are a number of the most regularly ignored design parts when planning a mission or portfolio.
Sturdy typography and language will be the proper introduction to your work (and portfolio). Most individuals in all probability know of Tobias van Schneider from his ventures as a designer or podcaster, however would you count on his portfolio house web page to be principally textual content?
Typography and textual content are a number of the most regularly ignored design parts when planning a mission or portfolio. Most of us are so involved with the visuals or animation.
This instance exhibits why so many designers are choosing portfolios that characteristic robust typography. It units the correct tone – what he does and what the positioning is about – earlier than stepping into the deeper visuals. (This selection additionally highlights his power for designs that characteristic quite a lot of textual content.)
10. Portfolios That Don’t Look Like Portfolios
…as a designer you don’t need to provide you with one thing utterly new to indicate off your work
One of many greatest tendencies in portfolio design is crafting a portfolio that appears like one other sort of web site altogether.
Robin Mastromarino’s portfolio seems like a web site for a bar or designer or skilled athlete, relying on which a part of the slider you view first. It’s lovely and easy and what’s most spectacular is the room every mission has to shine.
Refined cues assist customers perceive parts of the portfolio, comparable to small numerals above the headline, and the date beneath. Plus, the slide ingredient that encourages left to proper scrolling with partial headlines from different tasks.
The opposite issues which are so good about this portfolio type are that as a designer you don’t need to provide you with one thing utterly new to indicate off your work. With huge “artwork” for tasks, accomplished jobs are the main target, fairly than creating one thing utterly new. (How’s that for creating one thing you’ll be able to replace shortly?)
11. Full-Display screen Animated Navigation
For some time, many designers have been choosing one-page portfolios. That has shifted again to multi-page tasks with a twist – lack of conventional navigation.
The homepage serves as navigation to particular person tasks and pages with animated results in these tasks to create a extra immersive and wholly interactive expertise for customers.
It establishes a pleasant UX which may make a shopper need to see an identical approach and is an efficient strategy to put emphasis in your capacity to create within the digital house, even when all of the objects in your portfolio don’t mirror that.
12. Cut up-Display screen Patterns
Cut up-screen patterns have been trending for some time and extra portfolios are utilizing this design, even when they don’t use the performance. It really works as a result of the pairing of parts helps drive customers throughout the display to absorb every part in entrance of them.
Xavier Cusso makes use of a split-screen design with nice parallax scrolling results to maneuver from mission to mission. The colour-block display design helps emphasize that the web site is his creation, whereas the ingredient within the center is the portfolio mission to look at. It places some separation between the portfolio and mission designs.
This can be a good strategy to deal with big-name tasks – be aware the graphic for Adidas Climaheat right here – whereas sustaining your id within the portfolio design. (Be sure to click on by way of and go to particular person tasks right here; the general portfolio design is spectacular.)
13. Minimalism-Impressed Design
One of the best factor a couple of minimalism-inspired portfolio is that it offers the design loads of room to shine. The design of the particular portfolio turns into comparatively invisible so that each one the main target is on the weather that you really want individuals to see.
Designer Shawn Park lately wrote about how he redesigns his portfolio yearly for UX Collective – I extremely advocate that you just go read that article here – and the present design (above) exhibits an evolution of design tendencies in itself.
Park contains iterations of his portfolio design within the put up, starting in 2013, and you’ll see how design tendencies impacted his portfolio. You can too see how this contemporary minimal type makes it simpler to see his work in the present day than in earlier incarnations.
14. Outsized Homepage Headshots
Huge headshots are an enormous deal, notably with builders and interplay designers.
This portfolio pattern is perhaps fashionable as a result of it’s tougher to visually present this work: Do you spotlight code?
The trick to creating this portfolio design work is a powerful picture. It must be greater than a headshot; it must have a moodiness to it. Then pair it with robust typography to make it apparent that this can be a portfolio web site and what you do. Maintain all of that info above the scroll for the most effective likelihood at holding guests shifting by way of the design.
And some nifty results can’t harm both.
15. Modular Grids
One portfolio design pattern that by no means appears to fade is using modular grids to indicate off tasks. This can be a nice – and practical – possibility as a result of you’ll be able to “float” photos of various tasks on a single canvas.
Kimi Lewis does one thing somewhat bit completely different together with her portfolio, above. Fairly than a number of small blocks to indicate portfolio tasks, this design goes huge. It mixes and matches squarer and lengthy horizontal photos in an outsized grid.
Customers get a very good really feel for every mission proper from the beginning. Add the outsized grid photos to some exaggerated spacing between parts and this portfolio is perhaps one of many best to digest that I’ve seen shortly. There’s additionally a nifty hover animation on every picture with the shopper identify and mission sort to offer further info earlier than you click on by way of.
16. Shiny, Gentle Aesthetics
No person stated a design portfolio needs to be boring. Whereas quite a lot of these designs are darkish or white – principally as a result of these flat colours make it straightforward to see tasks – shiny, loopy colours can work too.
Denys Mishunov’s portfolio is a superb instance of utilizing shade and illustration to face out. The brilliant shade scheme is attention-getting and the illustration is a enjoyable tackle an outsized headshot.
17. Shade Overlays
Heather Shaw’s portfolio works as a result of every mission is so completely different, however the shade overlays give the homepage a related really feel.
One of the difficult issues about making a portfolio is the homepage. How do you preview work or mission sections in a means that may entice customers to truly click on by way of?
The reply is perhaps to partially obscure the work. Utilizing attention-grabbing shade overlays on preview picture hyperlinks could be a visually partaking strategy to encourage clicks to particular person tasks. It’ll preserve your homepage cleaner with a constant look and elegance for various sections of the web site, be sure that one web page isn’t too heavy and sluggish to load, and gives a possibility to focus on one thing a couple of mission earlier than the press.
Heather Shaw’s portfolio, above, works as a result of every mission is so completely different, however the shade overlays give the homepage a related really feel. The person additionally is aware of what sort of mission they’re about to view because of labels with shopper names and mission sort proper there. This can be a extremely navigable and simple to know format that appeals visually.
18. Streamlined Undertaking Showcase
After which there’s the other finish of the spectrum – portfolios which have a extra streamlined appear and feel. There could be a profit to solely displaying a handful of tasks.
It ensures that customers solely see what you need them to deal with and never get distracted.
Stefanie Bruckler additionally makes use of a module grid format however with fewer objects in a extra contained house. Plus, it’s all beneath the principle scroll which contains a minimal enterprise card type design.
It has a glance that’s polished and fashionable, setting a definite tone for the work of this designer.
Nonetheless not fairly prepared to revamp your portfolio? Whereas it’s a inventive mission, that is additionally an funding in your small business, whether or not you’re employed for a corporation or as a freelancer.
Potential purchasers are searching for you earlier than you even know they exist. A contemporary, stylish portfolio along with your greatest tasks could make a powerful first impression.