- Â
5 Outline
í Assignment 8: Post final project by 1pm today
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.
í Assignment 7: Prepare site for group Charrette at 3pm
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.
w stubbornella/oocss-code-standards July 26, 2013
í Assignment 6: Research and present to your group
July 26, 2013
Due by end of day
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:
- Collecting and generating content
- Understanding the context in which the site will exist: competitors, audience
- Visual research: precedents for how the site might look and feel
- Technical inspiration or tools that may make your sketches a reality
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.
Some inspirational sites
Y Group Meetings and Breakdowns
See our teacher notes in the comments
10:00 Group 1
Kelly
– Portfolio multimedia — video, sound, imagery (lots of types)
Michael
– Portfolio for design website — video
Diana
– not_sure
10:30 Group 2
Kathy P.
– Portfolio for design/illustration
Sarah B.
– Artist website. Coding/Technical expedition research.
Sarah M.
– Portfolio site
11:00 Group 3
Nate
– Redesign of company website
Mark
– Medical Services website (2-D designs)
Franziska
– Company website – but not there
Kate
– not_sure
11:30 Group 4
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.
Y Schedule for Day 5
9am: Meet as a class
- Recap Greg’s presentation & process
10am-12pm: Small group meetings with John/Jerel
- What do you want to make?
- Split up in to 4 Groups of 3/4 based on type of website
- Set up meetings with John/Jerel at 30 minute intervals starting at 10am. Put groupnames in comments below.
1pm—3pm: Individual meetings as needed
3pm: Present initial research to your small group
Weekend: Sketch, continue research
í Assignment 5: Create a one page web poster
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.
Assets
- PDF with text
- Zip file with images
- Collection of posters appear below in jpg form
í Assignment 4: Make a Scandinavian flag with CSS
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.
Examples
Links
-
Classroom
-
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/