May 04 2012

The Human Touch: Building User Relationships and Trust In Web Design

Advertisement

When creating websites you have to consider a great deal of aspects such as usability, visual-appeal, the technical side, and last but not least, brand building. Many successful and profitable businesses have been tackled this brand building with user-centric website design. They do this for different reasons, but the one that tends to draw most brands in this direction, is the way it often helps build a relationship with their users.

There are several ways that one can go about building user relationships and trust through web design, and putting a face with the design is one that, when done well, can score a lot of points for you and your brand. To add that personal element to your brand, your website can be one of your brand’s most effective weapons. But it has to be done with care to ensure that it is handled properly.

Below is a list that is filled with great examples of people making their website designs not only visually appealing, but also trustworthy by adding the human touch.

The Human Touch

1. Beyond Commerce recreates a sense of the individual approach to every customer using a properly selected slogan and the image of the singing song in your honor.

Beyond Commerce

2. Hitmo studio shows eagerness to fighting on your side and working as a team against the problems. The image also plays the role of visual interpretation of the main slogan.

hitmo studio

3. Netbluez provokes good feelings that are usually associated with the image of child-like keenness, honesty and purity of mind. The well treated photo highlights the main message and completes the whole design.

Netbluez

4. Creative People is a great example, where the image not only makes the whole design look fresh and mysterious, but also gets users to believe that this agency works with really talented people, who definitely use unconventional approaches.

Creative People

5. Forty Seven Media presents people behind the scene with a touch of quaintness. The appearance of the potential performers shine with eagerness and creativity, convincing us of their good intentions.

Forty Seven Media

6. Gavin Castleton‘s site uses a masterful photomanipulation to both divide the website into two functional parts and to inspire confidence by means of showing off the designer’s skills.

Gavin Castleton

7. Digital Hands like with the previous example, the agency bets on creativeness and skillfulness of their workers, using an exceptional image that should convince users that such talented people wont let us down.

Digital Hands

8.  Jorge Rigabert‘s whole website design is made with such a scrupulousness and attention to the smallest details that the self-portrait of the executor only adds seriousness to his intentions to do the job perfectly.

Jorge Rigabert

9. Chandan Roy Sanyal is not afraid to show his dark side. This unwonted and peculiar image can be regarded as an attempt to be honest with the users.

Chandan Roy Sanyal

10. SEOCOM plays with the illustrated names of search engines and social media websites to bring users the idea that they are on familiar terms with web giants, thus making users feel that they are real pros.

SEOCOM

11. Griffinabox uses a trick with transparent display to say “Hey, this is the guy who will do all the work for you”, and he is always within reach.

Griffinabox

12. Gauged2 shows all their staff by creating offbeat photos and small descriptions. Focusing on making visitors familiar with all the members of the team and making an impression of an honest and open company.

Gauged2

13. Raffaele Leone greets you with open arms and with serenity on his face. Raffaele wants to make his website a welcoming place where you will feel safe and sound.

Raffaele Leone

14. Jeremija Webdesign uses the power of gestures, putting in users minds that he is talking directly to them. Simply establishing the bond between him and the person behind the screen.

Jeremija webdesign

15. Thathurtabit uses another powerful psychological tool – facial expression. A great deal of people associate  smile and “hi-five” gesture with goodwill, fairness and eagerness. And  he really does know about it.

Thathurtabit

16. Michael Wong presents himself as a daring and responsible warrior of website design and development, who will lead you through the web jungles and won’t leave you in any case. Making users believe that with him they will be safe.

Michael Wong

17. Quodis calls on your imagination, creating a whimsical slider that instills the idea of full understanding and perfect cooperation among all the members, making their company the place to visit.

Quodis

18. Volunteer Louisiana incorporates images of its members and of the people who regularly volunteer. Showing appreciation – cause for others to “remove their shields” and be more friendly and thoughtful.

Volunteer Louisiana

19. Jorge Riera realizes the importance of eye contact between himself and the user behind the screen, adding amiability and geniality with his smile.

Jorge Riera

20. Soul Media does a good job of using geekiness, instilling the sense of hopeless dedication to you and your project.

Soul Media

21. Bokche builds a brand around himself, integrating the impression of stability, gravity and safety. Making the customers believe that they really can rely on him.

Bokche

22. Michele Giorgi concentrates on several images, each of which depicts different emotions. The first shows tranquility, the second the artistic side of Michele, and the last one displays a willingness and eagerness to start working.

Michele Giorgi

23. Smultron‘s imagery conveys the sense that “everything is going to be alright”.

Smultron

Share Your Thoughts

That concludes this side of the showcase, but things are just getting started. What are some of your favorite sites that use the human touch to help make a connection with their users and begin building that trust in their brand? Be they on this list, or not. Leave us your thoughts in the comment section.

(rb)

About the Author

Nataly is an internet entrepreneur and an amateur web designer and developer from Sevastopol, Ukraine. She is running a blog for web designers and developers where you can find some inspirational and useful stuff. In her spare time she reads books, unveils the secrets of the world and plays volleyball.Visit her blog or follow her on twitter

Comments and Discussions
  • Irene, 04 May 2012

    Nice post! I agree that when using a face on a website it makes it much more approachable and maybe even trustworthy. Especially if the images are so well worked on like the examples above, then it also shows off your skills along with a personal touch.

  • Mike, 04 May 2012

    Look at this one http://warkate.free.fr

  • This concept is so relevant. It reminds me of Melissa Rach’s recent article in Contents Magazine, where she mentions the “flawsome” strategy for brand building. “Flawsome” brands are honest, they show their cracks, and admit when they’ve messed up. It definitely textures the brand with human imperfection, and works for an audience that has been bringing more and more of their own “real” identity to the Internet table, too.

    Cheers,
    Sarah Bauer
    Navigator Multimedia

  • David, 05 May 2012

    Thank you for the collection! Good ideas for new sites!

  • Al, 06 May 2012

    Thank you for the collection…

  • Sarath, 07 May 2012

    Loved the sites. But most of them have long load-times. I guess one has to sacrifice load time if they come up with an innovative UI…

  • Chad Smith, 08 May 2012

    What a wonderful compilation of websites that we can look at and get ideas from! I am the creator of The Easy API – http://theeasyapi.com – and I am currently in the middle of a redesign. I took a step back from my design of 2 years ago and thought that there was something missing. Human interaction. It’s not scalable, doesn’t have any responsive design characteristics, and just overall needs to be easier for designers. The goal of the company I set out was lost, and I am in the process of regaining that with a new design. It’s getting a full UI make-over and full documentation makeover as well. I’m going to be having two parts one geared for designers who need the jQueryized version and one for PHP, Ruby, etc programmers.

    I know that I will be looking at these sites that were listed and drawing inspiration on how to make a really great looking design that says the right message! Thank you so much for bringing them all together!

  • adham dannaway, 09 May 2012

    Cool, looking good guys =)

  • Mizko, 09 May 2012

    Thanks for the mention guys! Awesome article.

    #NINJAON :)

  • Dennis Ocasio, 09 May 2012

    Great collection of sites and thanks for the inspiration.

  • Chad Busby, 09 May 2012

    Great samples. Thanks!

  • Michele Giorgi, 10 May 2012

    Great post! Thanks for the mention!

  • e11world, 15 May 2012

    Ohhh this gave me such a great idea for my new website and man o man I can’t wait to start designing it and putting things together. Great great post!

  • Zeny, 18 May 2012

    Great post. I love this websites cool

  • Tanders, 10 June 2012

    Good ideas, thx!

search form
 
image description image description