Slides shared during WebSG July 2009. This is a light sharing on some of my personal experience after working on web design and development related projects.

1. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Problems,
Processes &
Learnings.
By Nick Pan
1st
July 2009

2. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Sharing
Common Problems
Common Web Design &
Development Processes
Some Personal Learnings

3. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Common Problems

4. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Common Problems
Scope Creep
● Everyone wants to keep their clients happy &
yet not do overtime.

5. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Common Problems
Scope Creep
Moving Deadlines
● If they are dead, why are they moving?

6. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Common Problems
Scope Creep
Moving Deadlines
The Big Picture
● Its done, but its not what the client wants.

7. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Common Problems
Scope Creep
Moving Deadlines
The Big Picture
Crap Work
● Its so not going into the portfolio.

8. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Common Problems
Scope Creep
Moving Deadlines
The Big Picture
Crap Work
Payment
● The real end of the project.

9. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Common Problems
Scope Creep
Moving Deadlines
The Big Picture
Crap Work
Payment

10. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Common Processes

11. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Common Processes
Plan
Design
Build
Launch
Maintain

12. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Common Processes
Plan
● Kick off
● Key Performance Indicators / Expectations
● Timelines / Milestones
● Payment Schedule
● Requirement Gathering / Briefs
● Research / Workshops
● Content Inventory
● Documentation & Signoff

13. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Common Processes
Design
● Hot / Cold
● Moodboards
● Information Architecture / Wireframes
● Mockups
● Design Stylguide
● Functional Specs
● Technical Design Specs
● Documentation & Signoff

14. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Common Processes
Build
● Content Assets Preperation – jpg, png, ico,
swf, flv, avi, mov, mp4, mp3, etc.
● Frontend Templates – xhtml, css, js, etc.
● Backend Build – php, aspx, asp, xml, etc.
● Backend Frontend Integration
● Content Population – doc, xls, seo, tag, etc.
● Quality Assurance / User Acceptance Tests
● Documentation & Signoff

15. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Common Processes
Launch
● Deploy
● Quality Assurance
● Announce
● Documentation & Signoffs
● Payment

16. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Common Processes
Maintain
● Service Requests
● Service Logs
● Up-Sell

17. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Common Processes
Plan
Design
Build
Launch
Maintain

18. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Some Learnings

19. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Some Learnings
Elegantly simple
● More work, less paperwork
● Google Docs Example

20. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Some Learnings
Elegantly simple
Buy-in
● Get everyone involved early
● Everyone has a say

21. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Some Learnings
Elegantly simple
Buy-in
Document where necessary
● No one really reads documentation

22. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Some Learnings
Elegantly simple
Buy-in
Document where necessary
Be bold to say 'No'
● No one trusts the 'Yes' man.

23. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Some Learnings
Elegantly simple
Buy-in
Document where necessary
Be bold to say 'No'

24. By Nick Pan
1st
July 2009
Problems,
Processes &
Learnings.
Thank You
www.nickpan.com
facebook.com/nickpan
@nickpan