February Working Lunch:
Exploring Interactive Interactions
Harper House Project
   The Brand Hatchery / Canonball Creative
Project Goals
- Corporate redesign starting with website
- Reach out to current and prospective clients
- Entertain our au...
PreDesign
- Schedule
- Sitemap
- Creative Strategy
- Wireframes
- Content doc
- Tech specs/requirements
Don’t Forget:
It’s easiest to control costs on paper
prior to design and development
Design
- Comps
- Revised comps
- Static build set
- Style Guide
Don’t Forget:
Prior to presentation, consult your
developers and make sure you’re on
the same page
>
Development
- Rapid prototype
- Server setup
- Alpha development
- Revision documents
- Beta development
- Backend trainin...
Don’t Forget:
Don’t get married to your designs.
Contents will shift during flight and you
have to be willing to adapt.
Don’t Forget:
You can tell a story with pictures.
You can also tell a story with code.
They are both equally important.
Post Launch
- Final CMS documentation
- Search index/sitemap submission
- Analytic monitoring
- Warranty period
Don’t Forget:
You are not in control. The end consumer
is the one with the deciding vote.

- They don’t care about budgets...
Harper House Project
   The Brand Hatchery / Canonball Creative
blake and brandon
estimation and project scope




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




       if we ever figure this out we’ll let you know




                                 ...
information architecture and content strategy




                                                photo credit: http://www...
information architecture and content strategy




      sitemap
      basic wireframes
      content inventory
      define...
concepting
concepting




   share ideas on new technologies and techniques
   share design sketches
   discuss design comps along th...
communication throughout development happens here
why it works
how we use it



                Priorities
how we use it



                      Priorities




                Wireframes & Sketches
how we use it



                         Priorities




        Database
        Schemas
                   Wireframes & ...
How we use it
how



                          Priorities

         Project
        Questions




        Database
       ...
how we use it



                          Priorities

         Project
        Questions




        Database
        Sch...
how we use it



                          Priorities

         Project
        Questions                              Pic...
client approval process
client approval process




   let account executives do their jobs
   and stay out of it
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
DSVC Working Lunch Feb 2010: Exploring Interactive Interactions
Upcoming SlideShare
Loading in...5
×

DSVC Working Lunch Feb 2010: Exploring Interactive Interactions

253

Published on

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.

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
253
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

DSVC Working Lunch Feb 2010: Exploring Interactive Interactions

  1. 1. February Working Lunch: Exploring Interactive Interactions
  2. 2. Harper House Project The Brand Hatchery / Canonball Creative
  3. 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
  4. 4. PreDesign - Schedule - Sitemap - Creative Strategy - Wireframes - Content doc - Tech specs/requirements
  5. 5. Don’t Forget: It’s easiest to control costs on paper prior to design and development
  6. 6. Design - Comps - Revised comps - Static build set - Style Guide
  7. 7. Don’t Forget: Prior to presentation, consult your developers and make sure you’re on the same page
  8. 8. >
  9. 9. 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
  10. 10. Don’t Forget: Don’t get married to your designs. Contents will shift during flight and you have to be willing to adapt.
  11. 11. Don’t Forget: You can tell a story with pictures. You can also tell a story with code. They are both equally important.
  12. 12. Post Launch - Final CMS documentation - Search index/sitemap submission - Analytic monitoring - Warranty period
  13. 13. 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
  14. 14. Harper House Project The Brand Hatchery / Canonball Creative
  15. 15. blake and brandon
  16. 16. estimation and project scope photo credit: http://www.flickr.com/photos/gauri_lama/3555168489/
  17. 17. 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/
  18. 18. information architecture and content strategy photo credit: http://www.flickr.com/photos/cardoso/2197507288/
  19. 19. information architecture and content strategy sitemap basic wireframes content inventory define content types photo credit: http://www.flickr.com/photos/cardoso/2197507288/
  20. 20. concepting
  21. 21. concepting share ideas on new technologies and techniques share design sketches discuss design comps along the way
  22. 22. communication throughout development happens here
  23. 23. why it works
  24. 24. how we use it Priorities
  25. 25. how we use it Priorities Wireframes & Sketches
  26. 26. how we use it Priorities Database Schemas Wireframes & Sketches
  27. 27. How we use it how Priorities Project Questions Database Schemas Wireframes & Sketches
  28. 28. how we use it Priorities Project Questions Database Schemas Random Wireframes & Sketches Lists
  29. 29. how we use it Priorities Project Questions Pictures of dinosaurs fighting Database Schemas Random Wireframes & Sketches Lists
  30. 30. client approval process
  31. 31. client approval process let account executives do their jobs and stay out of it

×