Design bake-off · 7 phương án
Bảy hướng thiết kế website khách hàng
Tất cả dùng chung một bộ token, một thang chữ và cùng nội dung thật lấy từ web-frontend — khác nhau ở bố cục, phân bố sáng–tối, motif chủ đạo và mật độ thông tin. Mỗi phương án dựng 5 trang.
Xem tất cả cạnh nhau01Ivory Editorial
Biên tập · sáng · nhiều khoảng trống
Sáng toàn bộ trang, bố cục lệch kiểu tạp chí, phân cách bằng đường kẻ mảnh thay vì card đổ bóng. Navy chỉ làm chữ và footer; gold chỉ xuất hiện ở eyebrow, số thứ tự và đường kẻ. Gần bản brand book in nhất.
Motif
Mở phương án
Hoa 1/4 · 1/3 neo góc + cung nụ cười cắt mép ảnh02Navy Atelier
Tối · tương phản · điện ảnh
Nhịp xen kẽ navy ↔ sáng, navy là bề mặt thật chứ không chỉ là màu chữ. Hero ảnh full-bleed phủ gradient navy, logo primary canh giữa. Đây là variant duy nhất được dùng gold làm chữ thường (gold trên navy = 4.8:1, đạt AA).
Motif
Mở phương án
Đường line song song — dịch từ đặc tả decal kính mờ (khe 10mm / cách 20mm)03Clinical Calm
Chức năng · mật độ cao · ưu tiên đặt lịch
Chức năng trước, trang trí sau: form đặt lịch ngay trong hero, dịch vụ là index có filter theo 5 chuyên khoa, quy trình trình bày bằng bảng, rail đặt lịch sticky khi đọc dài. Đây là variant duy nhất dùng sage làm màu bề mặt thật.
Motif
Mở phương án
Cung nụ cười làm divider giữa section và viền dưới card04Premium Suite
Cao cấp · tối giản · nhiều khoảng lặng
Nhắm phân khúc khách hàng cao cấp bằng sự tiết chế, không phải bằng trang trí nhiều hơn — đúng §3.7 "cảm giác premium đến từ khoảng trống". Nền là màu Ivory thật của brand, không card viền, danh mục điều trị trình bày như thực đơn, ảnh chỉ dùng làm quãng nghỉ full-bleed. Không có lưới ảnh trước–sau.
Motif
Mở phương án
Đường kẻ mảnh gold-700 + hoa thị neo góc, rất tiết chế05Smile Showcase
Băng màu tràn viền · chữ lớn canh giữa · kết quả đặt trên cùng
Học tập trung từ minishteeth.com: trang là một chồng băng màu tràn viền xen kẽ, mỗi băng một việc và một tiêu đề cỡ lớn canh giữa có một từ đổi màu. Khối trước–sau đặt ngay dưới hero, trước cả phần giới thiệu. Nền chủ đạo là WARM IVORY của sheet §3.9 (token `sand-50`); navy chỉ dùng ở hero, băng công nghệ và footer, còn nhịp xen kẽ do ivory · gold-200 · sand-300 gánh.
Motif
Mở phương án
Băng ngang tràn viền + vòm cắt mép ảnh chân dung06Smile Journal
Băng có đánh chương · trục trái · kết quả là chương một
Giữ ngữ pháp băng tràn viền của minishteeth.com nhưng bỏ trục giữa: mỗi băng mở bằng một hàng kẻ mảnh, số chương và tiêu đề canh trái, đoạn dẫn ở cột phải. Ba thứ lấy thêm từ dentisan.vn — gallery kết quả cuộn ngang gọi tên là “Nhật ký nụ cười”, băng truy nguyên “chẩn đoán của bạn chạy trên máy nào”, và cam kết dữ liệu cá nhân đặt ngay cạnh biểu mẫu. Nền chủ đạo là WARM IVORY của sheet §3.9 (token `sand-50`) — hero cũng là băng ivory; navy chỉ còn một băng trích dẫn và footer.
Motif
Mở phương án
Số chương + hàng kẻ mảnh mở băng, dải ảnh kết quả cuộn ngang07Care Concierge
Liên hệ đứng đầu · sáu lý do có số · bảng giá công khai
Bản dựng cho chuyển đổi, học từ greenfield.clinic: biểu mẫu ba trường nằm ngay trong hero, lưới sáu lý do có icon, bảng khoảng giá của cả bảy nhóm dịch vụ, băng theo dõi sau điều trị và thanh hành động dính đáy màn hình trên mobile. Khác greenfield ở chỗ mọi ô đều chỉ về một con số thật trong dữ liệu — không có gói “dental tourism”, không có mốc bảo hành chưa ai ký, không có ô thống kê bỏ trống.
Motif
Mở phương án
Thẻ trắng nổi trên băng màu + thẻ chi phí dính theo khi cuộn
Bản xem thử nội bộ. Logo và pattern hoa hiện là bản dựng lại theo mô tả trong brand guideline — phải thay bằng file vector chính thức trước khi đưa lên production (Phụ lục A, mục 1).