Skip to content

Instantly share code, notes, and snippets.

@jeremyboggs

jeremyboggs/portfolio-stuff.md

Created June 2, 2026 16:34
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jeremyboggs/0c7105f5acf701fe24ff1ec23dfcad8b to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jeremyboggs/0c7105f5acf701fe24ff1ec23dfcad8b to your computer and use it in GitHub Desktop.
Download ZIP
Portfolio Stuff
Raw
portfolio-stuff.md

DIY Portfolios

Expectations

  • This workshop is intended to spark further thinking about your own portfolio or any other Web projects you might want to explore.
  • We are each in our own place, with our own priorities, knowledge, inclinations, habits, and preferences. All of those will affect the kinds of solutions and approaches we each migth take in make a Web thing.
  • Plan to meet and chat with me afterwards about what you'd like to do! Email jeremy@virginia.edu to schedule some time to work with me.

Five Areas of User Experience From Elements of User Experience by Jesse James Garrett.

  • Strategy - What is the thesis, the purpose, of your portfolio? What do you want your portfolio to communicate about you?
  • Scope - What are the most important features your portfolio should have to achieve the purpose?
  • Structure - What specific pages or views do you need to publish? What are their relationships to each other?
  • Skeleton - What specific content needs to exist on each page, and in what order or what relationship with each other?
  • Surface - What aesthetic choices (color, typography, space, image) need to be used to communicate an intentional tone or mood or character about you?

Portfolio Starter

  • Home page with a photo of you and a paragraph about yourself and your work.
  • Navigation for the following sections
    • Home
    • Research
    • Teaching
    • CV
  • CV as a web page and as a downloadable PDF.
  • Teaching and Research pages structured the same.

Activities

  1. Gather digital portfolios that you like. Articulate what features are attractive or of interest to you. Is it the look and feel? The language? The images? Layout? Kinds of content?
  2. Compose your own strategy. What is a 1-2 sentence thesis for your portfolio. Specfiically, what would you like someone who visits your portfolio to walk about thinking or knowing?
  3. Gather material for your portfolio:
    1. Write a paragraph about yourself, that you would use to introduce yourself to anyone who visits your portfolio. How would you write that? What would you want folks to know about you? Feel about you?
    2. Get a few good portraits of yourself to put on your site. (Alternatively gather some images that are relevant to your research/teaching interests.)
    3. Make a list of your research projects. Even if they're half-baked, speculative, something you've worked on but want to get back to later)
  4. Consider purchasing a custom domain. See if your name is available as a .com or .net on Namecheap

**Platforms

**Example Portfolios

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment