Type and Image Layout Assignment (Final Two)

Of my final iterative work, I decided to choose these two as my finals because they are two distinctively different layouts.

One as the title on the wings of the pig which is more playful and eye catching and the other has a the title right above the paragraph with the pig flying towards it.



Type and Image Layout Assignment (Final four Iterative sketches)

This is the final four layouts, for the san serif font i used bahaus93 regular for the title and tunga bold for the paragraph. And for the serif font I used playbill regular for the title and nueva std bold for the paragraph.

Type and Layout Assignment (Iterative Sketches)

These are my iterative sketches, images that I considered using, and type specimens:

Based on my sketches I narrowed it down to four different layouts with two san-serif fonts and two serif fonts (one for the title and one for the paragraph)

Glide/Schwab Reading discussion outline

MMSP125 – Multimedia Content Form of San Francisco Instructor: A .Baltrip-Balagas
Glide.org and Schwab Learning Reading Discussion Questions Prepare to discuss the following questions based on the reading. Due: 29 Oct.

1: Identify the production teams for each: Glide and Schwab Learning.
Glide team:
Client: Glide.org, ProJect Manager: Kristin Ostby, Technical Direction: Tetragon, President: John Murray, Project Manager; Brian Armstrong, Senior Programmer: Claudia Lebish, Technical Architect: Aaron Wallace, Programmer: Lihua Zhao, Design: Hot Studio, Chief Creative Officer: Maria Giudice, Producer/Lead Information Architect:
Hyland Baron, Lead Designer: Mike Monteiro, Designer: Dohyun Kim, Technical Lead: Gregory Ramsperger, Programmer: Zanne De janvier, Writer: Chris Baty, Photographer: Alain McLaughlin

Schwab Learning team:
Client: SchwabLearning.org, Project Lead: Jeanene Landers-Steinberg, Editorial Lead: Brian lnglesby, Brand Lead: Jennifer Cowan, User profiling: Sapient, Design: Small Pond Studios, Account Manager: Annelise Staal, Creative Director: Samantha Tripodi, Brand Strategy: Seth Bain, Technical Director: Chris Jones, Information Architect: Darcy DiNucci, Designer: Cheryn Flanagan, Development Team: Yiva Wickberg-Brown, John George, Judi Hengeveld, Liz Harter,Will Ward

2: Discuss the needs/goals for the re-design of each of the web sites as identified in each reading.


  1. Website Upgrade
    1. Create a style and aesthetic for the site that reflects the spirit and culture of Glide.

i.      Consider current Web site as a model

  1. Design the Web site so that Glide can have consistent information updates. This would involve creating the appropriate forms and calendars that can be updated from Glide.

i.      Ability for non·technical (non-HTML proficient) staff to make information updates

ii.      Glide currently has 52 programs, which operate under 18 umbrella programs, in 3 separate buildings

  1. Add/edit and delete entire programs
  2. Regular schedules updates
  3. Upcoming events- concerts, readings, special Celebrations
  4. Program and course descriptions
  5. Human Resources job postings
  6. Volunteer opportunities by program
  7. Donations needed (In-kind and cash)
  8. Interactive Web site Component
    1. Create an interactive site that is both useful and user-friendly.

i.      Online application forms

  1. Volunteer opportunities
  2. Educational event applications

ii.      Implement e-commerce

  1. Sell Glide merchandise
    1. Glide sells books, COs, clothing, audio and video tapes and occasional seasonal items
    2. Receive donations over the Web

iii.      Increase linkages and relationships with related sites and search engines, so that people can access the Glide site more easily and from places such as the United Methodist Church site or the Yahoo search engine

iv.      Make the Web site “searchable”

  1. Find a cost-effective solution, as well as an efficient tool

v.      Interface with Glide’s email system

  1. Technical support in giving each program the ability to check their mail

vi.      Ability to send electronic mass mailings and have an automated listserv to allow for people to add and remove themselves from various mailing lists

  1. Website integration with listserv

vii.      Outline the process for developing chat rooms and live chat sessions. Create an implementation plan.

  1. Chat sessions may be open-access or invite only
  2. Webcasting
    1. Ability to distribute 3-10 minute audio and video clips on the Glide site. We might post Cecil and Jan’s talks or Ensemble music on the Web. This is the first step in the direction of Webcasting.

i.      Glide would provide internet company with edited source audio and video clips

ii.      Need the ability to upload material and information about material


Schwab Learning:

  • User types and user characterizations: A description of the six types of users of Schwab Learning services, based on where those users were in the process of finding out about LDs (learning differences)
  • Users’ needs: What each type of user needs to know
  • Content and service offerings: Suggestions for content and services Schwab Learning could offer to meet those needs
  • Offerings prioritization: For each content and service offering, a priority, based on such considerations as time and cost of development, value offered, and Schwab Learning’s current abilities
  • Content categorization and features and functions mapping: A reinterpretation of the offerings in Web site terms—determining
  • which content types might be a link to an outside resource versus an artide, FAQ, or forum, for example
  • Task modeling: Flow charts showing the actions, online and off, that a parent might take to fulfill each need Without describing a Web site, the document cataloged


3: Discuss what you learned from these two readings in regard to design process.

From these two readings, I learned that they have slightly different names for the same job on their list of team members. Both team’s processes were different, Glide had all the staff and community put all their ideas and priorities in a neat document outline and Schwab Learning developed a definition document that was divided into six sections and they had a lot of visual models and bulleted lists. I learned that you should the a brief history of a company, what their product or service is, understanding the user group(s). Once you’ve collected the research information and realize the main goal, you proceed to turn your data and goal into a plan with bulleted list, models, diagrams, outlines. Along the way, you identify the pros and cons of ideas that come up. Then you test to see if they work or not and improve to make the final product. When improving or updating a website, you can do the same steps, but during the research need to find what works and what doesn’t work based on research and clients vision.


Glide’s steps:

  1. Designers enter the community to understand the goals and the people of a faith-based charity organization
  2. Background research of Glide, collect Glide’s staff and communities wishes for new site
  3. Research, Immersion, and Invention
  4. create new architecture and look
  5. Managing Content with client’s vision in mind
  6. Client  responses


Schwab Learning’s steps:

  1. An organization to support parents of children with learning differences teaches coping skills through its Web site’s interface
  2. Schwab’s background and Understanding Parents and Their Problems
  3. Turning Information into a Plan
  4. Exploring Conceptual Models
  5. Testing the Models
  6. Identity and Graphic Design
  7. Testing the Design
  8. Building the Site
  9. Follow-up Findings



Grading Guidelines for Glide and Schwab Learning discussion questions: (total 25 points)

On time: 5 points

Questions 1-3: 5 points each

In-class discussion: 5 points

Due: 29 Oct.