Class notes from June 3, 2013

Screen shots of completed Pinnacle Website:

Home Page

Forms Page



Case Studies Page

 Presentation in class went well, with the class being complementary of the color choices, general layout, and choices of photographs.  They also like the banner for the web page.





Notes from Pinnacle Conservancy Interview May 6, 2013

Link to John Determan's form for questions to ask clients regarding a new website design:

http://determan.us/forms/project_form.html

Assorted notes from interview with Jay Highum and John Determan:

Mission of Pinnacle Conservancy: To return land to it's natural state.

Revenue Generation

• No Begging
• Income from Grants
• User fees after conversion

Mission of Website:

• Information Only
• What we do
• Contact us
• How we do it
• Past Projects - Before and after photos
• Case Studies
• Consulting aspect
• Pheasants forever or Trout Unlimited

General Facts:

• 5 State Area of Operations (Minnesota, Iowa, Wisconsin, North Dakota, South Dakota)
• Interest is mainly in restoring wetlands, but could do prairie or forests.
• 14 years in operation
• Should not be from a tree hugging perspective, but a business perspective

Forms info should include:

• Contact info
• Contact us for consulting
• Contact us for repair of land

Web Page Banner

Image of banner created in web design class using Adobe Photoshop.  Like that it shows wetlands, and had a quote form the members of Pinnacle Conservancy.

Web Page Banner

Class notes from May 6, 2013

Discuss deliverables for the group project and conduct mock interviews with John and Jay.

A) site architecture - diagram of the web site
B) home page layout

• 1. logo incorporated
• 2. imagery incorporated
• 3. navigation items incorporated
• 4. text incorporated

C) secondary page template (at least one secondary page required) 

• 1. logo incorporated
• 2. imagery incorporated
• 3. navigation items incorporated
• 4. text incorporated

D) text for the site

E) sample of a form page in the site (contact us, questionnaire, donation page, etc)

F) project summary

• 1. key points of why choices were made in web page.
• 2. team members on project.

• Group project and creating a compelling web experience

Project definition form:

http://determan.us/forms/project_form.html

Sample webpage

http://interwebmachine.com/webart/sample.html

Sample Tags:
HTML = Tells the browser what type of content to expect
HEAD = A place for commands, scripts, titles, connections to CSS files, etc.
TITLE = Text that appears in the browser's title bar
BODY = The page text you want visitors to read
H1, H2...H6 = Heading text. Includes top and bottom spacing
P = Paragraph
SPAN = Change a portion of text "in-line"
<TAG> = Opening Tag
</TAG> = Closing Tag

Other samples:
http://interwebmachine.com/webart/sample2.html
http://interwebmachine.com/webart/sample3.html

Group Project Start

Group Project Logo

Pinnacle Conservancy is an organization that purchases and restores the lands and waters it owns as well as manages and informs the public about our connection to the natural world.

This is all of the information we currently have about the fictitious company we are to design a website for.

Some starting ideas are::

• The L in Pinnacle looks like a tree, so there should be images of trees on the website.
• Green and Blue are good color choices for the web page due, to the use in the logo and the conservancies mission of restoring land and water, as well as portraying a connection to the natural world.
• Pinnacle needs a section on the website where they can solicit donations form visitors to fund their mission.
• A page of past accomplishments (land and waters restored) should be included.  This page (or pages, maybe one project per page?) should be very picture heavy and ideally would show before and after restoration photos to have the most impact.
• The home page needs to include the mission statement of Pinnacle.  Maybe include "who we are" as well as "our story".