Các nhân vật tham gia vào dự án bạn-một lập trình viên (programmer), thiết kế (designer), khách hàng (client)
Cách đây không lâu tôi đưa những bức ảnh này lên trên trang ảnh cá nhân flickr và nó đc chọn đưa vào blog của flickr như là bức ảnh của ngày 23 tháng 9(September 23rd). Tới ngày hôm đó bức ảnh đã được xem trên 2000 lần.

Thực ra bức ảnh là một trong tập các tấm hình tôi chụp cho buổi trình bày với khách hàng, về đặc điểm của quá trình thiết kế/phát triển website theo cách dễ hiểu nhất ngoài ra làm cho khách hàng cảm thấy thích thủ khi nhìn vào. Bài viết này sẽ đưa bạn qua các quả trình, sử dụng cùng với những bức ảnh. Chúng tôi hi vọng bạn sẽ thích những bức ảnh ngoài ra nó còn giúp bạn quản lý dòng công việc tốt hơn nếu bạn đang bắt đầu làm một nhà thiết kế web .

Tuy nhiên, có một số lượng vô hạn các điều kiện có thế tác động lên thời gian thực hiện của dự án. Vì lý do đó, dự án không bao giờ rõ ràng theo tuần tự của những bức ảnh... Những công việc này cần phải làm đi làm lại, các bước có thế tác động lẫn nhau., bạn có thể cần nhiều thời gian cho phát triển CMS / back-end vv


Bước 1: Thảo luận

Tất nhiên bạn sẽ bắt đầu dự án bằng cách thảo luận với khách hàng về những công việc cơ bản: những điều cần làm, vai trò, trách nhiệm, đối tượng bạn sẽ liên hệ để lấy tài liệu (nội dung text, hình ảnh) cho website…


Bước 2: Suy nghĩ
Bạn sẽ suy tính xem nên tổ chức mọi thứ như thế nào: điều cần được xây dựng trên mọi trang. Cái gì quan trọng? Cái gì không ? … Phụ thuộc vào sự sắp xếp thứ bậc của dự án bạn nên phác thảo một sơ đồ site trực quan cho khách hàng. Chuẩn bị một sơ đồ site làm cơ sở nếu bạn thay đổi nội dung về sau.


Bước 3: Phác thảo mô hình
Mô hình phác thảo, giống như một “bộ xương website” sẽ chứa tất cả các thành phần dẫn hướng, tính năng và nội dung xuất hiện trên trang web chính thức nhưng chưa có sự góp mặt của yếu tố thiết kế đồ họa. Mô hình được sử dụng để xác định những vấn đề rắc rối và những thành phần còn thiếu trong cấu trúc chung.

Tạo khung website như thế nào sẽ tùy thuộc ở bạn. Đối với site nhỏ, bạn chỉ cần sử dụng Illustrator hoặc Photoshop. Nhưng với những trang phức tạp, bạn phải viết bằng HTML để khách hàng có thể bấm chuột và kiểm tra xem mọi thứ đã đạt yêu cầu chưa.


Bước 4: Chuẩn bị nội dung
Dựa trên sơ đồ site và bộ khung, bạn và khách hàng sẽ cùng nhau bàn bạc về nội dung cho website. Vấn đề nội dung có lẽ là công việc vất vả nhất mà khách hàng phải thực hiện trong suốt dự án và nó mất khá nhiều thời gian.


Bước 5: Thiết kế ban đầu
Khi những điều trên đang diễn ra, chuyên gia thiết kế sẽ tập trung nghiên những kiểu dáng cơ bản của trang chủ và các trang thứ cấp.


Bước 6: Phản hồi khách hàng
Khi thiết cơ bản đã sẵn sàng, khách hàng sẽ kiểm tra và đưa ra những đề xuất chỉnh sửa.


Bước 7: Thiết kế lại
Đôi khi họa sỹ sẽ phải làm lại từ đầu hoặc đảo lộn mọi thứ…


Bước 8: Khách hàng đồng ý
… Cho đến khi tất cả đều hài lòng.
Quá trình xây dựng - phản hồi - xây dựng lại lặp đi lặp lại trong nhiều giai đoạn của dự án. Ngoài nhiệm vụ cung cấp nội dung, việc đưa ra nhận xét, góp ý cũng là trách nhiệm của khách hàng.


Bước 9: Thiết kế những trang bổ sung
Sau khi mô hình cơ bản được chấp nhận, họa sỹ sẽ thiết kế chi tiết từng trang nhỏ website.


Bước 10: Chấp nhận

Một lần nữa, chúng được kiểm tra, làm lại và khẳng định lần cuối.


Bước 11: Dựng trang HTML…
Khi đó, bạn bắt đầu hình thành trang HTML thực sự…


Bước 12: …tạo phong cách với CSS
Và tạo phong cách với CSS (Cascading Style Sheets - chuẩn W3C trong việc tạo font, màu, khoảng trống... trong tài liệu web).


Bước 13: Trình bày với khách hàng
Bạn và khách hàng tiếp tục thảo luận để biên tập và chau chuốt cho đến khi có một site hoàn chỉnh.

Bước 14: Chạy kiểm tra
Giai đoạn cuối cùng của quá trình là sửa lỗi. Site cần được chạy thử nghiệm trên tất cả các nền tảng để tìm lỗi kỹ thuật và phát hiện lỗi nội dung. Tất nhiên, qua các giai đoạn phát triển HTML & CSS bạn đã kiểm tra các chức năng của trình duyệt nhưng bạn cần một bước kiểm tra lúc kết thúc.

Bước 15: Giới thiệu website với mọi người

Bức hình nói “Kết thúc”, nhưng tất nhiên bạn chưa thể cầm gọn khoản tiền công và ung dung ra về. Bạn phải theo dõi site ít nhất 10 ngày để xem có vấn đề gì phát sinh không.