Slide deck from Exploring Interactive Interactions—a panel discussion on how designers and developers can work together to improve the design and technical capabilities of interactive work.

1. February Working Lunch:
Exploring Interactive Interactions

2. Harper House Project
The Brand Hatchery / Canonball Creative

3. Project Goals
- Corporate redesign starting with website
- Reach out to current and prospective clients
- Entertain our audience
- Grab the attention of a younger audience
- Tell the story visually
- Make it flexible
- Mobile friendly

7. PreDesign
- Schedule
- Sitemap
- Creative Strategy
- Wireframes
- Content doc
- Tech specs/requirements

8. Don’t Forget:
It’s easiest to control costs on paper
prior to design and development

12. Design
- Comps
- Revised comps
- Static build set
- Style Guide

13. Don’t Forget:
Prior to presentation, consult your
developers and make sure you’re on
the same page

15. >

18. Development
- Rapid prototype
- Server setup
- Alpha development
- Revision documents
- Beta development
- Backend training
- Content population
- Proof reading
- Gold development
- Bug list/QA
- SEO prep
- Analytics
- Launch

19. Don’t Forget:
Don’t get married to your designs.
Contents will shift during flight and you
have to be willing to adapt.

21. Don’t Forget:
You can tell a story with pictures.
You can also tell a story with code.
They are both equally important.

24. Post Launch
- Final CMS documentation
- Search index/sitemap submission
- Analytic monitoring
- Warranty period

26. Don’t Forget:
You are not in control. The end consumer
is the one with the deciding vote.
- They don’t care about budgets
- They don’t care about timelines
- They don’t care what new tricks you learned
- All they care about is finding something
they’re looking for or something to
entertain them

27. Harper House Project
The Brand Hatchery / Canonball Creative

28. blake and brandon

29. estimation and project scope
photo credit: http://www.flickr.com/photos/gauri_lama/3555168489/

30. estimation and project scope
if we ever figure this out we’ll let you know
photo credit: http://www.flickr.com/photos/gauri_lama/3555168489/

31. information architecture and content strategy
photo credit: http://www.flickr.com/photos/cardoso/2197507288/

32. information architecture and content strategy
sitemap
basic wireframes
content inventory
define content types
photo credit: http://www.flickr.com/photos/cardoso/2197507288/

33. concepting

34. concepting
share ideas on new technologies and techniques
share design sketches
discuss design comps along the way

35. communication throughout development happens here

36. why it works

37. how we use it
Priorities

38. how we use it
Priorities
Wireframes & Sketches

39. how we use it
Priorities
Database
Schemas
Wireframes & Sketches

40. How we use it
how
Priorities
Project
Questions
Database
Schemas
Wireframes & Sketches

41. how we use it
Priorities
Project
Questions
Database
Schemas Random
Wireframes & Sketches
Lists

42. how we use it
Priorities
Project
Questions Pictures of
dinosaurs fighting
Database
Schemas Random
Wireframes & Sketches
Lists

43. client approval process

44. client approval process
let account executives do their jobs
and stay out of it