How to show themselves on the own website: tips and trends

Two rows of little description, perhaps a small postage stamp size photographs and a resume in pdf format to download: the now classic “About” section of our site, so simple, almost bare, no longer enough. Now we see all around us and provide as much information as possible not only on what we do, but also and especially about who we are.
New personal sites, especially as regards the portfolio of designers and creatives in general, are developing an amazing new trend: if before, the previous works and educational background, appeared in the foreground, now, in this new stage, the player of your website are you.
Perhaps because of social networks, that have managed to dissolve psychological boundaries and taboos of privacy and intimacy, or maybe it’s just a new trend of design: however the show of themselves on the own websites has some advantages, especially if our goal is to sell on the internet our products and our expertise.
But what is the best way to ask the web? How should we present visually our person to potential customers who visit our web site? What is more appealing, and what are the trends?
The classical section “About”
The classic “about” section is without doubt the best choice and perhaps professional. The photo usually gives confidence to users, who can visually connect the website to a physic person. A formal pose, a hint of a smile politely, a ordered dress: nothing excessive and extravagant.
Pro
Classicism, professionalism, seriousness: the general message is that of a person who prefers simplicity against creative excesses and this, especially if you’re looking for a stable employment as an employee, may be a good card to play.
Against
The photograph effect is now too old and the risk is that to show little imagination and originality. Advice? Use a picture as possible spontaneous: the forced poses are not very attractive and can attract the user’s suspicion.
Let’s show ourselves…. but not quite
Another fashion of the moment is that to insert a part of our body, still hiding the main features with different graphics devices. These “tricks” prevent visual recognition of the person and, in addition to enriching the aesthetic layout, have the power to intrigue you.
Pro
Intriguing and original solution that undoubtedly attracts the attention of those who surf the site.
Against
Users who prefer to “look into the eyes” the designers, to whom they entrust their projects (especially when dealing with freelancers, in distance) can be a bit reluctant to trust those who somehow do not fully expose on its website .
Own photo inserted into the layout
Another aesthetic choice that can greatly enhance the graphics of a portfolio or personal website: insert a photograph (full length of the face or little change) has a functional value – to present yourself visually on the web site to make it clear that behind there is a real person who can interact (this seems obvious, but yet the primary reason why the person chose not to rely on an experienced freelance web designer is the distrust in virtual cooperation) but also a graphic value (in this regard the image must be as much as possible in the underlying layout style).
Pro
Working with special effects on the images (crop, use of artistic photos, maybe black and white, etc. ..) the aesthetic wil be remarkable compared to more traditional thumbnail. A nice photo is also index of professionalism: if it proves to invest in my image will be easier to motivate my clients to do likewise.
Against
Purple hair, piercings, ripped jeans … the look of the creative people is not always well regarded, especially if those visiting the site are a little old thinking and associates some clothing (or hair cut) to a risky and irresponsible behavior . It looks ugly and superficial, but also for a freelancer the freedom of expression must have a limit on the basis of mainly good taste. So, if you normally go around dressed like Marilyn Manson and makeup, perhaps is the case not to include photos in your site, you might give the wrong idea about you and your professional skills. The image first of all, let us not forget that the eye wants its part.
Own photography as part of the layout
Hands holding the layout, heads peeking out from behind the contact form. … in this examples, the image is no more any accessory element, but becomes an active part of the layout, interacting with various graphic elements: without their photo the graphics would not exist, or otherwise lose much of its aesthetic effect. The result is engaging, original and decidedly outside the usual patterns.
Pro
This type of solution is often very creative and visually pleasing. In this case the photo is included for purely aesthetic reasons, in a sort of graphic experiment. The results, besides of course the originality can be really beautiful to see.
Against
This type of graphics on the other hand may appear less serious, less professional and the final effect may be chaotic, confused and grotesque. Remember that the main focus must remain at your work and that the user, above all, must understand that you are a capable and reliable person, not just creative.

Illustration
Finally, who still feels embarrassed to blurt out their image on the web but still want to represent, more or less realistic, may opt for a good illustration. There are different types, from the comic to those “charcoal effect”, handmade in the rough, very realistic and well designed.
Pro
The perfect choice for colored sites by modern graphics, web 2.0 and those who want to overshadow his own person to design the layout. The results are obviously very nice, and highlight the creative skills and imagination of the designer.
Against
If inserting your own pictures on the site allows users to make eye contact with you, illustrations accentuate even more the virtual, replacing human traits to those of cartoon characters, mascots and colorful graphics. A good compromise? The website Front-End Design, which in the authors’ description page, alongside of the stylization which the author illustrated, also the respective photo: creativity and reality in a single page.
Conclusion
In this showcase you’ve got the opportunity to see the different ways in which is possible integrate the image into a website with the classic thumbnail, placing the photo in the layout, integrate actively inside the design and, finally, through an illustration more or less resembling our real image. Which of these methods to choose and why ?
*****************************************
L'immagine principale dell'articolo è stata fornita da @Fotolia
12 comments
Trackback e pingback
-
Tweets that mention How to show themselves on the own website: tips and trends | Your Inspiration Web -- Topsy.com
[...] This post was mentioned on Twitter by V. Tavares (E-Goi), Tom Bangham. Tom Bangham said: How to show themselves ...














































I personally prefer something more creative than just a picture, like an example with Sam having his face covered by a blue circle and keeping a drawing of it in his hands …But I believe it all depends on the web design and its target audience. Most of the potential clients prefer to see their potential designer even before they contact him for the first time. On our website we used an image of the boss- Tom as a background. Have a look if you want to http://www.mintfactory.co.uk/about-creative-agency-uk.php
Hi Anna, welcome to YIW.
I’m agree with you, all depens on the target audience. I really like your work with Tom (sorry, boss Tom!) as a background, very creative, thanks for sharing. Can i add this in my showcase?
That there is life beyond the site …
We have experienced …
http://www.siteempresa.com.br/quem-somos.htm
Hi Sandro, welcome in our blog.
I really like the black&white avatar, are elegants.
I always think that your presentation has to tell more about you then just the words you write. I love it when it’s creative and especially those who are part of the lay-out. Really fun and innovative. Shows that you have a lot of ideas!
I’m agree, i love this solution (i’ve adopted this in my personal portfolio, infact
)
Very well put together post…some great examples and ideas. Well done!
Thanks
ps. I love “design that rocks” idea, very impressive slogan
Nice article….I think you did a great job.
I hope so, thanks
Great article (as with all the ones I have read over the past 3 hours!).
So basically the perfect photo for a freelancer that wants to be taken seriously, while still seeming unique/approachable should be one that is a normal portrait (from the first section) while still interacting somewhat with the design (without making it seem cluttered).
Something to aim for!! =D