Examples of Online Portfolios that make Good Use of Typography

18
Examples of Online Portfolios that make Good Use of Typography (10)

Currently, there are a lot of professionals who choose to have their own online portfolio, even more, when it comes to a creative career as graphic design, brand design, production and video editing, design fashions, web development, etc. It can be quite useful to have an online portfolio where you comment your work experience and show your best projects.

Projects that you choose for your portfolio are essential and it is important to make a careful selection. However, there are other components that are also important as the layout, colours and typography course. In this article we mention some of these online portfolios, focusing on those who make good use of typography and even put more emphasis on it.

Gui Bento

Examples of Online Portfolios that make Good Use of Typography

This striking online portfolio contains animations and typesetting. Every time you scroll down animation is activated and you see how the text is moving. These flashy animations clearly express the movement that is associated with giving life to a brand through a website and is consistent with the value proposition of this designer.

The menu is also quite original. It has been used hamburger icon menu for more attention to be given texts. By activating the menu, it occupies the entire screen and each appears with a box like a ghost button is involved.

Björn Meier

Examples of Online Portfolios that make Good Use of Typography

This simple online portfolio uses simple sources. In the first glimpse, we can only see the title at large, while the background picture changes every few seconds. As we move down we can see the list of projects, also with the large typeface. Uses bold type to highlight the name of the customer or project while in normal style project type is specified. It’s a simple way to capture the attention of visitors in the projects.

Sebastiano Garilli

Examples of Online Portfolios that make Good Use of Typography

Sebastiano Garilli has an online portfolio that makes proper use of white spaces. In the same homepage, the designer described as someone who loves the simplicity and focus on details, a feature that is tested to the naked eye in its portfolio.

The main pan tall azo uses a sans serif font with thick sticks, as expected, while in other sections the body text is a serif font. certain words are highlighted in the text body through colour and different styles.

Ruslan Siiz

Examples of Online Portfolios that make Good Use of Typography

The portfolio of Ruslan SIIZ greets us with a fairly simple start screen where you can see only the large name. The score of the source is much larger than usual and the location of it is rare. These two details make the typography call much attention, despite being simple.

As we move down, it moves typography and loses colour, so that it ceases to have much contrast with the background while we are browsing the available projects. It is an effective way to strengthen the brand, without obstructing navigation.

Alexandre Pidault

Examples of Online Portfolios that make Good Use of Typography

The portfolio of Alexandre Pidault takes another approach to providing a sample of the projects he has worked: rather than display them as background photos, places them in the foreground and the visitor can choose which projects you want to see on the main screen. Although it is only a preview of the latest projects, work as a link to view the entire project on their respective page. In this way, links are highlighted by the font and size that are striking enough to cause curious visitors.

Femme Fatale

Examples of Online Portfolios that make Good Use of Typography

The home screen of this study design greets us with an interactive text that looks like the background. Due to the low contrast between the background and the text, it is difficult to read, so mainly used as decorative elements and how to capture the attention of visitors.

In the projects section is also played with typography, photographs preview mode are used, but the fonts are items that attracted the most attention because of their size, even occupying more space than the preview images of each project.

Melanie Daveid

Examples of Online Portfolios that make Good Use of Typography

Melanie Daveid uses a typeface handwritten on the home page and an illustration on background. This same source is used for section titles. In this case, the screen is divided into two: on the left, the section title appears while on the right you can see the relevant information for each section. Since this source handwritten combined with a simple and quite legible sans serif, a good balance between the two is created. In addition, the handwritten font gives a more personal aspect to the entire website.

Lounge Lizard

Examples of Online Portfolios that make Good Use of Typography

The Lizard Lounge website uses large fonts like titles. They attract attention because they are larger than usual and combine well with the other typeface used for body text. It is an effective way to capture the attention of your visitors on particular texts. It also features large texts not only as a way to divide sections, but they are also visible when the cursor lingers over images of the portfolio. To maintain consistency with the rest of the design, the titles listed here also have a larger than usual.

Stereo Creative

Examples of Online Portfolios that make Good Use of Typography

Creative Stereo uses videos, photos and background colours as backgrounds in different sections of your site. In all these cases a sans serif titles font is used to improve readability. Typography is slightly rounder creating a more friendly and familiar atmosphere. Typography is also used in large on the menu for this use icon menu hamburger is done, when activated can access the menu across the screen.

In conclusion…

Typography is an essential element in any website. In these examples of online portfolios have been tested and have seen how typography can be used effectively and you can even convert it to an interactive main element as is done in some of these examples.

is strongly seasoned and hard-working Graphic Designer with extraordinary creative thinking and project design abilities. With 7 years experience in print and digital, including art direction, web/mobile design and consultation, illustration, packaging and copywriting/editing for clients in fashion, pharmaceutical, furniture, automotive, food & beverage, design, hospitality, financial, broadcast and NGO. I love sharing ideas and writing articles.

NO COMMENTS

Leave a Reply