Mọi người góp ý cho e layout web này với ạ

Ổn

Duyệt ./

nhìn cũng được mà

ko hiểu tại sao cái điều hướng lại to đùng thế kia @@ , mình thấy ko cần thiết

Menu sản phẩm bên trái chỉ cần để cấp thứ 2 thôi là được chứ thể hiện cấp chi tiết SP thì lỡ nó có 100 SP thì nó dài sọc bên dưới luôn. Font chữ thì đẹp đó nhưng thể hiện ra web thì phải dùng google font. Nếu google không có thì bạn phải chuyển đổi font web đó

Bạn chắc mới tập tành làm web
Bạn vào http://themeforest.net/ để tham khảo thêm nhé. Rất hữu ích đó

khà khà, đúng chuyên môn, có hứng phân tích rồi:

Từ trên xuống nhé:

1 - Bạn ko hề có hệ thống quản lý người dùng (đăng nhập tài khoản), thế thì làm sao mà thêm hàng vào giỏ? Giỏ của ai? Hàng của ai?. Số lượng sản phẩm đúng là mới ban đầu sẽ đc thể hiện = số 0. Nhưng cũng ko ai mua cả chục nghìn sản phẩm nên cũng ko cần để khoảng cách xa như thế. Khoảng cách từ giỏ hàng đến chữ "giỏ hàng" cũng quá xa. Giỏ hàng cũng được thiết kế 1 cách quá tùy tiện.

2 - Nhìn bằng mắt cũng có thể thấy padding 2 bên của các mục trong nav ko đồng đều. Mục sản phẩm khi active lại đc hover 1 cách tùy tiện, có khoảng cách với GIỞI THIỆU nhưng lại dính sát vào TIN TỨC. Chố bạn đặt breadcrumb là chỗ để thể hiện dropdown menu (nếu có - mà có thì cũng cần phải tinh tế hơn trong cách thể hiện dropdown). Breadcrumb thường đc đặt ở vịt rí góc phải hoặc trái, ngay bên dưới nav và đc thể hiện nhỏ. Bởi vậy nên nó cần đc thể hiện = 1 kiểu chữ dễ nhìn (google font)

3 - Việc đặt 1 cái nút với cái chữ "Click Here" đã quá lỗi thời. Bạn cần phải thân thiện với người dùng hơn, chẳng bạn như "Read More", "More",... Cái này nằm bên UX nên tớ cũng ko quá khắc khe, chủ yếu nhận xét UI là chính

4 - Việc đặt category ở bên sidemenu cũng ko phải dễ dàng. Lấy 1 ví dụ về 1 sản phẩm tương tự để bạn dễ hình dung. Ví dụ là 1 category nước giải khát nhé. Các category có thể gồm: "Nước ngọt", "Bia", "Nước suối", .... Thực thế thì bạn sẽ không thấy ai chia tiếp category trong "Bia" gồm có "Bia Sài Gòn", "Bia 333". Để rồi click vào đó chỉ có 1 sản phẩm. Tương tự như ở thiết kế của bạn, tớ nghĩ 3 category là quá đủ. Và nếu có các category nhỏ hơn thì việc thể hiện bullet ở đầu category cấp 1 và category cấp 2 cũng phải khác nhau. Ví như ta viết 1 danh sách vậy:

I. Category cấp 1
1. Category cấp 2
a. Category cấp 3

5a - Thanh điều hướng Trước - Sau ở main content cũng ko cần phải thể hiện chữ "<< Trước" "Sau >>" như vậy. 1 mũi tên là đủ < và >. Category Cheese Cake của bạn trước hết là sai chính tả. Sau nữa là theo bạn thể hiện là có đến hơn chục sản phẩm, nhưng sao bên main content với title "Cheese Cake" bạn chỉ để có 1/8 ?

5b - Khi mọi thứ đểu canh trái thì ko nên canh giữa tên bánh nữa. Tình trạng còn / hết của bánh cũng ko nên thể hiện check box. Vừa khó cho developer, vừa dư thừa. Chỉ cần 1 chữ CÒN HÀNG hoặc CÒN HÀNG với gạnh ngang chữ để thể hiện là hết hàng.

5c - Khoảng trông lớn do nút "Giỏ hàng" tạo ra là ko cần thiết. Icon điện thoại bị đẩy lên cũng khá khó hiểu trong khi số phone vẫn còn cách lề phải khoảng 20px

5d - Nếu bạn ko show cmt ra thì khoảng trống bên dưới sẽ rất ... dư thừa 1 cách vô duyên. Link "Quay lại trang sản phẩm >>" sẽ dẫn bạn đi đâu khi mà mặc định nav Sản Phẩm sẽ đưa bạn đến sản phẩm đầu tiên của Cheese Cake? Cơ bản là với cách sắp xếp category này ta sẽ ko có 1 trang nào gọi là trang "sản phẩm"

5e - Bạn show 3 sp bán chạy nhất. Nhưng nếu tháng đó có đến 4. 5 cái bán chạy hơn cả thì sao? Đồng ý là có thể bạn sẽ lấy 3 cái cao nhất. Nhưng nếu bạn bán đc 5 cái với số lượng 105 104 103 102 101 trong cả tháng so với mấy cái khác là 10 6 9 8 2 3 thì bạn sẽ bỏ 2 cái 102 và 101 ra sao?

6 - Footer ko cần to như thế. Quick links thường đc đặt dọc để đỡ chiếm diện tích và cũng dễ nhìn hơn, cũng ko cần to quá. Footer cũng thiếu tên trang, chủ sở hữu, có bản quyền hay ko và đơn vị thiết kế. Footer ko cần quá nổi bật nhưng ít ra sự khác biệt so với body cũng cần đc chú ý nhiều hơn.

Trên đây là những lời nhận xét thực lòng. Hy vọng bạn sẽ có nhiều tiến bộ hơn trong thời gian tới.

Mình có 1 góp ý nhỏ, 3 cột sản phẩm tiêu biểu: cheese, cupcake, donut, sao bạn không cho chiều dài cụm đó bằng với chiều dài của website đang làm. Vì chiều dài cụm đó ngắn hơn thì mình thấy text bị rớt dòng, như "Do rồi xuống dòng Nut", đọc vô thấy hơi kỳ và 3 khối hơi chật chội, khoảng cách quá sát. Màu thì okie nhé, mình thấy phối 2 màu này hợp.

Đó chỉ là 1 góp ý nhỏ của mình thôi, nếu quan tâm có thể xem xét.