25 Examples of Portrait Usage in Web Design

Following the recent trend of using big background images in web design, we decided to gather a list of websites using portraits in their layouts. So at this showcase we will show you how several designers are using portraits at their designs to make things more personal and to give a nice unique touch to their sites.

When designing a website, every step of the process is important. From content to usability, appearance to structure, every element counts to make a difference and create the perfect design. From super clean and minimalist layouts to colorful and eye candy designs, there is a place for every taste and approach. Following the recent trend of using big background images in web design, we decided to gather a list of websites using portraits in their layouts. So in this showcase we will show you how several designers are using portraits at their designs to make things more personal and to give a nice unique touch to their sites. From small thumbnails to illustrations and big background portraits, we have a lot of inspiring examples to show.

Tiny break: 📬 Want to stay up to date with frontend and trends in web design? Subscribe and get our Collective newsletter twice a tweek.

Antonio Giuseppe Peligra

Elegant photography as background.

portraits01

Almanac

An about page that literally shows ‘who they are’.

portraits02

Alastaire Allday

Clean black and white layout with a nice image.

portraits03

Jason Reed

Illustrated portraits are also a nice way to give personality to your website.

portraits04

Neutron Creations

Another about page with nice design and photos.

portraits05

Glenn Hitchcock

Elegant layout with a nice background image.

portraits06

Noah Stokes

Same combination of elegant layout and background image.

portraits07

Matt Hamm

Beautiful layout, color scheme and illustration.

portraits08

teehan+lax

Nice way of portraying a team 😉

portraits09

BBQ War

Beautiful layout, colors and ‘warriors’ photos.

portraits10

Frank Chimero

Elegant layout, colors and background image.

portraits11

Lukes Beard has a blog

Nice layout with and a cool portrait.

portraits12

Hello I’m Dan

Another background image, this time with a touch of humor. 😉

portraits13

The Sum

Beautiful about page, also a nice cool portrait.

portraits14

Mike Dignam

Nice colors and background image.

portraits15

Kevin John Gomez

Cool illustration to present yourself to your audience.

portraits16

Bokche Creative Studio

Another example of a nice layout, colors and background image.

portraits17

Kevin Monger

Nice humorous touch to a single page website with a cool layout.

portraits18

David Batra

Strong colors, layout and image usage.

portraits19

Sarah Camp

Nice illustration, colors and texture.

portraits20

The Squad

Awesome way to portray a team.

portraits21

Future of Web Design 2011

Great layout and colors. Images really get our attention here.

portraits22

Design Swap

Nice way to portray people. 😉

portraits23

David Hellmann

Nice way to present yourself and to give a personal and humorous touch to a website.

portraits24

Two Designers

Another beautiful illustration to give a nice touch to a website.

portraits25

Source:

The Best Designs
The CSS Awards

Gisele Muller

Gisele Muller is the Co-founder of Refilmagem and Mentaway, and also the editor for the Portuguese version of Abduzeedo, Abduzeedo Brazil. She loves communication, creativity, technology and everything in between.

Stay in the loop: Get your dose of frontend twice a week

Fresh news, inspo, code demos, and UI animations—zero fluff, all quality. Make your Mondays and Thursdays creative!

Feedback 26

Comments are closed.
  1. I’m using a portrait of myself on my site as well to create a more personal experience for my visitors. With so much saturation in the market you have to everything you can to stand out and I agree that portraits are just one way to help by associating your face with your name and create a more memorable experience.

  2. I’m building a site for a belly dancer at the moment and I’m going for the big image and text on the left type of layout and I hope it can make it into this type of list one day! This post came just in time.

  3. The 3 websites listed below seem to use the source (or at least the website building application.

    Frank Chimero
    Noah Stokes
    Glenn Hitchcock

  4. Thanks for featuring Mike Dignam’s site!

    There are some really nice examples here!

  5. seen some of the sites in CSSmania and so and just want to say that nice work done

  6. Very Nice. Was thinking about doing something similar on my site re-design. This article came in time. 🙂