Code a portfolio site using HTML & an external style sheet (CSS)

Content:

  • home page
  • about me page (or section)
  • resume
  • at least 4 projects

Site will be deployed on & hosted by gitHub

  • the folder name needs to be exactly yourusername.github.io
  • have a top level file called index.html
  • your styles in a .css file (or multiple .css files, organized in a way that makes sense to you)
  • a folder for any other resources (example: image folder, icons or graphics)
  • A project description (README.md) that reviews the technologies used and important notes for the project, things that challenged you that you overcame (at least 2 paragraphs)
  • wireframes and site map posted as image files

PROJECT REQUIREMENTS:

TECHNICAL:

  • Properly indented html code
  • css that is readable and easy to follow along
  • Careful comments in the code that future developers (or yourself, in the future) can follow
  • Responsive, most likely using CSS grid
  • Has at least three views (ex. About me, portfolio samples, project description. These views can share a single page or be built at multiple .html files
  • Contains final resume with new styling to match your site
  • Have at least one interactive element

TYPOGRAPHIC:

  • Shows research of effective portfolio sites
  • A clear hierarchy that allows the viewer to navigate content. This can be achieved through use of:
    • Font weight
    • Point size
    • White space
    • Indentation
    • Organization of content
    • Leading
  • No more than two fonts
  • Demonstrates the student’s unique voice as a designer
  • Considers the user and has clear interactive elements
  • Free of typos and typographic distractions
  • Typographic details are well-considered (proper use of guidelines provided in typographic details)

Notes for final presentation:

  • 5 – 7 minutes
  • Case study: one piece of user feedback that you used to make the portfolio site for effective
  • How does the site celebrate your unique identity as an artist & designer?
  • What typographic decisions did you make that enhance the site?

Student examples Fall 2019 web type | Sarah Silva | Cameron Reese | Alison Simao | Tailyn Clark