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