Bỏ qua tới nội dung
Case study · Xây dựng & Nội thất · Website thật

An Khang — công ty xây dựng & nội thất

Một website giới thiệu công ty thiết kế – thi công xây dựng & nội thất trọn gói. Không phải brochure tĩnh: trang web kể câu chuyện thương hiệu, trưng bày hồ sơ công trình thật, trình bày dịch vụ và quy trình minh bạch, rồi dẫn khách tới form nhận tư vấn & báo giá — tất cả gói trong một hệ nhận diện tông ấm, sang trọng đúng gu ngành nội thất.

Xem website đang chạy ankhang.mauweb.dev
Loại dự án
Web giới thiệu công ty + portfolio
Ngành
Xây dựng · Nội thất
Phạm vi
9 trang · form tư vấn
Nền tảng
Next.js 16 · React 19
ankhang.mauweb.dev
Trang chủ web công ty An Khang

Trang chủ — hero là ảnh công trình lớn phủ lớp tối nhẹ, ngay dưới là dải số liệu năng lực (năm kinh nghiệm, số công trình…) như một bằng chứng tin cậy. Bố cục dẫn mắt khách đi từ ấn tượng → năng lực → dịch vụ → dự án. (Cuộn trong khung để xem toàn trang)

Điểm nổi bật

Web giới thiệu đúng chuẩn một công ty xây dựng đáng tin

Ngành xây dựng – nội thất bán bằng niềm tin và thẩm mỹ: khách chọn nhà thầu vì tin năng lực và thích gu thiết kế. Vì vậy website được dựng để khoe đúng hai thứ đó — bằng chứng công trình thật và một hệ nhận diện cao cấp — rồi mở lối liên hệ ở mọi điểm chạm.

01 — Dịch vụ trọn gói

Sáu mảng dịch vụ + quy trình 5 bước minh bạch

Toàn bộ năng lực được trình bày thành lưới dịch vụ rõ ràng — thiết kế kiến trúc, thi công, nội thất, cải tạo, tư vấn đầu tư, quản lý dự án — mỗi mảng kèm 3 cam kết cụ thể. Ngay bên dưới là quy trình làm việc 5 bước, giúp khách an tâm hình dung hành trình từ lúc tư vấn đến ngày bàn giao.

  • 6 dịch vụ, mỗi dịch vụ có icon riêng và các gạch đầu dòng cam kết
  • Quy trình 5 bước: tư vấn → thiết kế → báo giá → thi công → bàn giao
  • Mỗi thẻ dịch vụ đều có nút dẫn thẳng tới form tư vấn
Trang dịch vụ: 6 mảng dịch vụ và quy trình 5 bước
02 — Hồ sơ công trình

Portfolio dự án — bằng chứng thuyết phục nhất

Đây là phần quan trọng nhất với khách xây dựng. Các công trình được trưng bày dạng gallery ảnh lớn, mỗi thẻ cho biết loại hình (biệt thự, nhà phố, căn hộ, thương mại), vị trí, diện tích và năm hoàn thành. Khi rê chuột, thông số hiện ra mượt mà — vừa đẹp, vừa cung cấp đủ thông tin để khách đánh giá năng lực.

  • Lưới dự án ảnh khổ lớn, phủ gradient nổi bật tên & hạng mục
  • Phân loại theo biệt thự / nhà phố / căn hộ / thương mại
  • Thông số diện tích & năm hoàn thành cho từng công trình
Trang dự án: gallery công trình phân loại
03 — Câu chuyện & giá trị

Trang giới thiệu xây dựng độ tin cậy

Một công ty xây dựng cần kể được mình là ai. Trang Giới thiệu dựng đủ cung bậc: câu chuyện hình thành, khối Sứ mệnh – Tầm nhìn nổi bật trên nền xanh rừng, bốn giá trị cốt lõi có icon, và dải số liệu năng lực. Tất cả tạo cảm giác một thương hiệu bài bản, đáng để gửi gắm ngôi nhà.

  • Câu chuyện thương hiệu + mốc thời gian hình thành
  • Khối Sứ mệnh / Tầm nhìn và 4 giá trị cốt lõi
  • Dải số liệu: năm kinh nghiệm, số công trình, đội ngũ…
Trang giới thiệu: câu chuyện, sứ mệnh, giá trị
04 — Nhận báo giá dễ dàng

Form tư vấn thông minh + bản đồ chỉ đường

Mọi nỗ lực gây ấn tượng đều quy về một việc: để khách để lại thông tin. Trang Liên hệ có form cho khách chọn sẵn dịch vụ quan tâm, mô tả nhu cầu và ngân sách; kèm thẻ thông tin liên hệ và bản đồ nhúng. Gửi xong hiện màn hình xác nhận thân thiện — trải nghiệm gọn gàng, không rườm rà.

  • Form chọn dịch vụ, nhập nhu cầu & ngân sách dự kiến
  • Thẻ hotline / email / địa chỉ / giờ làm việc rõ ràng
  • Bản đồ chỉ đường + màn xác nhận sau khi gửi
Trang liên hệ: form tư vấn và bản đồ
05 — Website đầy đủ & chuẩn SEO

Đủ trang nền tảng, tối ưu cho tìm kiếm

Không thiếu những trang tạo độ tin cậy mà web doanh nghiệp hay bỏ quên: bộ trang chính sách (bảo hành, bảo mật, điều khoản) trình bày sạch sẽ, dễ đọc. Mỗi trang đều có thẻ tiêu đề & mô tả tiếng Việt chuẩn, ảnh tối ưu và tốc độ tải nhanh — nền tảng tốt để lên thứ hạng tìm kiếm khi đưa vào vận hành thật.

  • Trang chính sách bảo hành / bảo mật / điều khoản đầy đủ
  • Meta tiếng Việt, ảnh nén tối ưu, bố cục chống nhảy layout
  • Cấu trúc rõ ràng, sẵn sàng cho SEO khi go-live
Trang chính sách bảo hành
Quyết định thiết kế

Vì sao web trông “đắt tiền” và dễ bàn giao cho khách

Tông màu kem ấm + điểm nhấn đất nung (terracotta) và cặp font Inter × Fraunces được chọn có chủ đích để gợi cảm giác vật liệu, ấm áp — đúng tinh thần ngành nội thất, thay vì xanh – trắng công nghệ vô hồn. Toàn bộ tên công ty, số điện thoại, dịch vụ, dự án được gom vào một file cấu hình duy nhất, nên khi bàn giao, khách chỉ sửa một chỗ là cả web tự cập nhật.

Bảng màu kem ấm · đất nung Font Inter × Fraunces serif Cấu hình gom 1 file dễ đổi Hiệu ứng hiện mượt khi cuộn
Responsive

Đẹp gọn trên điện thoại

Phần lớn khách xem nhà thầu từ điện thoại. Bố cục dồn về một cột, menu thu gọn, ảnh công trình vẫn nổi bật và nút “Nhận báo giá” luôn trong tầm ngón tay.

Trang chủ trên điện thoại
Trang chủ
Dự án trên điện thoại
Dự án
Liên hệ trên điện thoại
Liên hệ
Công nghệ

Nền tảng & công nghệ

Next.js 16Tối ưu tốc độ, tải rất nhanh
React 19 · TypeScriptMã chắc chắn, dễ bảo trì
Tailwind CSS v4Hệ thiết kế đồng bộ, cao cấp
Hệ nhận diện riêngBảng màu & font chọn theo ngành
Chuyển động tinh tếHiệu ứng hiện mượt khi cuộn
SEO chuẩnMeta tiếng Việt · ảnh tối ưu
Máy chủ phân phối toàn cầuTải nhanh khắp nơi · SSL
ResponsiveTối ưu cho điện thoại
Cấu hình tập trungBàn giao & chỉnh sửa dễ
Cam kết Web22

Bản dựng mẫu thật, do chính đội Web22 code

Đây là sản phẩm mẫu Web22 tự thiết kế và lập trình để thể hiện năng lực — không phải theme mua sẵn hay bản sao rập khuôn tràn lan ngoài thị trường. Toàn bộ giao diện và tính năng đều code tay, nên khi triển khai cho bạn, mọi thứ đều có thể tuỳ biến, thêm tính năng hay chỉnh sửa theo đúng thương hiệu riêng.

  • Code tay 100%, không dựng bằng mẫu rập khuôn
  • Tuỳ biến & thêm tính năng theo nhu cầu
  • Sản phẩm độc quyền của đội ngũ Web22
Bắt đầu

Bạn muốn website công ty chuyên nghiệp như thế này?

Web22 nhận thiết kế website giới thiệu công ty, portfolio dịch vụ, landing nhận khách — chuẩn thương hiệu, chuẩn SEO, dễ bàn giao. Mọi ngành nghề.