Promotional Design

photodawson.com (department website)

Intro to Web
Introduction. Review of graphic strategies for photo websites, layout , grid structures.
Register domain name.
Research student sites

Important: Please make note of the website url for this blog, photodawson3.blogspot.com


What kind of site do you want? What will you show? Personal work as well as commercial? What design? What typographic style?

Examples of Bad Web Design


Assignment 1: Design Analysis, Domain Name

On your blog make a short list of at least 3 websites that you might want to emulate and include at least 3 screen captures and short text, analyzing the designs. How do you navigate around the site? How is the logo positioned? Style of typography?
Why do you like these sites and what elements would you use in yours? What size in pixels are the sites, what size are photos? Is it scaleable?

Choose a hypothetical domain name for your site .What hosting site will you use for your final website?

Squarespace.com
Wix.com
Format.com

Summary of Web builders

Examples of photographers 

Due next week  (in lab) on your blog. We will look at these in class!!!


PHOTOGRAPHERS

http://www.redorfe.com/
http://www.jeanblaisehall.com/
http://jamesnachtwey.com/
http://www.herbritts.com/
http://www.gianfrancomeza.com/
http://www.stuartweston.com/
http://www.kettiger.com/
http://www.chrisstraley.com/
http://www.scottpommier.com/
http://www.annakari.com/
http://www.lanaslezic.com/
Lise Metzer
David Stewart
Erik Almas
Ed Burtynsky
Nick Vedros
pdngallery.com
zonezero
www.fiscusphoto.com/
www.nadavkander.com
www.olivierstaub.com
www.rinonoto.com/
www.sandyskoglund.com/
www.creativesource.ca
mark seliger
david lachapelle
thomas broening
marshall clarke
nicholas duers
terry evans photography
pol baril


FASHION
ronyshram.com
tonygarcia.com
schmidtfoto.de
www.sachabiyan.com
eccentris.com
Ondrea Barbe
thomastreuhaft
maudearsenault.com
leda-st-jacques.com
richardbernardin.com
valeriesimmons.com
mfilomeno.com
www.sachawaldman.com
Patrick Demarchelier
www.nuccistudio.com/
www.charlesschiller.com/product.html
www.foodpictures.com/index_flash.html
www.pellesoder.com/
www.eoloperfido.com/extras.htm
www.kenzieclothing.com
DOCUMENTARY
Tamas Dezso
Steve McCurry
Sebastiao Salgado
Mary Ellen Mark

Holly King
Duane Michaels
Interview with Duane Michaels
goodmanphoto.com — John Goodman
www.seankernan.com — Sean Kernan
www.tenneson.com — Joyce Tenneson
Joel Peter Witkin
www.uelsmann.net — Jerry Uelsmann
Janet Borden Gallery
Stephen Berkman
2m2.ca

http://www.michaelbiondo.com/
http://www.reinhardwerner.com/
http://jeanlucfrancaise.com/
http://www.marcodilauro.com/
http://www.patrickibanez.net/
http://www.erwinolaf.com/
http://www.rainerstratmann.com/
http://matthewturley.com/
http://www.chrisgordaneer.com/site/index.html
http://www.matthiasclamer.com/matthiasclamer_v2c.html
http://www.albello.com/
http://www.albertwatson.com/
http://andrzejdragan.com/
http://andyandersonphoto.com/
http://automophoto.com/
http://billcashphoto.com/main.html
http://www.brofsky.com/
http://bybee.com/
http://www.carldekeyzer.com/
http://www.carlosserrao.com/
http://chasejarvis.com/
http://www.christianschmidt.com/
http://www.claudiagoetzelmann.com/
http://www.comradehq.com/
http://www.chromasia.com/iblog/
http://www.chipsimons.com/
http://www.davidlachapelle.com/home.html
http://www.davehillphoto.com/
http://www.bowmanstudio.com/
http://www.donaldweber.com/2007/
http://www.sondersphotography.com/
http://www.dananeibert.com/welcome/almostwelcome.html
http://www.sachabiyan.com/flash.htm
http://kielphoto.com/
http://erikalmas.com/
http://www.frankockenfels3.com/
http://www.francoisrousseau.com/
http://langephoto.com/
http://heimophotography.com/index2.html
http://www.hiroshiwatanabe.com/index.html
http://www.hunterfreeman.com/
http://www.janaleon.com
http://www.jamesnachtwey.com/
http://jameystillings.com/
http://jeffreybrown.com/index_s.html
http://www.uelsmann.net/
http://www.manipulator.com/
http://jimerickson.com/flashGallery.html
http://www.fiscusphoto.com/
http://www.juliafullerton-batten.com/
http://kenandersonphoto.com/
http://www.kevinwestenberg.com/
http://www.joemcnally.com/portfolio/
http://www.magnumphotos.com/Archive/C.aspx?VP=XSpecific_MAG.AgencyHome_VPage&pid=2K7O3R1VX08V
http://www.markholthusen.com/
http://www.michaelclarkphoto.com/
http://www.michaelgrecco.com/
http://www.marekandassociates.com/view.cfm?id=1
http://www.nadavkander.com/
http://www.nickbrandt.com/
http://www.borissov.it/
http://www.giardinophoto.com/
http://randalford.com/
http://www.rasmusmogensen.com/
http://www.raymondmeeks.net/
http://www.rickgaylestudio.com/
http://roarkjohnson.com/
http://www.robbkendrick.com/
http://rodmclean.com/
http://www.eccentris.com/splash.htm
http://www.timtadder.com/index3.html
http://www.howardschatz.com/
http://www.sksantos.com/
http://seankernan.com/
http://www.studiogundlach.de/
http://www.husebyephoto.com/
http://www.russellrutherford.com/
http://www.jimbrandenburg.com/flash/index_flash.html
http://thomasbroening.com/
http://gasperak.com/
http://www.viiphoto.com/
http://www.laforetvisuals.com/main.php
http://www.verne.be/
http://www.walteriooss.com/
http://www.whitmanphotography.com/
http://wonderfulmachine.com/
http://stevengsmith.com/

Website Mock-Up Due next week

You will make 2 designs in photoshop that will be a simulation of your final site. It should be done
in Photoshop, using layers and should include your first page (index) and one additional page, for example one of your portfolio pages.
It should include:

 -background colour
-your logo, where on the page do you place the logo, top left, bottom left, middle top
-navigation buttons, what colour , should have at least5, 2 portfolios, contact, about and home button
  Do you want the button to change color when you are on the page?
- Size of the site should be about 1400 pixels wide

Steps:
-first take a deep breath, then create new file in PS, 1400 wide by 800 height at 72 ppi
-place your logo and size it, where you want the logo to be in the design
-Size at least 4 images to the size you want or slightly bigger, place in new folder named
lastname_site ,  save images with save for web and images must be SRGB
-on a new layer make aat least 5 buttons for navigation
-place your image where
-social media buttons

Reading: Guide to websites


Template sites
Format
Squarespace
Wix
Myportfolio
Wordpress
500px
Zen Folio


Squarespace Videos



Due next week, place on your blog

Website 2.0

After completing your mock-up it is time to take the plunge:

1. Select a template site for your final website, wix, squarespace, format etc. Register with your username and password, you should follow the instructions and get the 2 week trial offer.
On your blog, declare what your site and the address of your final site and write a report on what you have accomplished (self-assessment).

2. Make a link from your blog to your temporary site (or final site).

3. Make a favicon (you don't need to use this for your final site), in photoshop create a 100x100 pixel file, with your icon (initials etc) and save it as a png. Place on your site.

4. All photos on your site need an alt tag or meta data for search engines (SEO). Each photo on your site should be named something like this:don_corman_fashion1.jpg. For example, in Squarespace, you should give each image a description; this becomes the alt tag for search engines.

Due next week

Assignment 4

Slide Show:

You will make a multi media presentation of your photographs incorporating a short video clip with your still images. This will be shown at the vernissage in May and will be shown on a 50 inch tv. I realize that this is early in the semester, so I would like you to make a "rough draft " of your final presentation so that it will not be left until the end of the semester. Before the vernissage, you will be able to finalize by including new photos etc.
It could take the form of a traditional slide show with transitions between images and a short video integrated into the sequence.You should use some of the video you are creating for your other courses and use a portion of that video in this presentation.
- A minimum of 6 images and 1 short (no shorter than 10 seconds) video clip
- with the appropriate transitions between images

For next Monday bring at least 6 images to class to start the production of the presentation.


Due in 2 weeks

In summary the presentations should include:
-an intro title using your logo (if you wish)
- short video clip
- at least 6 images (sized for high res monitors), should be about 2000 pixels wide
- should also have a dynamic appeal, not boring, attention to pacing etc
- sound is an option
- the length should be in the 45-90 sec range, a presentation that could also appear on your website




example
example
example
example
example
example
titles

Catalog Project

Catalog:

Each student will be contributing to the catalog for our exhibition; each student will have 2 pages in the catalogue so this assignment is to create a layout that will be used for this.

First step: to be done in the first week
Decide which of your images should go into the catalog, respecting one of the given templates.
Make a folder with the selected images, all images should be 300 dpi and in the tiff format.

Second step:
Work with the assigned templates that will work with your images. You should experiment with different combinations of pictures, for example a large one on the left and 2 smaller ones on the right as an example.

Third step
Export by creating a package (that will include your images, fonts etc), then place in my drop box entitled "lastname_catalog"