Thiết kế web tối giản là cách giữ lại vài thông tin chính trên nền trắng thoáng, để khách đọc đúng thứ tự rồi đi đến lời mời liên hệ. Phong cách Trắng thoáng, tinh gọn hợp với doanh nghiệp đã rõ mình nói gì và không cần trang trí để gây chú ý.
Với từng khối trên trang, nên bỏ gì và giữ gì để vẫn thoáng, dễ đọc?
Thoáng không có nghĩa là ít khối
Nhìn kỹ mẫu gốc, bạn sẽ thấy nó có tới tám khối. Đó là đầu trang, dự án, quy trình, dịch vụ, giới thiệu, lời khách, dải kêu gọi và chân trang.
Trang vẫn thoáng vì mỗi khối được bớt rất nhiều bên trong. Nền trắng, một màu đỏ, biểu tượng viền mảnh, và các mục dùng tiêu đề ngắn, mô tả gọn.
Vì vậy, đừng bắt đầu bằng cách xóa khối. Hãy đi qua từng khối và hỏi: khách có cần chi tiết này để quyết định không?
Bỏ gì, giữ gì ở từng khối
Đây là nhận định của ban biên tập, bạn nên đối chiếu với tư liệu thật của mình.
Đầu trang
- Bỏ: nút thứ hai cạnh nút chính, thanh trượt nếu bản triển khai có dùng, câu giới thiệu dài quá ba dòng.
- Giữ: tiêu đề lớn như “Gọn thiết kế. Rõ giá trị.”, một nút màu nhấn, một ảnh sản phẩm rõ.
Dự án
- Bỏ: viền thẻ, nhãn danh mục, ảnh chất lượng không đều.
- Giữ: ba ảnh lớn, mỗi ảnh một tiêu đề và một dòng mô tả.
Quy trình
- Bỏ: đoạn văn dài dưới mỗi bước, biểu tượng nhiều màu.
- Giữ: bốn bước đánh số, mỗi bước nói rõ khách nhận được gì.
Dịch vụ
- Bỏ: danh sách tính năng trong thẻ, dịch vụ phụ ít người hỏi.
- Giữ: tên dịch vụ, hai dòng lợi ích, một liên kết “Tìm hiểu thêm”.
Giới thiệu
- Bỏ: họa tiết lá phía sau câu trích, số liệu chưa kiểm chứng được.
- Giữ: ảnh đội ngũ thật và một đoạn ngắn về cách làm việc.
Lời khách
- Bỏ: sao đánh giá và cả khối này nếu chưa có lời khách thật.
- Giữ: nếu có thật, chỉ cần một lời nói về một việc cụ thể, kèm tên người được phép nêu.
Dải kêu gọi và chân trang
- Bỏ: mã QR nếu khách ít dùng, nhiều cột liên kết trùng menu.
- Giữ: một câu hỏi, một nút, cách liên hệ và địa chỉ thật.
Có một thứ tuyệt đối không nên bớt: độ rõ của chữ. Mô tả xám nhỏ trông rất thanh, nhưng dễ khó đọc. WCAG 1.4.3 đặt mức tối thiểu 4.5:1 cho chữ thường và 3:1 cho chữ lớn, nên hãy đo màu xám trước khi chốt.
Một khối trước và sau khi rút gọn
Đây là ví dụ tự soạn cho khối dịch vụ của một văn phòng kiến trúc, không lấy từ dự án thật.
Trước: “Với đội ngũ tận tâm và sáng tạo, chúng tôi cung cấp giải pháp thiết kế kiến trúc toàn diện, chuyên nghiệp, đáp ứng mọi nhu cầu đa dạng của quý khách hàng.” Kèm năm dấu kiểm, hai nút và một biểu tượng màu.
Sau: “Thiết kế nhà phố. Bắt đầu từ nếp sống của gia đình bạn, kết thúc bằng bộ hồ sơ để thi công.” Kèm một liên kết “Xem cách làm”.
Câu trước có thể đặt cho bất kỳ công ty nào. Câu sau nói rõ khách nhận được gì.
Ba cách mở đầu, cùng một sự tinh gọn
Ba giao diện sau được tạo riêng để minh họa, với các tên giả định Tĩnh Xưởng, Sổ Gọn và An Định. Đây không phải dự án đã bàn giao. Mọi nội dung trong ảnh đều là ví dụ.
Văn phòng kiến trúc: chữ trước, ảnh sau
Tiêu đề “Ít đường nét. Nhiều ánh sáng.” nằm trên nền trắng. Ngay dưới là ảnh sân trong tràn ngang trang. Ảnh công trình làm phần lớn việc, nên ảnh phải thật và đẹp đều.
Phần mềm quản lý: chữ giữa trang, màn hình bên dưới
Tiêu đề căn giữa, hai nút, rồi một ảnh màn hình lớn gồm đơn hàng, tồn kho và việc hôm nay. Khi triển khai, hãy dùng màn hình thật của phần mềm.
Tư vấn tài chính cá nhân: chân dung một bên, chữ một bên
Chân dung người tư vấn bên trái, tiêu đề “Tiền của bạn nên có một kế hoạch rõ.” bên phải. Dải “Chúng tôi giải thích trước. Bạn tự quyết định.” tạo một khoảng nghỉ. Mẫu không nêu lợi suất hay cam kết, và lĩnh vực này nên giữ như vậy.
12 ngành khác: mỗi ngành giữ một điều
Ngoài ba minh họa trên, đây là 12 ngành khác và điều thường đáng giữ nhất.
- Thiết kế bao bì: ảnh sản phẩm thật.
- Nội thất: một ảnh lớn cho mỗi không gian.
- Studio ảnh: tác phẩm.
- Văn phòng luật: lĩnh vực nhận tư vấn.
- Kế toán thuế: danh sách việc nhận làm.
- Khởi nghiệp công nghệ: một câu nói rõ sản phẩm giải quyết việc gì.
- Huấn luyện cá nhân: chân dung và phương pháp.
- Dịch thuật: ngôn ngữ, loại tài liệu.
- Trang cá nhân chuyên gia: tên, lĩnh vực và vài bài viết chọn lọc.
- Đồ gia dụng thiết kế: ít sản phẩm, ảnh đồng nhất.
- Trang trí sự kiện: ảnh từng loại tiệc đã làm.
- Sản xuất đơn hàng theo yêu cầu: năng lực làm được.
So với ba phong cách gần
| Phong cách | Khác ở đâu | Nên chọn khi |
|---|---|---|
| Đơn giản, dễ tìm thông tin | Nhiều thông tin hơn, có bảng và hỏi đáp | Khách đến để tra cứu nhanh |
| Sang trọng, tinh tế | Ảnh tối toàn khổ, nền kem, tạo không khí | Bạn bán cảm giác cao cấp |
| Lưới thẻ gọn gàng | Mọi thứ là thẻ, nhiều ô màu | Bạn có nhiều dịch vụ ngang hàng |
Khi không nên tối giản
- Có nhiều sản phẩm cần so sánh. Lưới thẻ sẽ hợp hơn.
- Chưa có ảnh tốt. Trang càng trống, ảnh yếu càng dễ bị chú ý. Hãy chụp trước.
- Khách cần nhiều dẫn chứng trước khi gọi. Hãy giữ dẫn chứng thật, kể cả khi trang dài hơn.
- Cần thúc đẩy nhanh theo đợt. Phong cách tương phản mạnh mẽ có thể hợp hơn.
Khi vẫn cần nhiều nhóm thông tin nhưng phải đọc nhanh, phong cách cô đọng, dễ đọc là lựa chọn gần với hướng này.
Câu hỏi thường gặp về thiết kế web tối giản
Trang ít chữ có bất lợi không?
Có thể, nếu bớt mất thông tin khách cần. Tối giản nên bớt lời chung chung, không bớt dịch vụ, cách làm hay cách liên hệ.
Trên điện thoại nên đặt nút liên hệ ở đâu?
Giữ thứ tự thông tin như bản lớn, rồi đặt lời mời sau phần khách đã hiểu dịch vụ. Một nút ở đầu trang và một nút ở cuối thường là đủ.
Website tối giản có dễ quản trị trên WordPress không?
Thường là có, vì ít kiểu khối hơn. Điều cần giữ là kỷ luật: khi thêm nội dung mới, hãy cân nhắc bớt một thứ cũ để trang không đầy dần.
Bắt đầu bằng một lần cắt
Lấy trang chủ hiện tại. Với mỗi khối, viết ra một lợi ích duy nhất và một dẫn chứng thật. Khối nào không viết được thì cân nhắc bỏ.
Sau đó, bạn có thể xem các bước Mạnh An AI thiết kế và bàn giao website, chọn phạm vi trong bảng giá thiết kế website AI, hoặc gửi danh sách khối đã rút gọn để trao đổi. Mạnh An AI phục vụ khách hàng trên toàn quốc.
Thông tin đơn vị
Đơn vị: Công Ty TNHH Mạnh An Service
Dịch vụ: Mạnh An AI – Thiết kế website
Phạm vi phục vụ: Khách hàng trên toàn quốc
Địa chỉ văn phòng: Thanh Dương 2, Phường Đông Tiến, Thanh Hóa
Điện thoại: 083.5431.678
Email: info@manhan.vn
