Class 02 Topics: Self Learning, Frameworks, Design Process, Discover + Research, Client Survey, Group Presentation Assignments, Discussion.
Class 03 Topics: Group Presentations: Competitive Analysis, Bootstrap, Discussion.
- Please submit your WordPress blog URL to the comments section if you don’t see it posted here: http://classes.jamiecavanaugh.com/grdes/gd-67/gd-67-student-blogs/
- Smashing Conference: April 27-30. Receive a code for 25% off (with a copy of your student ID). That’s approximately $150 discount. See me for more details!
- Take Notes
- Get a sketchbook
Frameworks: What are they?
CSS tutorial: Boilerplates, grids, and frameworks | lynda.com
What is a Framework?
A collection of assets that provide a system for building sites or applications. Usually has a specific focus like building responsive design.
15 Best CSS Framework for Responsive Web Design
What is a Bootstrap?
Twitter’s bootstrap project is a standalone framework. Right now it’s more of a marketing term but it’s becoming a generic term for UI (user interface) frameworks.
Getting started with Bootstrap
Sites built using Bootstrap
What is GitHub?
Powerful collaboration, review, and code management for open source and private development projects.
GitHub manages and stores revisions of projects. Although it’s mostly used for code, Git could be used to manage any other type of file, such as Word documents or Final Cut projects. Think of it as a filing system for every draft of a document.
Discovery + Research
Defining the Problems and Issues
Take a look at the current Design Technology Department website: www.smcdesigntech.org.
What are the current problems and issues with this site? What works and what doesn’t work?
Defining the problems and issues is an important step. This step will lead to defining the goals for the site and the project overall. This is not a time to play the critic and to point out to the client all the ways their current site is “bad.” (If the website were successful, they probably wouldn’t need you!) As a designer, you need to be sensitive, and develop the skills to effectively communicate the current issues/problems and how to move towards a better solution. Your role as a designer is to be a problem solver.
Web Design Process
What are the six parts to the Planning stage?
What are the four parts to the Design stage?
What are the five parts to the Development stage?
What are the four parts to the Launch stage?
What are the three parts to the Post-Launch stage?
What are the eleven questions you should ask your prospective clients before you get started on their project?
What to Ask a Client Before you Start
Client survey from the beloved book, Web Redesign 2.0:
(Remember, the book is dated, so there is some old stuff, even in this survey)
Group Presentations will occur over the next 5 weeks. In Group Presentations we will define and discuss the process documents and “deliverables” for this class. These presentations serve as short instructional “workshops,” and we’ll create these documents as part of our weekly assignments.
- Competitive Analysis
- Creative/Project Brief
- Project Schedule
- Budget/Project Estimate
- Personas/User Profiles
- Site maps
For more information see: http://classes.jamiecavanaugh.com/grdes/gd-67-group-presentations/
Group Presentations – March 5
Competitive Analysis: Amanda Johansson, Murray Smith, Michael Lemus
From the book Web Redesign 2.0: Analyzing Your Competition
Competitive Analysis created for Santa Monica College Website:
- What are the three basic steps for a “quick and dirty” competitive analysis?
- What are the series of questions to do a basic visual review?
- What are the two tests that you can use to help assess how many users your competition may be turning away.