Người đứng ra đặt bàn tiệc thường ôm nỗi lo mất mặt giữa chừng. Họ phải cầm trịch một buổi ăn mà chính họ chưa nhìn thấy bao giờ, lại chịu trách nhiệm cho cơ thể và kiêng cữ của những người cùng mâm. Mặt bằng này không đi theo lối khoe ảnh quán hay liệt kê giải thưởng nhằm thuyết phục khách vãng lai. Nó được dựng để đóng vai trò một người phụ tá, nhặt riêng từng nguyên liệu ghép lại thành một phiếu bữa ăn gửi đi được. Khách đọc xong sẽ biết rành mạch món nào dọn ra lúc mấy giờ, ai ăn không được thì bếp có cách gì thay thế, qua đó gỡ bỏ nỗi sợ và mở ví trả tiền cho bàn tiệc.
Bố cục sắp xếp nhắm thẳng vào việc dập tắt nỗi sợ của người mời khách
Bốn dải nội dung quen thuộc bị gạt bỏ để nhường chỗ cho kịch bản bữa tối chạy qua màn hình. Chặng này chiếm gần một phần ba quãng cuộn, ghim một bên và trôi ngang sáu thẻ món để khách hình dung trọn vẹn mạch ăn từ 19:00 tới 21:05. Mỗi thẻ trên lưới bày sẵn bậc no, câu tả, và câu chủ tiệc nói ra miệng khi đồ ăn dọn lên. Cách bày trí này đánh thẳng vào việc đỡ lời cho người mua khi họ phải làm chủ mâm tiệc. Băng quảng bá cũng bị đẩy xuống đặt sau lưới hàng hoá tám món đang chạy, vì khách phải nhìn thấy giá gốc trước thì con số ưu đãi mới có sức nặng thực sự.
Ba ca sự cố được bóc tách bằng chữ thuần ở cuối trang để trả lời thẳng câu hỏi ai sẽ đỡ khách nếu bữa ăn hỏng. Tiếp ngay sau là bảng đổi món năm hàng, chia rõ ba hàng cần báo trước 12 giờ và phần còn lại có thể dặn ngay tại bàn. Chốt chặn cuối cùng là bộ cộng trừ số lượng khách từ 2 tới 14 người, tự nhẩm ra con số tạm tính. Ở ví dụ mâm 6 khách, bảng rà đúng 5.340.000₫ tiền món cộng với 267.000₫ phí phục vụ 5%, ra tổng 5.607.000₫. Toàn bộ thông tin được gom lại thành một đoạn tin nhắn gửi rành mạch vào nhóm chat Zalo mà không bắt khách phải điền trước ô chữ nào để qua cửa.
Lựa chọn chữ và màu tuân theo lối nhìn quen mắt của ngành hàng
Quy ước nhìn của ngành chuộng sự ấm áp, nên nền trang dùng sắc tối ấm đi cùng chữ trắng ngà thay vì trắng lạnh. Bảng màu đo đạc kỹ lưỡng và chốt lại đúng ba tông gồm tông đêm, tông giấy sáng và tông đất nung. Mã cam đất được chỉ định làm đúng một màu nhấn cho cả trang, có tinh chỉnh ba mức sáng để đọc rõ trên từng loại nền nhưng cấm đặt mã sáng lên nền tối. Dải màu hiển thị ở thanh dán đáy trên điện thoại bị khoá màu cứng thay vì lật theo chương cuộn. Việc này chặn triệt để tình trạng thanh điều hướng bị tàng hình khi nằm đè lên nền giấy, đo ra đúng mốc 1,0.
Số lượng tệp phông chữ được ghìm ở mức hai họ và bốn tệp để không kéo lùi tốc độ tải trang. Phông hiển thị chính phải thay đổi ngay sau khi nạp văn bản thật do phông cũ đặt dấu thanh tách rời khỏi dấu mũ. Cụ thể ở cỡ tiêu đề lớn, dấu sắc của chữ Ế tách thành phiến nổi trôi lên đè nát dòng nhãn phụ phía trên. Khoảng dòng cho chữ hiển thị tiếng Việt không hạ xuống dưới mốc 1,12 để tránh tình trạng dấu hai tầng đâm vào dòng trên. Tiêu đề in hoa được áp bằng luật thị giác trong mã định dạng nhằm giữ trang đồng bộ, do nguồn chữ gõ bằng tay thường là chữ thường.
Gốc rễ mã nguồn giữ cho mặt bằng trơn tru và nói đúng sự thật
Khách nhấp vào xem bảng giá 18 món chia ba nhóm sẽ thấy chữ hiện ra ngay vì trang không đợi phản hồi từ cơ sở dữ liệu. Đây là mặt bằng tĩnh thuần tuý, tự tính toán tiền bàn và ghép chữ từ chính dữ liệu đã bám sẵn trên mã nguồn. Khi điền biểu mẫu đúng 2 ô ở phần giao phó bữa tối, trang chép chữ và mở sang cửa sổ Zalo cho số điện thoại của quán chứ không lưu trữ ngầm. Việc nhồi hàng hoá chiếm 46% quãng cuộn mà vẫn hiện hình khối lớn nhất trong 2,0 giây trên màn điện thoại đòi hỏi mã nguồn phải bóc tách kỹ. Quỹ thời gian tải 2,3 giây ở trang giới thiệu riêng 10 khối cũng đáp ứng trọn vẹn ngưỡng chú ý của người xem.
Trang chủ đạt điểm tốc độ Google 97 khi đo trên thiết bị cầm tay. Bố cục trang giữ chặt tại chỗ với độ xê dịch bằng 0, không có hiện tượng giật nảy khi tải xong ảnh. Các phép đo về độ tương phản trả về kết quả 0 trên 11 ở khổ máy tính và 0 trên 9 ở khổ điện thoại bị dưới ngưỡng đọc. Bản sống quét qua vòng kiểm tra cuối không ghi nhận mã lỗi console, không có ảnh hỏng và 0 nút vỡ hay chữ tràn ngang. Bốn trên bốn neo dẫn đường đều thả người cuộn trang xuống đúng vạch kẻ đầu chương mà không bị lệch nhịp.
Nắm để cuộn xem hết trang, hai khổ máy tính và điện thoại chạy theo nhau.