Quy trình thiết kế web

Trong bài viết này, chúng tôi sẽ cùng đồng hành với GreenDot đi qua những yêu cầu quan trọng nhất từ khách hàng và cách triển khai để đáp ứng những yêu cầu đó.

Các đặc điểm khảo sát trước khi bắt tay vào thực hiện:
- Công ty chuyên sản xuất các mặt hàng chậu (potteries)
- Khách hàng chính là các công ty Châu Âu
- Bán sỉ, mỗi lần đặt mua một mặt hàng không tính bằng cái mà tính bằng pallet

Sau khi tiếp xúc và cùng sales Lợi Hưng bàn bạc, bọn tớ đề nghị một giải pháp hỗ trợ cho công việc kinh doanh gồm có:  bảo mật các sản phẩm, tốc độ nhanh, cập nhật dễ dàng.
1. Bảo mật sản phẩm: trong các ngành thủ công mỹ nghệ, giữ lấy bí mật về mẫu mã là điều sống còn. Một khách hàng ngành này cho biết "chỉ cần cho nghệ nhân Bát Tràng nhìn hình sản phẩm, họ có thể làm y chang".

Sản phẩm chỉ dành cho người mua thực sự, với người sử dụng bình thường sản phẩm chính sẽ ẩn đi. Bọn tớ đã phát triển một loạt tính năng hỗ trợ khách hàng phân biệt đâu là khách hàng thực sự, đâu là khách hàng giả mạo đến từ các công ty cạnh tranh.

2. Tốc độ nhanh
Website chạy chậm như rùa có thể khiến thượng đế nản lòng bỏ đi. Để website chạy nhanh bọn tớ chọn 3 phương án:

a. Dùng kỹ thuật Ajax
Kỹ thuật này sẽ giúp giảm tải đáng kể, làm website hoạt động nhanh hơn, hiệu quả hơn. Bạn muốn tìm hiểu sâu hơn về ajax có thể đọc wikipedia, Vnexpress.



Bọn tớ chọn Code igniter (CI) và jquery là bộ khung cho việc xây ứng dụng. Bạn cứ tưởng tượng đây là móng và dàn bê tông của ngôi nhà bọn tớ xây dựng. jQuery linh hồn cho việc ứng dụng Ajax. Sử dụng một framework chuẩn và cực tốt như thế sẽ làm website hoạt động trên các trình duyệt trơn tru mà không gặp phải vấn đề tương thích trên các trình duyệt như IE6, Firefox, Opera. Nhờ có CI, jQuery bọn tớ làm công việc nhanh hơn, chuẩn hơn theo tầm "international" vì bộ khung có sẵn các mác đó rồi. Sau này, khi muốn nâng cấp thay đổi cũng dễ dàng cho khách hàng.

Tớ đã rất thích thú khi thấy website hoạt động, đây là một website đặc biệt về bán hàng mà tại Việt Nam tớ chưa thấy ai đầu tư. Bạn có thể bấm vào từng mục xem ajax tải nội dung mượt mà như đang sử dụng một phần mềm trên máy tính.

b. Tối ưu quy trình chọn hàng và đặt hàng
Mục tiêu của chúng tớ là làm sao khách hàng có thể chọn hàng mà không mất quá 3 cái click chuột.

Thay vì gom các sản phẩm vào mục "products" bọn tớ cho liệt kê toàn bộ danh mục bằng menubar, tiết kiệm được 1 click.




Khách hàng cho biết là các sản phẩm chỉ có một số thuộc tính cố định nên di chuyển chuột qua sản phẩm thì hiện mô tả luôn, không cần phải bấm vào sản phẩm mới xem được chi tiết. Tiết kiệm thêm một cái click nữa.

Website cũ có một cái intro,bọn tớ thống nhất với khách hàng là bỏ luôn cái intro này, tiết kiệm thêm 1 click nữa.

Cứ như thế, chúng tớ và khách hàng cùng nhau tối ưu quy trình đặt hàng, cách thêm vào giỏ hàng, chọn màu, điền thông tin. Mọi người rất kiên nhẫn từng chút từng chút một tạo nên một quy trình gọn gàng, dễ sử dụng.

c. Hosting
Ban đầu, khách hàng và bọn tớ thống nhất dùng hosting ở Mỹ. Phiên bản demo khá chậm vì nghẽn cổ chai khi truy cập tại Việt Nam. Thuê hosting ở Việt Nam cũng không ổn, khách hàng Châu Âu truy cập vào hosting Việt Nam sẽ chậm vì cũng gặp tình huống nghẽn cổ chai tương tự.

Giải pháp được chọn là phương pháp kiểm tra IP của người dùng. Người dùng truy cập từ Việt Nam sẽ xem nội dung trên server Việt Nam, người truy cập từ các IP không thuộc Việt Nam sẽ xem phiên bản đang hosting tại Mỹ.

Bọn tớ "đẻ" thêm một tính năng không có trong hợp đồng là đồng bộ dữ liệu, chỉ update thông tin một lần, sau đó tự động đồng bộ hóa với các server còn lại. Giải pháp tính luôn đến khả năng dùng 3,4 hosting hoặc hơn nữa cho từng khu vực.

3. Cập nhật dễ dàng
Khách hàng cần cập nhật khoảng 2000 sản phẩm (hiện tại có thể hơn). Nếu cập nhật theo cách thông thường thì mất nhiều thời gian, chưa kể có thể lầm lẫn giữa các số liệu. Bọn tớ làm công cụ đọc thông tin từ file Exel, lấy hình tương ứng tự cập nhật lên website.

Với cách này, tớ đã import 2000 sản phẩm trong vòng 1 phút!