All students are required to set up their own personal portfolio website, and it is part of the term's overall grade. See
the syllabus for more information on pages 2 and 3 and also read
this folio handout.
The website need not include everything that you’ve ever done, and it may or
may not include things from your printed portfolio. For example, your website could have video, which would work better online than in your printed portfolio. Your online portfolio should have your best pieces, that showcase what you are really capable of, and what you want to do long-term as an illustrator or designer, or both.
Design Continuity
Visually, the website should have some components from the identity system used on your business cards, resume, and also your printed portfolio. Brand yourself with your identity materials, and make sure things are unified across your website portfolio, portfolio book, business cards, and resume: color, placement, fonts, hierarchy, rendering styles, etc.
Your website should have between
8-10 pieces: you can have some pieces
only in your printed portfolio and perhaps some
only in your website folio.
Terminology
- Content Management System (CMS): a flexible, easy way to design, layout, update, and manage your website; if you subscribe to Adobe Creative Cloud, you can use Adobe Portfolio and its features as part of your existing subscription; WordPress and Squarespace are widely reputable and reliable CMSs, that offer templates where you can customize your site's layout; Squarespace has a lot of add ons, including web fonts, built-in blogging tools, and also e-commerce; The Grid is a relatively new platform, and if you want to try it out, consider signing up for an advance trial; with WordPress, you can create a free yoursite.wordpress.com address here, and you can get a custom domain name there for a small yearly fee; some Domain Name registrars and web hosts will also package WordPress into their services; if you want to host your site yourself, on your own servers WordPress.org would be the way to go; to see the differences between WordPress.com and WordPress.org read here
- Domain Name: students are encouraged to acquire their own custom, vanity domain, such as georgedesigns.com, with georgedesigns.com being your custom domain name; prices for domains range from Free to $10/year to $50/year and even $100/year, and students should research Domain Name Registrars to compare prices; in addition to .com and .org and .net, new top-level domains have been made available, such as .design and .pictures, but new top-level domains such as those may be expensive during their initial release, and hard to come by
- Domain Name Registrar: an organization or company that manages, sells, and reserves domain names, some Content Management Systems (CMS), such as Squarespace, will sell you their CMS, and you can also buy a domain name with them as well; Google has also begun providing domain name registration as well; other places you can get your domain name include Bluehost and 1&1, who will also host your site, although Bluehost and 1&1 may only have WordPress CMS tools available
- Email: students have customarily gotten their own custom domain name, and custom email, all of which get put on their business cards; mail@yourdomain.com is considered to be more professional compared to yourname@gmail.com; it's a small investment to get your own domain name
- Email Forwarding: if you want your own mail@yourdomain.com email, but you don't want to check another email inbox in addition to the others you have, you can forward the email, so mail@yourdomain.com will all get sent to yourname@gmail.com, and you can still receive and reply to the mail@yourdomain.com email
- Social Media (optional): students have included outbound links from their personal website to their social media, directing visitors to Instagram or Dribbble, which is advantageous since it shows visitors the breadth of creativity that you enjoy; you can also include outbound links to your LinkedIn profile
- Web Hosting: third-party companies will host your website files on a server, for you to publish them on the web, accessible through your domain name, examples of Bluehost and 1&1 and HostGator, WordPress.com is even considered a hosting company, since it stores your files online; full-feature Web Hosting will include your website and also custom emails, such that georgedesigns.com would be where your website lives, and you can also get email through them such as mail@georgedesigns.com
Required Reading:
For Illustration & VCOM majors, the
Student's Personal Website is worth 80 points total*:
- 37.5% Craftsmanship, Technical Execution: the imagery shown is of good quality, the website functions across browsers including a desktop, tablet, and mobile browser; the site functions without any errors, and with all links functioning; appropriate web languages used for the site's rendering (Flash sites are not permitted)
- 50% Composition: the layout is unified, using a grid; has readable typography; well organized with a sense of hierarchy; allows for images to be featured, or viewed largely enough for inspection; student has applied their identity (ID, logo, colors, fonts) and doing so unifies their entire system together (printed portfolio, resume, business card) into one complete "total design"
- 12.5% Presentation/Professionalism: the website is suitable for the student to promote themselves with upon graduation, and to use as an online portfolio to showcase their work; meeting all deadlines
- Built the site yourself using a CMS, even with its own template. Or build the site on your own, coding the HTML and CMS yourself.
- You cannot hire a developer, student developer, or other person to build your site for you.
- *DiFD students will have a different rubric to adhere to, and must hand
code their site from scratch, meaning no CMS if you're in DiFD.
Content Management Systems (CMS) such as Squarespace, WordPress, Tumblr, Cargo Collective, Indexr, Squarespace, or Indexhibit, are an acceptable way to design/layout your portfolio. Students may also create their site on their own through "straight-up HTML and CSS" that you create
without a CMS.
Students may choose to use any of the aforementioned CMS tools above. Any other methods must be approved by the instructor on or before
Feb. 15.
Wed. Mar. 1 is a
targeted deadline for each student's personal website.
See the class calendar for more deadlines.