This document discusses planning and presenting websites. It is divided into three parts. Part 1 discusses how web design differs from print design due to the interactive and changing nature of websites. Part 2 discusses how user experience design emerged to account for these differences. Part 3 provides an overview of common planning and design tools for websites, including user personas, user stories, site maps, wireframes, creative briefs, prototypes, and mockups. The document concludes by noting the average pay for UX designers and advice for transitioning from print to web design.

1. AIGA LA &
Print to Web Part 3:
Planning & Presentation
@josecaballer

2. Jo se

3. I am a
web designer

4. Born Digital

5. Question:
What are your
Challenges in Planning
websites?

6. A Story in
3 Parts

7. Part 1:
In the Beginning

8. Question:
Why is web design so different
than brochures, posters, books
and other print?

9. 1996

12. Part 2:
The Birth of User
Experience

13. Business Creative Tech Marketing
ROI RGB USP
SQL

14. Part 3:
The Firsts Steps

15. The Dorktionary
TM
1. The Usability Audit What works, what doesn’t
Who are they? Age, gender, income, occupation - What motivates
2. User Personas / Profiles them, their story
3. User Stories What will the user do on the site
4. Site Map Give me a macro picture of this thing
Where are the components, features and functionality located on a
5. Wire Frames screen?
6. The Creative Brief What should this site look like
What does the general look and feel look like - without making an actual
6. Site Scapes page.
7. Prototypes Lets do a quick and dirty proof of our idea
8. Detailed Mockups Down to the pixel designs of a page on the site.
15

37. Closing Thoughts

38. The Average Hourly Rate of a UX
Designer in L.A. is between
$75 & $125/hr.

39. I have been designing websites for almost 15 years
and I have never coded a website for a client.

40. Programmers and Business
people are just as scared
of you than you are of
them.

41. Being really good at print
makes you a hot commodity
in web design.

42. 3 things between you
and a successful print to web
transition are:
1. Knowing the formats
2. Understanding user experience
3. Don’t be afraid of Techies

43. Business Creative Tech Marketing
ROI RGB USP
SQL

44. VE
Coming This Fall:
COMING THIS FALL:
GROOP
CREATI TM
VE
BUSINE
SS GROOP SKOOL HYPER
SKOOL COLLABORATION
GROOP
WEEKEND WORKSHOPS
COMING
TM
MARKE
TING SKOOL GROOP THIS FALL
COLLAB SKOOL HYP
CAL WEEKE ORATION
TECHNI
CAL ND WOR
CREATIVE
KSH
CO
GROOP
BUSINESS TM
GR
SKOOL CO
WE
MARKETING
TECHNICAL

45. Thank You.
@josecaballer