AXM
Cửa hàng thời trang thể thao nền đen, ảnh chiếm gần trọn màn hình, chữ khối lớn. Đồ thể thao bán qua mạng vướng đúng một chỗ: người ta thích cái áo nhưng không dám đặt vì sợ mặc vào không vừa. Cả trang dựng quanh chỗ đó, từ bảng cỡ XS tới XXL ngay cạnh nút mua tới đổi trả trong 30 ngày ghi rõ trước khi bấm đặt. Luồng mua chạy thật từ đầu tới cuối: chọn cỡ, bỏ vào giỏ, đặt hàng gọn trong một trang, chuyển khoản quét mã.
Trang chủ đi qua nhiều tầng, mỗi tầng bày hàng một kiểu: khung ảnh lớn đổi theo đợt hàng mới, lưới hàng bán chạy, dải nhóm hàng chạy ngang, ảnh khổ rộng dẫn sang bộ sưu tập, ảnh khách mặc thật, rồi tới bài viết. (Cuộn trong khung để xem toàn trang)
Bán quần áo qua màn hình thì phải trả lời được câu "mặc có vừa không"
Người mua đồ thể thao trên mạng hay dừng lại ở giây cuối cùng. Áo đẹp, giá hợp, nhưng số đo trên bảng cỡ ghi mơ hồ là họ đóng tab. Website này đưa hết những gì khách cần để tự quyết lên trang: cỡ nào còn hàng, vải là loại gì và giặt ra sao, mấy ngày thì nhận được, mặc rồi không ưng thì trả trong bao lâu. Dưới đây là từng phần đã dựng, tất cả đều bấm được ở bản đang chạy.
Một thanh nhóm hàng nằm luôn trên đầu, đổi nhóm không rời trang
Thanh nhóm hàng chạy ngang ngay dưới tiêu đề và dính lại khi cuộn, nên khách lướt tới đâu vẫn đổi nhóm được tới đó. Tám nhóm chính chia theo món đồ (áo, quần, áo khoác, phụ kiện) và theo cách người ta hay tìm (hàng mới về, bán chạy, giảm giá). Lưới hàng để ba cột, ảnh cao gần bằng cả thẻ vì với quần áo thì ảnh mới là thứ giữ người xem, giá và tên chỉ cần đủ đọc.
- Tám nhóm hàng, chuyển nhóm ngay trên thanh dính theo cuộn
- Thẻ hàng ghi nhãn "mới", "bán chạy", "giảm giá" và giá cũ gạch ngang
- Rê chuột vào thẻ là ảnh mặt sau trượt vào từ mép phải, xem được cả hai mặt mà không phải bấm vào trong
Mười hai nhóm, mỗi nhóm một địa chỉ riêng gửi cho nhau được
Ngoài tám nhóm theo món đồ còn bốn bộ sưu tập mang tên riêng, mỗi cái một trang có đường dẫn sạch dạng /shop/category/ao-khoac. Chuyện này nghe nhỏ nhưng đổi hẳn cách khách dùng web: rủ bạn mua chung thì gửi thẳng đường dẫn nhóm hàng, thay vì bảo nhau "vào web rồi bấm lọc giùm". Người gõ tìm trên Google theo tên nhóm cũng rơi đúng vào trang đó chứ không rơi vào trang chủ rồi lạc.
- Mười hai nhóm tương ứng mười hai trang riêng, đường dẫn gọn
- Ảnh bìa nhóm ghim lại bên phải trong lúc lưới hàng cuộn qua
- Chủ shop tự thêm nhóm mới hoặc đổi tên nhóm trong trang quản trị
Thông tin đứng yên bên trái, ảnh cuộn bên phải, chọn cỡ là xong
Cột trái giữ nguyên tên món, giá, bảng cỡ và nút mua trong suốt lúc khách cuộn xem ảnh bên phải, nên muốn đặt lúc nào cũng có nút ngay đó, không phải cuộn ngược lên. Bảng cỡ trải từ XS tới XXL, cỡ nào hết hàng thì mờ đi thấy liền. Ngay dưới nút mua là hai dòng khách hay hỏi nhất: giao tiêu chuẩn miễn phí và đổi trả trong 30 ngày. Cuối trang gợi ý tiếp mấy món cùng bộ sưu tập và mấy món hay mua chung.
- Cột thông tin dính theo cuộn, nút mua luôn trong tầm tay
- Cỡ XS tới XXL, hết cỡ nào hiện rõ cỡ đó
- Mục chất liệu, bảo quản, giao hàng gói gọn trong mấy tab ngay dưới giá
Giỏ hàng viết lại theo giao diện, không để lòi bảng biểu mặc định
Phần lớn web bán hàng dựng nhanh đều lộ ra ở chỗ này: mặt tiền trau chuốt, bấm vào giỏ là ra một cái bảng thô của phần mềm nền, chữ nghĩa lệch hẳn với phần còn lại. Ở đây giỏ hàng viết lại từ đầu theo đúng bộ chữ và màu của cửa hàng. Mỗi dòng ghi rõ cỡ đã chọn, sửa số lượng ngay tại chỗ, và tổng tiền cập nhật liền tay.
- Mỗi dòng hàng ghi kèm cỡ, bấm cộng trừ là tiền tự tính lại
- Khối tính tiền dính bên phải, luôn thấy tổng tiền và nút sang bước đặt hàng
- Ba dòng cam kết ngay dưới: giao miễn phí, đổi trả 30 ngày, cách trả tiền
Đặt hàng gọn trong một trang, địa chỉ chọn theo tỉnh rồi tới phường xã
Trang đặt hàng chia ba khối nằm dọc một trang: thông tin liên hệ, địa chỉ giao, cách trả tiền. Địa chỉ chọn theo hai cấp tỉnh rồi phường xã, gõ không dấu vẫn ra đúng, nên khách điền trên điện thoại nhanh hơn hẳn kiểu gõ tay cả dòng địa chỉ. Bên phải là tóm tắt đơn luôn hiện số tiền cuối cùng cùng mấy dòng cam kết viết đúng ngành: giao tiêu chuẩn miễn phí, đổi trả 30 ngày, chuyển khoản quét mã.
- Ba khối trong một trang, điền tới đâu biết còn thiếu gì tới đó
- Địa chỉ hai cấp theo bộ dữ liệu hành chính mới, gõ không dấu vẫn tìm ra
- Phần đặt hàng do Web22 tự viết, hiện có mặt trên kho plugin của WordPress.org
Khung trò chuyện cho khách bấm chọn câu hỏi, trả lời liền không cần người trực
Khách hỏi qua chat hầu hết chỉ xoay quanh mấy câu quen thuộc: chọn cỡ thế nào, bao lâu nhận hàng, đổi trả ra sao, trả tiền bằng cách nào. Khung trò chuyện ở góc màn hình liệt kê sẵn đúng mấy câu đó, khách bấm chọn là hiện câu trả lời viết sẵn, kèm đường dẫn sang trang chính sách đầy đủ. Không cần trực máy, cũng không có chuyện máy tự bịa ra câu trả lời như mấy khung chat gắn trí tuệ nhân tạo. Ai muốn tra đơn đã đặt thì nhập mã đơn với số điện thoại là xem được đơn đang ở chặng nào.
- Sáu nhánh câu hỏi soạn sẵn theo đúng chuyện khách hay hỏi cửa hàng thời trang
- Tra cứu đơn hàng ngay trong khung, không cần đăng nhập
- Khung trò chuyện do Web22 tự viết, chủ shop tự sửa câu trả lời trong trang quản trị
Mục bài viết kéo người chưa định mua quay lại lần hai
Người mua đồ thể thao thường tìm hiểu trước cả tuần: vải này mặc mùa nào, áo khoác mỏng đi mưa được không, giặt kiểu gì cho lâu bạc màu. Mục tạp chí nói đúng mấy chuyện đó, mỗi bài một trang riêng có ảnh bìa khổ lớn. Bài mới nhất chiếm trọn bề ngang phía trên, mấy bài còn lại xếp lưới bên dưới, nhìn vào là biết ngay nên đọc cái nào trước.
- Bài mới nhất để khối lớn, các bài sau xếp lưới hai cột
- Bài viết cũng hiện ở cuối trang sản phẩm liên quan tới món đó
- Chủ shop tự viết bài mới trong trang quản trị, không cần nhờ ai
Bài đọc thoáng, mục lục bám bên phải, đọc trên điện thoại không mỏi mắt
Bài dài mà dồn thành khối chữ đặc thì không ai đọc hết. Trang bài mở bằng một khung ảnh lớn ghim lại phía sau, chữ trườn lên trên nền ảnh đó, rồi vào cột chữ hẹp vừa tầm mắt. Cột bên phải giữ ngày đăng và đường dẫn chia sẻ, đi theo suốt lúc đọc. Cuối bài dẫn tiếp sang bài khác cùng mạch nên người đọc xong một bài thường lướt tiếp thay vì đóng tab.
- Ảnh bìa ghim phía sau, chữ trườn lên khi cuộn
- Cột phụ bên phải theo suốt bài, không che mất chữ
- Gợi ý bài khác và dải hàng đang bán ở cuối trang
Kể cửa hàng làm việc thế nào, thay cho mấy dòng tự khen
Trang giới thiệu không kể thành tích. Nó kể quan niệm về đồ mặc hằng ngày, một món đi qua những chặng nào trước khi lên kệ, ai đang đứng sau cửa hàng, và cửa hàng đã đi qua mấy năm nào. Mấy màn giữa trang ghim lại khi cuộn, chữ đổi theo từng nhịp nên đọc như đang lật từng trang, còn ảnh thì tự toả ra hai bên. Với một thương hiệu thời trang thì cách kể này đáng tin hơn mọi lời quảng cáo: khách đọc xong hình dung được ai đang làm ra cái áo mình sắp mua.
- Bảy khối kể quan niệm, quy trình, con người và chặng đường
- Mấy màn ghim lại khi cuộn, chữ và ảnh đổi theo nhịp
- Cuối trang dẫn thẳng sang cửa hàng
Lời nhắn của khách nằm luôn trong trang quản trị, không trôi mất
Biểu mẫu liên hệ ở đây làm hai việc cùng lúc: lưu lời nhắn vào một mục riêng trong trang quản trị, rồi mới gửi thư báo. Chỗ này nhiều web làm hụt, chỉ gửi thư, hôm nào hộp thư lọc nhầm vào thư rác là mất luôn một khách mà không ai biết. Lưu lại trước thì dù thư có lạc, lời nhắn vẫn nằm nguyên đó. Bên cạnh biểu mẫu là mấy câu hay được hỏi nhất và các kênh liên hệ khác.
- Lời nhắn lưu trong trang quản trị rồi mới gửi thư báo
- Mấy câu hỏi thường gặp trả lời sẵn ngay bên cạnh
- Giờ hỗ trợ và các kênh nhắn tin ghi rõ, khách biết bao giờ có người trả lời
Năm trang chính sách viết cho người đọc, không chép mẫu trên mạng
Vận chuyển, đổi trả, thanh toán, điều khoản, bảo mật. Năm trang, viết bằng tiếng Việt thường, câu nào cũng nói được một việc có thật. Với quần áo thì đây không phải thủ tục cho có: khách luôn muốn biết mặc thử rồi không vừa thì đổi cỡ được không, ai chịu tiền gửi về, bao lâu thì tiền quay lại tài khoản. Đọc thấy trả lời thẳng mấy câu đó, người ta mới dám đặt món đầu tiên.
- Năm trang chính sách, đường dẫn tiếng Việt, có mặt ở chân mọi trang
- Mức phí và thời gian ghi bằng số cụ thể, không nói chung chung
- Điều ghi ở trang chính sách và điều hiện lúc đặt hàng là một, không hai đường
Gõ nhầm đường dẫn cũng không mất khách
Trang báo lỗi thường là chỗ bị bỏ quên nhất, mà lại là chỗ dễ mất khách nhất: gặp một trang trắng trơn ghi mỗi chữ "404" thì người ta thoát luôn. Ở đây trang báo lỗi vẫn giữ nguyên không khí của cửa hàng, có hai dải ảnh hàng chạy ngược chiều nhau phía sau và một nút quay về trang chủ. Ngoài ra đường dẫn cũ nào đã đổi đều được đưa sang địa chỉ mới bằng một lần chuyển hướng, khách bấm vào link cũ vẫn tới đúng nơi.
- Trang báo lỗi dựng riêng theo giao diện, có lối quay về rõ ràng
- Đường dẫn cũ tự chuyển sang đường dẫn mới, không bỏ rơi link đã chia sẻ
- Ô tìm kiếm ở thanh trên cùng gợi ý luôn cả hàng lẫn bài viết trong lúc gõ
Đặt thẳng trên web, hoặc hỏi cho chắc rồi mới đặt
Ai đã ưng món nào thì chọn cỡ, bỏ vào giỏ, điền một trang rồi chuyển khoản quét mã, xong trong một lần mở điện thoại. Ai còn phân vân chuyện cỡ số hay chất vải thì bấm khung trò chuyện ở góc màn hình, mấy câu hay hỏi đã có sẵn câu trả lời, cần nữa thì để lại lời nhắn ở trang liên hệ. Mỗi món có sẵn bảng cỡ và điều kiện đổi trả ngay cạnh nút mua, nên phần lớn câu hỏi đã có câu trả lời trước khi khách kịp hỏi.
Quần áo thì người ta chọn trên điện thoại, lúc đang nằm dài
Cả trang được dựng lại ở bốn khổ màn hình, từ điện thoại nhỏ tới màn hình rộng. Trên điện thoại, ảnh món đồ chiếm trọn bề ngang, bảng cỡ giãn ra thành mấy ô to đủ chạm bằng ngón cái, thanh nhóm hàng gom lại thành một hàng chữ trượt ngang, còn menu mở ra thành ngăn kéo phủ kín màn hình. Nút mua bám ở đáy màn hình nên cuộn tới đâu cũng đặt được ngay.
Mấy chỗ khó và cách gỡ
Nền tảng & công nghệ
Bản dựng mẫu thật, do chính đội Web22 code
Đây là sản phẩm mẫu Web22 tự thiết kế và lập trình để thể hiện năng lực — không phải theme mua sẵn hay bản sao rập khuôn tràn lan ngoài thị trường. Toàn bộ giao diện và tính năng đều code tay, nên khi triển khai cho bạn, mọi thứ đều có thể tuỳ biến, thêm tính năng hay chỉnh sửa theo đúng thương hiệu riêng.
- Code tay 100%, không dựng bằng mẫu rập khuôn
- Tuỳ biến & thêm tính năng theo nhu cầu
- Sản phẩm độc quyền của đội ngũ Web22
Bạn muốn một website bán quần áo qua màn hình?
Web22 nhận thiết kế website bán hàng cho thời trang, giày dép, phụ kiện và mọi ngành có nhiều mẫu mã kích cỡ: ảnh bày đẹp, bảng cỡ và chính sách rõ ràng, đặt hàng gọn, chuẩn SEO, bàn giao là bạn tự quản trị được.