Description of the process of one Web site redesign

1. AR340 WEB-BASED DESIGN ● FALL 2010
Portrait of a “Jack of All
Trades” Web Designer
The Redesign of amicscatering.com

3. C elebr ation

4. C elebr ation
Welco ming

5. C elebr ation Warm
Welco ming

6. C elebr ation Warm
Sunny ming
Welco

12. AR340 WEB-BASED DESIGN ● FALL 2010
Creative Thinker & Researcher

13. AR340 WEB-BASED DESIGN ● FALL 2010
Creative Thinker & Researcher
• Interview client

14. AR340 WEB-BASED DESIGN ● FALL 2010
Creative Thinker & Researcher
• Interview client
• Spend time on the scene

15. AR340 WEB-BASED DESIGN ● FALL 2010
Creative Thinker & Researcher
• Interview client
• Spend time on the scene
• Seek out ideas & inspiration

16. AR340 WEB-BASED DESIGN ● FALL 2010
Creative Thinker & Researcher
• Interview client
• Spend time on the scene
• Seek out ideas & inspiration
• Sketch!

17. AR340 WEB-BASED DESIGN ● FALL 2010
From the Interview
Anne’s Redesign Keywords

18. AR340 WEB-BASED DESIGN ● FALL 2010
From the Interview
Anne’s Redesign Keywords
• “Old World”

19. AR340 WEB-BASED DESIGN ● FALL 2010
From the Interview
Anne’s Redesign Keywords
• “Old World”
• “Spanish street garden”

20. AR340 WEB-BASED DESIGN ● FALL 2010
From the Interview
Anne’s Redesign Keywords
• “Old World”
• “Spanish street garden”
• More mature, sophisticated, adult

25. AR340 WEB-BASED DESIGN ● FALL 2010
Graphic Designer

26. AR340 WEB-BASED DESIGN ● FALL 2010
Graphic Designer
• PSD comps

40. AR340 WEB-BASED DESIGN ● FALL 2010
Information & Interface Designer

41. AR340 WEB-BASED DESIGN ● FALL 2010
Information & Interface Designer

42. AR340 WEB-BASED DESIGN ● FALL 2010
Information & Interface Designer

43. AR340 WEB-BASED DESIGN ● FALL 2010
Front-end Coder

44. AR340 WEB-BASED DESIGN ● FALL 2010
Front-end Coder

45. AR340 WEB-BASED DESIGN ● FALL 2010
Front-end Coder

46. AR340 WEB-BASED DESIGN ● FALL 2010
Scripter

47. AR340 WEB-BASED DESIGN ● FALL 2010
Scripter
• Flash for homepage slideshow

48. AR340 WEB-BASED DESIGN ● FALL 2010
Scripter
• Flash for homepage slideshow
• JavaScript (jQuery “Lightbox 2”) for popup pix
on interior pages

49. AR340 WEB-BASED DESIGN ● FALL 2010
Multimedia producer

50. AR340 WEB-BASED DESIGN ● FALL 2010
Multimedia producer
• Six photo shoots; over 400 pix to yield
approximately 45 new photos

51. AR340 WEB-BASED DESIGN ● FALL 2010
Multimedia producer
• Six photo shoots; over 400 pix to yield
approximately 45 new photos
• Scan and edit 35 snapshots provided by client

52. AR340 WEB-BASED DESIGN ● FALL 2010
Multimedia producer
• 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

55. AR340 WEB-BASED DESIGN ● FALL 2010
Putting it all together

56. AR340 WEB-BASED DESIGN ● FALL 2010
Putting it all together
http://www.amicscatering.com