We’re ending our two-week class today. FTP your final website to our FTP servers as you have done with previous assignments. Create a post and categorize it as “Final project”. The post should have a link to your website, a screen capture of your home page, and a paragraph or two describing the project.
The description should mention: who the website is for (audience), any technical or visual features that you don’t want us to miss (highlights), and if there are aspects you couldn’t get to or would like to after the course is over.
Be sure to fill out a course evaluation at the end of class.
Everyone should FTP their working files by 3pm and make a post with a link to their project for the whole class to see. Categorize the post as Final in progress. Be sure to name your folder something that will not be overwritten when you upload your final final on Friday.
Due by end of day
Commit to a topic or direction for a website project. In keeping with the presentations and discussion yesterday, begin this process by researching and sketching. Research may include any of the following:
The form of your research will vary based on your project idea and your research methods. Consider a Pinterest site, a tumblr blog, a Google Doc with links, Evernote, Keynote presentation (or pdf), digital images, or a combination of these. Present your research to your working group at a meeting at the end of the day for feedback.
You may find sketching at this point helps, too, especially if you’re sketching as a research tool.
See our teacher notes in the comments
Kelly
– Portfolio multimedia — video, sound, imagery (lots of types)
Michael
– Portfolio for design website — video
Diana
– not_sure
Kathy P.
– Portfolio for design/illustration
Sarah B.
– Artist website. Coding/Technical expedition research.
Sarah M.
– Portfolio site
Nate
– Redesign of company website
Mark
– Medical Services website (2-D designs)
Franziska
– Company website – but not there
Kate
– not_sure
Cansu
– Musical Theater club. Small group website.
Angi
– Small company website / about food /
Miyoung
– Teacher website
Meaghan
– Website for Staffs homeless shelters. Signup, calendar. Existing site.
This past spring, I taught a course that sponsored about 10 conversations between myself and designers who initiated project ideas and found funding, sponsors or distribution. Think books, products, furniture, website aggregrators, and more. Although I produced the posters in inDesign, I can imagine these in html and css … made for the screen, with a printout being extra. So, let’s do that. Create a single page website for one of the lecture posters — Danielle Aubert’s lecture.
You may make the design your own. But given that this is a half-day assignment, I’d suggest working with the design concept provided, but altering some details as needed/wanted. Use Helvetica as a typeface.
Choose one of the Scandinavian countries (link to Non-Swedish flags at the bottom) and construct its flag in two ways: using absolute positioning and using floated divs. Apply the links to both from one post assigned to assignment 1. The size of the flag is up to you.
Links:
Groups 1 and 2
http://pattyjohnson.ca/
http://cargocollective.com/milan2013nyc
http://evalundsager.com/
Group 3
http://richardmburton.com/
http://www.farmfreshri.org/
Group 4
—
http://chez-pascal.com/
http://bandcamp.com/
https://soundcloud.com/
Group 1 & 2:
http://mirkoborsche.com/
http://www.hort.org.uk/
http://speckyboy.com/2011/05/29/20-effective-examples-of-web-and-mobile-wireframe-sketches/
http://pinterest.com/wireframes/great-wireframe-examples/
http://www.uwdesign2012.com/index.php
http://stewd.io/a
http://www.saradebondt.com/
http://projectprojects.com/
http://practise.co.uk/index.html
http://risd.gd/MFA/2012/
http://risd.gd/MFA/2013/
Group 3:
http://trentwalton.com/2013/02/07/where-to-start/
http://trentwalton.com/tag/responsive/
http://stuffandnonsense.co.uk/projects/320andup/
http://www.meetschmitt.com/
http://www.w3.org/standards/webdesign/accessibility
https://www.section508.gov/
http://www.washington.edu/doit/Resources/web-design.html
http://stuffandnonsense.co.uk/projects/320andup/
Group 4:
http://www.farmfreshri.org/
http://www.ftbistro.com/
http://www.farmtotablenm.org/
http://farmtotablepa.com/conference
http://farmtotablepa.com/
http://farmandtablenm.com/
http://solofarmandtable.com/our-friends
http://calarts.edu/
http://www.soulemama.com/soulemama/2008/08/a-weekend-theme.html
http://bandcamp.com/artists
http://blog.bandcamp.com/2013/06/12/all-new-players-up-twitter-too/
http://strangeattractor.org
http://andychendesign.com
http://www.pentagram.com/work/#/all/all/newest/
http://hyperakt.com/
http://2×4.org/