1. Interactive Web
Prototyping

2. Standard Web Development
Process with Prototypes
• Provide some idea
• Make essential changes
• Create design
• Make essential changes
• Write html & css
• Make essential changes
• Implement this layout into CMS
• Make essential changes

3. Profound Web Development
Process with Prototypes
• Provide some idea
• Make research (marketing & usability)
• Create technical documentation
• Make essential changes
• Create prototypes
• Make essential changes
• Create design
• Write html & css
• Implement this layout into CMS

4. Wireframe Tools:
Protoshare

5. Why to Prototype?
1. Fast to create & easy to see the
result: create interactive prototypes
using components library

6. Why to Prototype?

7. Why to Prototype?
2. Show functionality & page
interaction

8. Why to Prototype?

9. Why to Prototype?
3. Download design

10. Why to Prototype?

11. Why to Prototype?
4. Communicate with team &
customer via prototypes

12. Why to Prototype?