SPRING

MEWEB

WE DESIGN WEBSITE FOR CUSTOMER

LOVE YOUR BRAND

Làm thế nào để trang web bán được hàng - Thiết kế Order Card?

Làm thế nào để trang web bán được hàng - Thiết kế Order Card?

BY NGUYỄN NGOAN   |  June 19, 2019   |  13 MIN

Ngày nay, khi mọi người đã quen với việc mua hàng online cùng với các điều kiện và chi phí để bán hàng online (giao nhận, thanh toán) ngày càng thuận tiện và rẻ hơn, nếu bạn không có một cửa hàng online chắc chắn bạn sẽ mất rất nhiều khách hàng.

Một trang web bán hàng không chỉ là một cửa hàng. Một trang web bán hàng phải đóng vai trò là một người bán hàng, hiểu khách hàng, biết đáp ứng nhu cầu khách hàng và biết thuyết phục khách hàng.

Nếu nhìn bề ngoài, bạn có phân biệt được giữa một người bán hàng giỏi và một người không biết bán hàng không? Chắc chắn là không thể. Hai người cùng mặc một bộ suit lịch lãm như nhau, cũng không thể bán hàng giỏi như nhau. Hay hai người có "khiếu ăn nói" như nhau cũng chưa chắc bán hàng giỏi như nhau. Có những sự khác biệt nhỏ tạo nên thành công mà không phải lúc nào bạn cũng nhận thấy.

Một trang web đẹp chưa chắc trở thành một người "bán hàng" giỏi! Một trang web bán được hàng phải được thiết kế theo tâm lý khách hàng, hướng dẫn khách hàng một cách "tự nhiên nhất" từ lúc tham khảo thông tin cho đến khi khách hàng nhấn vào nút "THÊM VÀO GIỎ HÀNG".

Bài viết này sẽ phân tích cho bạn thấy những nguyên tắc và yếu tố tâm lý marketing ẩn phía sao một thiết kế trang web. Cụ thể là phân tích về thiết kế của thẻ "Order Cart", thẻ có chứa nút "MUA HÀNG", thẻ quan trọng nhất trên website bán hàng.

Thiết kế website doanh nghiệp nhỏ

1. Đâu là sự khác biệt giữa hai thẻ Order Card

Trước khi đọc tiếp bài viết, bạn hãy quan sát và đọc thật kỹ hai thẻ bên dưới. Hãy đọc và thử xem cảm giác của bạn thế nào nhé?

Sự lưu loát

Một trang web bán hàng hiệu quả phải giảm đến mức tối đa các khó khăn, cũng như các yếu tố tâm lý cản trở quá trình mua hàng.

Sự lưu loát tạo cảm giác thoải mái cho người đọc, đồng thời tạo cảm giác "trơn tru" cho khách hàng trong quá trình diễn biến tâm lý từ lúc đọc thông tin cho đến khi nhấn vào nút "MUA HÀNG".

Hãy đọc thẻ A:

Khi đọc đoạn giới thiệu sản phẩm, người đọc sẽ có cảm giác như thiếu một phần mở đầu. Cảm giác thiếu thiếu đó tạo nên sức cản tâm lý. Và ở cuối đoạn giới thiệu sản phẩm, người đọc sẽ bị "cản" ở đường gạch ngang phân cách.

Và khi đọc từ giá sản phẩm, đến số lượng và đến nút "SHOP NOW" có cảm giác lủng cũng, không trôi chảy. Sự canh lề giữa của giá và thông tin khuyến ưu đãi bên dưới tạo ra sự không liền mạch.

Toàn bộ thông tin trên thẻ A không có các tiêu đề nên trở nên "ngang hàng" và khó phân biệt.

Đọc thẻ B:

Các tiêu đề in đậm ("Mô tả sản phẩm", "Giá", "Số lượng"), là các gạch nối tạo sự liền mạch khi đọc.

Thông tin giá và ưu đãi bên dưới giá được canh lề phải tạo ra sự phân biệt giữa phần này với các phần khác, tạo nên sự liền lạc trong phần giá sản phẩm.

Và bây giờ, hãy thử đọc lại 2 thẻ trên bạn sẽ thấy, thẻ B đọc "trôi chãy" hơn thẻ A. Và điều đó chính là sự lưu loát dẫn người đọc từ đầu thẻ đến nút "SHOP NOW" một cách nhanh nhất.

2. Tâm lý học marketing áp dụng trong thiết kế web

2.1 Tâm lý học về giá

Có rất nhiều yếu tố tâm lý được áp dụng trong thiết kế báo giá trên trang web. Hình bên dưới tưởng chừng đơn giản, nhưng bạn có thể có thêm khách hàng nếu làm đúng và ngược lại, rất khó biết bạn sẽ mất bao nhiêu khách hàng.

Những yếu tố tâm lý về giá nào trong thiết kế trên?

Về font chữ

Bạn có thấy điều gì "ngược ngược" so với các bảng giá thường thấy không? Ở đây font chữ giá bán thực tế nhỏ hơn giá chưa khuyến mãi (các trang khác làm ngược lại). Điều này tạo hiệu ứng trực quan về mặt tâm lý là giá thực tế nhỏ hơn giá tham chiếu (giá chưa khuyến mãi). Nó nhấn mạnh rằng bạn đang mua GIÁ GIẢM.

Lưu ý: trên website (hay các báo giá), giá luôn được ghi với cỡ chữ nhỏ, nét mảnh để tạo cảm giá giá là "nhỏ" và "nhẹ nhàng". Thói quen ghi giá bằng font chữ to và đậm để tạo sự chú ý rất không tốt. Vì một mặt nó sẽ khiến khách hàng chú ý đến giá (thay vì sản phẩm), một mặt nó tạo hiệu ứng tâm lý là giá "lớn" và "nặng".

Để khách hàng chấp nhận mua sản phẩm giá cao, bạn phải tìm mọi cách làm cho khách hàng "quên" đi mức giá. Hãy làm cho họ tập trung vào sản phẩm.

Cách ghi giá

Giá thực tế được ghi là "39,000đ" chứ không phải "39,000 Đ" hay "39,000 VNĐ".

Cách ghi sau cùng là tệ nhất (39,000 VNĐ) vì rất dài khi đọc. Khi bộ não con người xử lý các thông tin dài, trong tìm thức bộ não cũng nghĩ rằng giá đó là "lớn".

Cách ghi 39,000 Đ không tốt lắm vì mắc lỗi gọi là "xử lý lưu loát", chính khoảng trắng giữa số và chữ "Đ" tạo ra sự ngăn cách khi đọc.

Cách ghi thông tin khuyến mãi

Thông tin khuyến mãi được ghi cạnh giá sản phẩm để tác động tích cực đến khách hàng.

Bạn thử đọc theo thứ tự nhé: 49,000 --> 39,000 --> Tiết kiệm --> Free. Có phải ngày càng rẻ không? Và ngày càng rẻ thì còn chần chừ gì nữa mà không chọn "Số lượng" sản phẩm và nhấn nút "SHOP NOW".

2.2 Tâm lý học về sự chú ý trực quan

Sự chú ý trực quan (Visual attention) hướng khách hàng đến những gì mà bạn muốn họ hành động.

Nhìn vào thẻ trên, điều gì "đập vào mắt" bạn trước? Nút "SHOP NOW". Tiếp theo là gì nữa? Thông tin khuyến mãi ("Tiết kiệm" và "Free Shipping") nổi bật trên nền sáng hơn. Vâng, đó là 2 thứ mài tôi muốn khách hàng chú ý khi thiết kế.

Tôi muốn khách hàng nhấn nút "SHOP NOW" nhất vì thế thiết kế của nó nổi bật nhất. Nền đỏ tím, font chữ đặc biệt, đậm cũng nhằm để khách hàng chú ý đến nhận diện thương hiệu.

Tiếp theo tôi hướng ánh mắt khách hàng đến thông tin khuyến mãi, vì thế thiết kế của nó nổi hơn nhờ màu nền sáng hơn phần còn lại.

Cái mà tôi muốn khách hàng "quên" nhất là giá sản phẩm. Và giá được thiết kế đủ lớn để đọc rõ và dễ nhìn. Nhưng cũng đủ mảnh để không nổi bật, bắt mắt người đọc.

2.3 Nguyên tắc thiết kế dẫn hướng

Thiết kế dẫn hướng là cách để "hướng dẫn" khách hàng theo một hành trình mong muốn.

Trong thiết kế trên, các tiêu đề in đậm được thiết kế để hình thành một đường dẫn từ "mô tả sản phẩm" cho đến nút "SHOP NOW". Đường dẫn đó sẽ góp phần thôi thúc khách hàng hành động là nhấn nút "SHOP NOW".

Thiết kế theo tâm lý khách hàng một cách tự nhiên

Thông tin trên thẻ cần sắp xếp theo thứ tự tìm hiểu và tiếp nhận thông tin của khách hàng một cách tự nhiên.

Thông tin trên thẻ được bố trí theo thứ tự như sau:

  1. Đầu tiên khách hàng cần tìm hiểu thông tin về sản phẩm có phù hợp không. Phần "Mô tả sản phẩm" đặt trước.
  2. Tiếp theo khách hàng cần tham khảo giá sản phẩm.
    Nhiều trang web đặt giá sản phẩm lên trước. Điều này đúng nếu bạn muốn khách hàng chú ý đến giá trước tiên (vì giá của bạn rẻ hơn). Springmeweb thiết kế hướng đến đối tượng khách hàng quan tâm đến sản phẩm hơn giá giúp doanh nghiệp có thể bán được sản phẩm với giá cao hơn, nên các thông tin về giá không được ưu tiên.
  3. Sau khi tham khảo giá, cái khách hàng nhìn thấy tiếp theo là thông tin khuyến mãi. Điều này thôi thúc khách mua hàng.
  4. Tiếp theo sẽ là chọn số lượng và đặt hàng.
  5. Nếu khách hàng không muốn mua ngay,, họ có một lựa chọn khác là "LƯU SẢN PHẨM" để tham khảo lại.
  6. Thông tin về thanh toán và đổi trả sản phẩm được đặt ngay bên dưới nút "SHOP NOW" giúp khách hàng yên tâm khi mua hàng.

2.4 Nguyên tắc thiết kế ưu tiên mức độ quan trọng

Các thành phần trên trang web có tầm quan trọng khác nhau. Vì thế trong thiết kế các thành phần cũng được ưu tiên về vị trí và mức độ nổi bật.

Hai nút kêu gọi hành động bên dưới, nút SHOP NOW và nút LƯU SẢN PHẨM được thiết kế tương đồng nhưng không cạnh tranh nhau về mức độ nổi bật.

3. Những chi tiết nhỏ làm nên khác biệt

Không có nhiều sự khác nhau giữa một chiếc iphone và các điện thoại rẻ tiền, sự khác biệt và sự tinh tế nằm ở những chi tiết rất nhỏ. Những chi tiết nhỏ nhưng góp phần rất lớn tạo ra một trải nghiệm người dùng tuyệt vời. Người sử dụng không chỉ thoải mái vì sự quen thuộc, mà còn cảm thấy thú vị khi sử dụng.

Thiết kế website doanh nghiệp nhỏ

3.1 Sự quen thuộc

Điều gì làm cho bạn biết đó là một đường link trên trang web. Màu blue, và dấu gạch chân sẽ cho ta biết đó là một đường link dẫn đến một thông tin khác.

Hai đường link dẫn đến "Chính sách thanh toán", và "Chính sách đổi trả sản phẩm" được thiết kế dựa trên sự quen thuộc đó.

3.2 Sự thú vị dẫn đến hàng động

Khi nhấn vào nút "SHOP NOW" biểu tượng giỏ hàng sẻ lớn lên. Điều này không những tạo sự chú ý và thú vị cho khách hàng. Biểu tượng giỏ hàng lớn lên, còn hàm chứa một sự thôi thúc "hãy bỏ vào đây". (Hãy tưởng tượng khi ai đó mở một chiếc túi xách và đưa trước mắt bạn, điều đó sẽ có ý nghĩa gì? Phải chăng là để bạn bỏ một thứ gì đó vào.)

Hầu như ai cũng biết, biểu tượng hình trái tim có ý nghĩa là sự yêu thích. Nút "LƯU SẢN PHẨM" với biểu tượng hình trái tim phóng to cũng hàm ý tương tự. Nút yêu thích trên trang bán hàng rất quan trọng, nó cho phép khách hàng lưu lại các sản phẩm yêu thích (nhưng chưa mua) để có thể tham khảo kỹ hơn, để so sánh giữa các sản phẩm....vv. Nút yêu thích còn giúp người bán hàng biết được, đâu là sản phẩm được khách hàng quan tâm nhưng chưa mua, để từ đó có thể thực hiện các chiến dịch marketing (ví dụ khuyến mãi cho sản phẩm đó).

3.3 Tầm quan trọng của font chữ

Font chữ là yếu tố nhận diện thương hiệu quan trọng. Với thiết kế web, font chữ quyết định rất nhiều để một trang web có thể là một trang web chuyên nghiệp, cao cấp hay không.

Để ý kỹ bạn sẽ thấy Order Card bao gồm 4 loại font chữ khác nhau:

  • Font chữ nút "SHOP NOW".
  • Font chữ cho các tiêu đề in đậm.
  • Font chữ cho thông tin mô tả sản phẩm.
  • Font chữ cho GIÁ BÁN.

Font chữ nút "SHOP NOW"

Là font chữ đặc biệt tạo nên nhận diện thương hiệu cho website kinh doanh các loại hạt dinh dưỡng cao cấp.

Font chữ cho các tiêu đề in đậm

Là font chữ có gạch chân, tạo sự trang trọng, sự nhấn mạnh và sự chú ý cho người đọc.

Font chữ cho thông tin mô tả sản phẩm

Là font chữ không gạch chân, rõ ràng làm cho người sử dụng dễ đọc thông tin.

Font chữ cho GIÁ BÁN

Font chữ để ghi giá sản phẩm trên trang web phải tạo được cảm giác nhẹ nhàng (tạo cho khách hàng cảm giác "nhẹ" khi đọc đến giá), cảm giác "ngọt ngào".

Font chữ sử dụng để ghi giá trên thẻ Order Card tạo cảm giác nhẹ nhàng bằng kiểu chữ với các nét mảnh. Đồng thời các số được thiết kế với các nét mảnh và nét dày khác nhau, bán kính các cung tròn lớn tạo cảm giác "ngọt" hơn cho giá bán sản phẩm. (Để ý sự khác nhau giữa số "39,000đ" và số "10,000đ" bên dưới, số "39,000đ" rộng hơn)

4. Thử phân tích một Order card khác

Thử đối chiếu các nguyên tắc trên, bạn có thể nhận xét thiết kế sau.

  • Nút mua hàng bị áp đảo và cùng màu với các thông tin khác nên khó nhận biết.
  • Thông tin trên thẻ thừa không cần thiết: "Mã sản phẩm", "Giá sốc, giao hàng sau 3 ngày".
  • Giá trước khuyến mãi và sau khuyến mãi rất khó so sánh do không đặt cùng vị trí với nhau.
    Lưu ý: Khi thiết lập giá khuyến mãi, bạn cần làm cho khách hàng tính toán nhanh nhất họ hưởng lợi bao nhiêu. Ví dụ, giá 3,490,000 và 1,999,000, bạn có tính được chênh lệch không? Rất khó. Nếu khó, bạn phải tính ra và nói rõ cho khách hàng. Ví dụ "Khuyến mãi: 1,491,000đ".
    Một chút điều chỉnh ở đây, giá sẽ "đẹp" hơn và dễ được khách hàng chấp nhận hơn: 3,490,000 - 1,990,000 = 1,500,000đ.

Tóm lại

Tâm lý học và hành vi khách hàng đóng vai trò rất lớn trong bán hàng, cả online vẫn offline. Ngày nay, showroom của các thương hiệu lớn đều nghiên cứu tâm lý và hành vi khách hàng để áp dụng trong trang trí nội thất, trưng bày sản phẩm, các banner treo trong cửa hàng. (Hãy thử bước vào một cửa hàng của các chuỗi điện máy bạn sẽ thấy rất nhiều banner "Giá rẻ", "Khuyến mãi"...vv. Chính điều đó góp phần tạo nên hiệu ứng tâm lý giá trong cửa hàng là rẻ).

Trong kinh doanh online cũng vậy. Nếu trang web của bạn gần như không mang lại hiệu quả bán hàng cho doanh nghiệp của bạn, điều đó là bởi vì bạn có một trang web không được thiết kế tốt để có thể bán được hàng.

Trang web được thiết kế với bố cục tuỳ tiện, không biết thành phần nào chính thành phần nào phụ, không biết thành phần nào đặt trước, thành phần nào đặt sau. Không biết sử dụng màu sắc nổi bật cho những thành phần nào...vv. Những điều đó sẽ làm cho khách hàng có vào trang web của bạn cũng sẽ đi ra và không mua gì. (Trừ khi bạn có giá bán thật rẻ so với đối thủ).

Ngày nay website chính là một kênh bán hàng quan trọng, nhất là đối với doanh nghiệp nhỏ không có nhiều kênh phân phối. Đầu tư cho một trang web ít rủi ro hơn nhiều so với khi đầu tư một cửa hàng thực tế. Tuy nhiên, trước khi đầu tư trang web, điều đầu tiên các chủ doanh nghiệp cần làm là tìm hiểu THẬT KỸ về cách sử dụng kênh phân phối online để bán hàng cho doanh nghiệp của bạn.

Nguyễn Ngoan

 

Cảm ơn bạn đã đăng ký tài khoản Springmeweb!

Vui lòng kiểm tra Email, click vào Link để kích hoạt tài khoản.

SPRINGMEWEB

   ngoan.meliavn@gmail.com

  038.982.1238

   F6/24/3Q QUÁCH ĐIÊU, TP HỒ CHÍ MINH

SUBSCRIPTION

Mời bạn đăng ký để SPRINGMEWEB cung cấp cho bạn các thông tin hữu ích thiết thực nhất về sử dụng trang web trong kinh doanh.

© 2018 SPRINGMEWEB. DESIGIN BY SPRINGMEWEB