Yapılacak projenin ihtiyaçları analiz edilir.
Bu analizler sonucunda ortaya çıkan ihtiyaçların cevapları verilmeye çalışır.
Bu cevaplar ile trend çizgiler uygularak prototip çalışması yapılır. (PSD çizim diyebiliriz.)
Prototip çalışması ardından proje, müşterinin onayına sunulur.

Eğer onay verilmezse eksikler göden geçirilip işlemler tekrar yapılır.
Eğer onay alınırsa HTML - CSS kısmına geçiş yapılır.

HTML - CSS kısmında benim ağaç yapım şu şekilde:

../proje/css/*.css
../proje/js/*.js
../proje/img/*.*
../proje/video/*.*
../proje/plugins/*/*.*

Hazırladığınız tasarımda kullanacağınız bütün kütüphaneleri (css - js fark etmeksizin) plugins altında topluyorum. Eğer tasarıma özgü kod yazmam gerekirse css, js gibi klasörler altında uygun dosyaları oluşturup yazıyorum. Kesinlikle ama kesinlikle pluginss altındaki kütüphaneleri değiştirmeyin. Yoksa projenizi güncellemek isterseniz çökecektir. Tabi herkesin yoğurt yemesi farklıdır. Kendinize özgü dosya ağacı oluşturabilirsiniz.

HTML - CSS dökümü ardından test aşaması var. Hem tüm ekranlarda hem de tüm tarayıcılarda test etmeye çalışın. Test sonucuna göre eksiklikler varsa tamamlamak gerek.

Test sonucunda proje müşteriye sunulur. Onay aldıktan sonra ürün hazır hale gelmiş, yazılımcıların üzerinde çalışacağı uygun ortam oluşmuş demektir.