Embed Size (px)
Citation preview
@clixable | #TrendigitalSF@clixable | #TrendigitalSF
TRENDIGITAL
THE DO’S &
DON’TS OF
CREATING
A WEBSITE
@clixable | #TrendigitalSF
“Knowing is half the battle.”
—G.I. Joe
● What to know before you get started
● What to expect once you have started
● What to avoid during the process
● Questions?
@clixable | #TrendigitalSF
THIS IS HAPPENING.GET READY
@clixable | #TrendigitalSF
WHAT IS A WEBSITE?
YOUR
SITE
@clixable | #TrendigitalSF
BUDGET
● DO: think of it as an INVESTMENT
● DON’T: think of it as an expense
● DO: Define a budget upfront
● DON’T: forget that budget dictates
deliverables
@clixable | #TrendigitalSF
TIMELINE
● DO: allow for a forgiving timeline.
● DON’T: set yourself up for failure
@clixable | #TrendigitalSF
PEOPLE
● DO: include Marketing Director, Designers,
Copywriters
● DO: include anyone responsible for
maintaining content long-term
● DO: include the ultimate decision makers in
the project
@clixable | #TrendigitalSF
@clixable | #TrendigitalSF
✓ BUDGET
✓ TIMELINE
✓ PEOPLE
@clixable | #TrendigitalSF
STAGES OF WEB
DEVELOPMENT
THE BASIC
@clixable | #TrendigitalSF
“We enjoy the process
far more than the proceeds”
—Warren Buffett
DO: expect a formal development process
1. Discovery
2. Strategy & Scope
3. Design & Content
4. Develop & Deployment
@clixable | #TrendigitalSF
1. DISCOVERY
● DO: involve ALL team members
● DO: be prepared to discuss a range of
topics:
@clixable | #TrendigitalSF
2. STRATEGY & SCOPE
PROJECT BRIEF● DON’T: try to be all things to all people
● DO: get everyone on the same page
@clixable | #TrendigitalSF
2. STRATEGY & SCOPE
● Page structure
● Taxonomy
SITE MAP
@clixable | #TrendigitalSF
SHALLOW vs. DEEP
● DO: be aware of the implications
● DON’T: think all pages must be a click away
@clixable | #TrendigitalSF
@clixable | #TrendigitalSF
@clixable | #TrendigitalSF
2. STRATEGY & SCOPE
● DO: question the
existence of every
page
SITE MAP
● DO: strive for simplicity
@clixable | #TrendigitalSF
2. STRATEGY & SCOPE
● DO: clearly define what is going to be done
● DON’T: proceed without it
PROJECT SCOPE
@clixable | #TrendigitalSF
2. STRATEGY & SCOPE
✓ PROJECT BRIEF
✓ SITE MAP
✓ PROJECT SCOPE
@clixable | #TrendigitalSF
3. DESIGN & CONTENT
WIREFRAMES
@clixable | #TrendigitalSF
@clixable | #TrendigitalSF
@clixable | #TrendigitalSF
3. DESIGN & CONTENT
● DO: request wireframes if needed
WIREFRAMES
@clixable | #TrendigitalSF
3. DESIGN & CONTENT
● DO: start content now
● DON’T: underestimate how long it will take
● DO: know how to write for the web
CONTENT
@clixable | #TrendigitalSF
3. DESIGN & CONTENT
DESIGN● DO: trust the design professionals
● DON’T: let personal tastes undermine strategy
● DON’T: mix and match aspects of unique design options
@clixable | #TrendigitalSF
3. DESIGN & CONTENT
✓ WIREFRAMES
✓ CONTENT
✓ DESIGN
@clixable | #TrendigitalSF
4. DEVELOP & DEPLOY
● DO: have a launch strategy
● DO: have a domain name and hosting plan
● DO: have a maintenance strategy
@clixable | #TrendigitalSF
4. DEVELOP & DEPLOY
● DO: learn how to use your CMS
● DO: train multiple people
● DO: test your site
@clixable | #TrendigitalSF
✓ TIMELINE
✓ BUDGET
✓ PEOPLE
✓ STRATEGY
✓ CONTENT
✓ DESIGN
✓ CMS TRAINING
✓ TESTING
✓ LAUNCH
“Do or do not. There is no try”
—Yoda
@clixable | #TrendigitalSF
“Break it down y’all”—Yoda
@clixable | #TrendigitalSF
QUESTIONS?HELP ME HELP YOU.
@clixable | #TrendigitalSF
@clixable | #TrendigitalSF
THANK YOUTRENDIGITAL
@clixable | #TrendigitalSF
