Embed Size (px)
Citation preview
The Web Design ProcessThe Case of amicscatering.com
Bruce Clary, McPherson College, McPherson, Kansas
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Celebration
Celebration
Welcoming
WarmCelebration
Welcoming
WarmCelebration
WelcomingSunny
Creative Thinker & Researcher
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Creative Thinker & Researcher
• Interview client
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Creative Thinker & Researcher
• Interview client• Spend time on the scene
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Creative Thinker & Researcher
• Interview client• Spend time on the scene• Seek out ideas & inspiration
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Creative Thinker & Researcher
• Interview client• Spend time on the scene• Seek out ideas & inspiration• Sketch!
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
From the InterviewAnne’s Redesign Keywords
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
From the InterviewAnne’s Redesign Keywords
• “Old World”
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
From the InterviewAnne’s Redesign Keywords
• “Old World”• “Spanish street garden”
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
From the InterviewAnne’s Redesign Keywords
• “Old World”• “Spanish street garden”• More mature, sophisticated, adult
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Art Director and Graphic Designer
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
• PSD comps
Art Director and Graphic Designer
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Information & Interface Designer
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Information & Interface Designer
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Information & Interface Designer
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Writer and Editor
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
• Edit and suggest revisions for all copy provided by client
Writer and Editor
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
• Edit and suggest revisions for all copy provided by client
• Write captions for the 68 photos that make up the galleries
Writer and Editor
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Front-end Coder
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Front-end Coder
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Front-end Coder
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Scripter
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
• Flash for homepage slideshow
Scripter
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
• Flash for homepage slideshow• JavaScript (jQuery “Lightbox 2”) for popup pix
on interior pages
Scripter
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Multimedia producer
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
• Six photo shoots; over 400 pix to yield approximately 45 new photos
Multimedia producer
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
• Six photo shoots; over 400 pix to yield approximately 45 new photos
• Scan and edit 35 snapshots provided by client
Multimedia producer
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
• Six photo shoots; over 400 pix to yield approximately 45 new photos
• Scan and edit 35 snapshots provided by client• Old site featured two-and-half-minute audio
slideshow
Multimedia producer
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
Putting it all together
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
http://www.amicscatering.com
Putting it all together
CM350 WEB DESIGN FOR EFFECTIVE COMMUNICATION
