Portfolio Inspiration

Your desktop designs, which should convey
all interactions / states, are due 04/15/2016.
Please let these sites help inspire you!

  • Portolios
  • Andrew Herzog
  •  • Ingenuity & personality.
  •  • Does not make viewer work.
  • Samuel Rivers Moore
  •  • Medium specific.
  •  • Strong statement.
  • Tiago Pereira
  •  • Nice hover & focus states.
  •  • Simple, effective scroll animation.
  •  • Detail pages show fold on various devices.
  •  • Fixed navigation in 4 corners.
  • Jonas Ersland
  •  • Narrative, blog-like.
  •  • Informational, not oblique.
  •  • Slideshows on each entry in place of detail pages.
  • Manuel Sofia
  •  • Showy splash page with simple interior pages.
  •  • Clearly states involvement with each project.
  •  • Shows animation on screens.
  • Thu Tran
  •  • Shows work, narrative.
  •  • Stylized, unique, fun.
  •  • Unconventional portfolio site.
  • Ian Williams
  •  • Personal touches everywhere.
  •  • Lots of motion, eye candy.
  •  • Displays screens IRL as well as mock-ups.
  • Natassa Antonopoulou
  •  • Good use of icons.
  •  • Mobile first design.
  •  • Nice hover states.
  •  • Large color palette.
  • Tove Kjellmark
  •  • Concept of breathing makes site unique, alive.
  • Ramon Haindl
  •  • Good use of persistent side navigation.
  •  • Includes archive, social links, and personal work.
  • Einar Aslaksen
  •  • Single slideshow, all content available at once.
  •  • Less work for viewers means more work is seen.
  • David Torr
  •  • All content is present on homepage, including:
  •  • Work, bio, process, interests, resume, & contact.
  • Studios
  • This Also
  •  • Simple but impactful homepage.
  •  • Homepage present on all detail pages.
  • Berger & Föhr
  •  • Nice homepage that works as a listing page.
  •  • Colorized hover staes.
  •  • Cohesive listing pages & pagination.
  • Gid Motion
  •  • One simple moving element.
  •  • Interesting grid and hover elements.
  •  • Includes a play section!
  • Studio Victorious
  •  • Little touches of motion.
  •  • Engages zine culture.
  •  • Forefronts information.
  •  • Shows work immediately.
  •  • Justifies collective with shared interest / culture.
  • Meri Media
  •  • Two column conceit carried throughout site.
  •  • Feels like whole site exists on one page.
  •  • Pagination on detail pages.
  • Instrument
  •  • Engaging front page.
  •  • Different portrayals of screens in case studies.
  •  • Mobile first design.
  • Linked by Air
  •  • Forefronts information, recent work, & clients.
  •  • Shows screens in a variety of environments.
  •  • Conveys motion and interaction throughout site.

  • Free webfont resources!
  • Open Foundry Hot 30
  • Google WebFonts
  • Font Library
  • Font Squirrel

  • Pay webfont resources!
  • MyFonts
  • Hoefler & Co.
  • Fonts.com
  • Optimo
  • WebType