Project “Index”

Students will create a landing page for their Typography & Interaction projects from this year.

The goal of this project is to cover, contextualize, contain, and consolidate your work from this course in one place⁠—an Index⁠—for what you’ve created here in design and code. This responsive page should contain links to each of your projects, some form of introduction and context around them, and also information about yourself as their creator. It will then function as a “business card” for you as a designer who can code, demonstrating your presence and prowess in this medium.

Connecting your work

To start, we’ll create a username.github.io repo. This is a special name that GitHub will make directly available at https://username.github.io/, as a parent/index to your existing project repos/subfolders.

For this initial milestone, we want a aesthetic and functional MVP (Minimum Viable Product)⁠—meaning it is not at all done, but it works⁠—and can be “launched.” In our context, this means it has semantic HTML with at least your name, links to each of your three projects, and is responsively styled in CSS. Here we want to see some basic color, typography, and spacing/hierarchy considerations⁠—make it look nice!

Submission Form
Your basic, styled “MVP” repo/URL, to start.

Due Jan. 28

Adding context and form

Following our fourth project, we’ll be adding it to our Index.

In this milestone, we’d then like to see additional context provided⁠—for you, and for the project links. This could be in images, a short description/write-up, or some combination or other approach. Put yourself in the mind of a visitor unfamiliar with you and with our course! And situate them.

Design-wise, this additional content will likely necessitate more layout considerations. Here we’d like a particular focus on the viewport⁠—this is a contained experience, and we want it to feel considered and deliberate in the browser context.

Submission Form
Mid-way through, with more information and layout.

Due Mar. 4

Wrapping it up

Likewise after our fifth project, we’ll add it to our Index, completing the page content.

This last milestone should then focus on making the page fully finished⁠—refining our styles, editing our content, adding metadata, a favicon, etc. Here too is where we’d like to tastefully incorporate some JavaScript/interactivity, if we haven’t before⁠—again showing a considered and deliberate use of the medium.

Submission Form
Your last course work, at the end of the semester.

Due May 15

Our expectations

Work on this page will extend across the Spring semester, and it is due after everything else. It won’t be your primary focus⁠—that will be your fourth and fifth projects⁠—but we expect progress over the arc of the course.

Importantly, we want this to be a reflection of your own personal design aesthetic. It needs to be functional, but above all, should imbue your taste in its design. We want it to be something you are proud of!

We won’t be formally presenting this work, as with our other projects, but are happy to provide feedback during/after its completion.

Some basic requirements

It only needs to be a single page.
In the end, it should clearly introduce you, your projects, and link to all five of them.
Include a brief README.md for the repo, too⁠—with links to the repos for your projects.
The page should also contain some basic contact information, at least an email⁠—but the more connections to your online presence, the better: your portfolio, social networks, GitHub profile, etc.
Of course, this will be a live, public URL.
It should be fluidly responsive, as we do, working on any device.
We’d like to see some JS incorporated, for an interactive flourish.

Everything else is up to you. Make it yours!