One of the most important things you will do in this course is build an identity system for yourself. This branding will carry across to your resume, portfolio site and favicon. In this assignment, you will begin to develop your identity by posting a temporary “parked page” Your portfolio site won’t be ready to post for a bit, so in the meantime this page will direct users on how to contact you and connect them to your social media accounts.
The demonstration file we will start with is a digital business card. Students will design both a front and back (verso and recto) of the card. Start with a card that is 3.5″x 2″, however you may change page proportions at any time.
Assignment | Develop content and a visual style for a single web page. This will serve as a way to “park” your website until your portfolio site is complete.
Learning outcomes | Students will develop a clear typographic system, a cohesive visual language and learn the basics of digital color as they build a unique palette.
Students will use a clear grid structure and clear typographic hierarchy. This assignment will introduce students to the power of html and css as they create screen-based, hyperlinked documents
Requirements – at least two pieces of typographic information and a working link
This could be
- name (h1)
- title (h2)
- website (link, can be image or text)
- social media (link, can be image or text)
- email (link, can be image or text)
Design process
- research
- make wireframes
- make mockups in illustrator or indesign
- html, css (javascript optional)
Student examples of business cards
- Darley Garcia Ortiz
- Ashlianna Felix
- Esther Alvarez Gondres
- Alexandra Kibilko
- Jade Miner
- Nick Pires
- DK Kaplowitz
- Maegan Champagne
- Evan Grant
Student examples of link tree
Places to get icons