Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web Designer Portrait

473 views

Published on

Description of the process of one Web site redesign

Published in: Education, Design, Business
  • Be the first to comment

  • Be the first to like this

Web Designer Portrait

  1. 1. AR340 WEB-BASED DESIGN ● FALL 2010 Portrait of a “Jack of All Trades” Web Designer The Redesign of amicscatering.com
  2. 2. C elebr ation
  3. 3. C elebr ation Welco ming
  4. 4. C elebr ation Warm Welco ming
  5. 5. C elebr ation Warm Sunny ming Welco
  6. 6. AR340 WEB-BASED DESIGN ● FALL 2010 Creative Thinker & Researcher
  7. 7. AR340 WEB-BASED DESIGN ● FALL 2010 Creative Thinker & Researcher • Interview client
  8. 8. AR340 WEB-BASED DESIGN ● FALL 2010 Creative Thinker & Researcher • Interview client • Spend time on the scene
  9. 9. AR340 WEB-BASED DESIGN ● FALL 2010 Creative Thinker & Researcher • Interview client • Spend time on the scene • Seek out ideas & inspiration
  10. 10. AR340 WEB-BASED DESIGN ● FALL 2010 Creative Thinker & Researcher • Interview client • Spend time on the scene • Seek out ideas & inspiration • Sketch!
  11. 11. AR340 WEB-BASED DESIGN ● FALL 2010 From the Interview Anne’s Redesign Keywords
  12. 12. AR340 WEB-BASED DESIGN ● FALL 2010 From the Interview Anne’s Redesign Keywords • “Old World”
  13. 13. AR340 WEB-BASED DESIGN ● FALL 2010 From the Interview Anne’s Redesign Keywords • “Old World” • “Spanish street garden”
  14. 14. AR340 WEB-BASED DESIGN ● FALL 2010 From the Interview Anne’s Redesign Keywords • “Old World” • “Spanish street garden” • More mature, sophisticated, adult
  15. 15. AR340 WEB-BASED DESIGN ● FALL 2010 Graphic Designer
  16. 16. AR340 WEB-BASED DESIGN ● FALL 2010 Graphic Designer • PSD comps
  17. 17. AR340 WEB-BASED DESIGN ● FALL 2010 Information & Interface Designer
  18. 18. AR340 WEB-BASED DESIGN ● FALL 2010 Information & Interface Designer
  19. 19. AR340 WEB-BASED DESIGN ● FALL 2010 Information & Interface Designer
  20. 20. AR340 WEB-BASED DESIGN ● FALL 2010 Front-end Coder
  21. 21. AR340 WEB-BASED DESIGN ● FALL 2010 Front-end Coder
  22. 22. AR340 WEB-BASED DESIGN ● FALL 2010 Front-end Coder
  23. 23. AR340 WEB-BASED DESIGN ● FALL 2010 Scripter
  24. 24. AR340 WEB-BASED DESIGN ● FALL 2010 Scripter • Flash for homepage slideshow
  25. 25. AR340 WEB-BASED DESIGN ● FALL 2010 Scripter • Flash for homepage slideshow • JavaScript (jQuery “Lightbox 2”) for popup pix on interior pages
  26. 26. AR340 WEB-BASED DESIGN ● FALL 2010 Multimedia producer
  27. 27. AR340 WEB-BASED DESIGN ● FALL 2010 Multimedia producer • Six photo shoots; over 400 pix to yield approximately 45 new photos
  28. 28. 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
  29. 29. 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
  30. 30. AR340 WEB-BASED DESIGN ● FALL 2010 Putting it all together
  31. 31. AR340 WEB-BASED DESIGN ● FALL 2010 Putting it all together http://www.amicscatering.com

×