N. Minh Hùng Blog

  • Cảm ơn trái tim
  • Review tùm lum
  • Sản phẩm linh tinh
  • Dành cho website
Bạn đang ở: Trang chủ / Sản phẩm linh tinh / Trang web nhà hàng King BBQ Buffet tại TP Huế

Trang web nhà hàng King BBQ Buffet tại TP Huế

Tháng Ba 1, 2023

Trang web này được thiết kế dành riêng cho nhà hàng King BBQ buffet tại chi nhánh Huế.

Website Nha Hang Thit Nuong Han Quoc

.

Giao diện là sự giao thoa hình ảnh giữa 2 văn hóa. Nó đậm chất Hàn và cũng đậm nét truyền thống.

Điều gì làm nên đặc biệt?

.

Tạo ấn tượng bằng màu sắc

Mới đây có anh bạn lạ hoắc nhắn tin, hỏi mình sao làm web đẹp thế, có bí kíp gì không.

Mình nhắn lại: bí kíp là màu sắc.

Cứ xem Website như 1 ngôi nhà, 1 cửa tiệm hay thậm chí là 1 quán cà phê.

Mình làm sao để người ta bước vào và chìm đắm trong không gian mình xây đắp. Thường họ sẽ nhớ lâu và ấn tượng bởi 1 sắc màu đặc trưng lặp đi lặp lại.

Với trang web này, mình dùng sắc đỏ chủ đạo xuyên suốt, với sự bổ trợ của màu vàng cũ kĩ và sắc đen tương phản.

3 màu sắc ấy cứ ở đó và làm nổi bật cho nhau.

Màu sắc không chỉ áp dụng với các nút bấm, đường viền hay màu nền mà còn được mình vận dụng trong chính những tấm ảnh.

Những tấm ảnh cũng đi theo tông màu chủ đạo để hòa vào không khí chung.

.

Khung viền không lạc lỏng

Khung viền cho nút bấm.

Cho ảnh.

Và cho những vùng chứa nội dụng.

Không thể để chúng khoác trang phục hiện đại rồi lạc lỏng giữa không gian đậm nét truyền thống được.

Web Nha Hang Han Quoc

.

Câu chữ gần gũi

Thay vì những cụm từ, dòng chữ cứng nhắc thường thấy, mình đã thay đổi chúng để gần gũi thân tình hơn.

Chẳng hạn như:

  • Nút Đặt bàn, mình thay bằng: Lên lịch nào
  • Thay vì “Xem menu”, mình đổi thành “Lật menu’
  • Và thay vì để giờ mở cửa, mình nói: Mùi thịt nướng luôn tỏa từ 10:00 đến 22:00
  • Ở nút Liên hệ, thay vì chữ Gọi điện khô khan, mình gọi thân mật: King ơi!

.

Lật Menu

Và ở trang thực đơn, mình cũng sử dụng hiệu ứng lật trang để tạo cảm giác giống đang ngồi trước bàn ăn thực sự.

Hieu Ung Lat Trang 3d

.

Font chữ đặc biệt

Ở đây mình có sử dụng thêm font chữ cổ trang giống kiểu chữ Hàn và Hán tự.

Nó làm điểm nhấn ở 1 số nơi để trở thành vật dụng trang trí.

.

Header trên điện thoại

Menu Tren Di Dong

Mình không giấu các liên kết thanh menu vào nút 3 gạch như các website thường thấy. Vì mình biết ít ai nhấn vào dấu 3 gạch để xem nội dung bên trong.

Trên điện thoại mình đã thiết kế Header riêng hiển thị trực tiếp 2 liên kết quan trọng để người dùng có thể nhấn vào ngay lập tức.

.

Vẫn là Gutenberg blocks

Đứa bạn đồng nghiệp bảo sao web chạy nhanh thế.

Bởi mình đã xây dựng trang bằng các khối soạn thảo Gutenberg blocks, cũng chính là trình soạn thảo mặc định của Wordpress.

Để có thể tùy biến nhiều hơn, mình dùng thêm plugin Kadence blocks. Đây là 1 plugin bổ sung các khối Gutenberg mới đa dạng mà vẫn rất nhanh nhẹ.

Nếu như ngày trước, để làm được trang web theo giao diện mong muốn như vầy, mình sẽ dùng đến trình tạo trang Elementor. Nhưng Elementor nặng quá, lại còn khó tối ưu hiệu suất nữa.

Khích lệ tình thần bằng vote 5 sao

Xếp hạng trung bình 5 / 5. Lượt Vote 2

Leave a Comment · Sản phẩm linh tinh

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

  • Email
  • Facebook
  • Instagram
  • YouTube
Nguyễn Minh Hùng

Yêu thời ông bà anh,
sống đời thản nhiên xanh.

Hiền.
Trong sáng.
Biến thái.

Bài viết tốn sức

Plugin FlyingPress vừa tăng tốc website vừa tăng điểm Pagespeed

Vikunja self-hosted (step by step)

Cách Giảm dung lượng ảnh – Nhẹ hơn, đẹp hơn

Chuyển Docudanang.com.vn từ Vultr sang Amazon Lightsail

Tăng tốc website – Tối ưu hóa Wordpress (Siêu Checklist)

Water, is taught by thirst – Hiểu và dịch thơ

NỘI DUNG CHÍNH

  1. Tạo ấn tượng bằng màu sắc
  2. Khung viền không lạc lỏng
  3. Câu chữ gần gũi
  4. Lật Menu
  5. Font chữ đặc biệt
  6. Header trên điện thoại
  7. Vẫn là Gutenberg blocks

logo chữ ký nguyenminhhung“Trưởng thành không phải là sự rành rẽ thói đời, rồi biến hóa bản thân từ đơn giản đến phức tạp.
Trưởng thành chính là từ trong sự phức tạp của cuộc đời vẫn giữ cho bản thân đơn thuần, biết hài lòng và vui vẻ với những điều giản đơn nhất.”

Copyright © 2023 · Genesis Theme | Amazon Lightsait VPS