Bỏ qua tới nội dung
Case study · Xăm nghệ thuật · Website thật

Saigon Tattoo Studio

Website cho một tiệm xăm nghệ thuật ở trung tâm TP. Hồ Chí Minh. Người muốn xăm thường xem tay nghề chán chê rồi mới dám nhắn tin, nên cả trang được dựng quanh đúng thói quen đó: thư viện tác phẩm lọc theo dòng xăm, hồ sơ từng thợ, bảng giá công khai để khách tự ước lượng, rồi mới tới ô đặt lịch tư vấn.

Xem website đang chạy saigontattoo.mauweb.dev
Loại dự án
Giới thiệu & đặt lịch
Ngành
Xăm nghệ thuật
Mô hình
Xem tác phẩm rồi đặt lịch
Nền tảng
WordPress
saigontattoo.mauweb.dev
Trang chủ Saigon Tattoo Studio nền đen, ảnh hình xăm khổ lớn

Trang chủ để nền đen cho ảnh hình xăm nổi lên, chữ và ảnh hiện dần theo nhịp cuộn. (Cuộn trong khung để xem toàn trang)

Tính năng

Một cái web thay được nửa buổi trả lời tin nhắn

Tiệm xăm nào cũng gặp đúng mấy câu hỏi: có làm được kiểu này không, ai làm, bao nhiêu tiền, khi nào trống lịch. Trả lời từng người thì hết ngày. Website này đưa sẵn câu trả lời lên trang, để khách tự xem tới lúc đủ tin rồi mới để lại thông tin. Dưới đây là từng phần đã dựng.

01 — Thư viện tác phẩm

Khách xem tay nghề thật trước khi hỏi giá

Toàn bộ hình đã làm nằm gọn một chỗ, mỗi hình ghi rõ ai làm và xăm ở vị trí nào. Khách xem hết chín hình đầu rồi bấm xem tiếp, trang không tải lại từ đầu nên mạch xem không bị đứt. Đây là thứ quyết định phần lớn: người ta tin con mắt mình hơn tin lời quảng cáo.

  • Xem thêm từng đợt, khách lướt liền mạch không phải chờ tải trang
  • Mỗi hình có tên thợ, vị trí xăm, thời lượng ngồi
  • Ảnh để nguyên màu cho thấy đúng nước mực
Trang thư viện tác phẩm xăm, lưới ảnh ba cột sát nhau
02 — Trang từng hình

Mỗi hình xăm là một trang riêng, khách gửi link cho nhau được

Bấm vào một hình là ra trang riêng của nó: thợ nào làm, xăm ở đâu trên cơ thể, ngồi mấy buổi, thuộc dòng nào. Khách hay chụp màn hình gửi bạn bè hỏi ý kiến, có link riêng thì gửi thẳng cho gọn. Cuối trang dẫn tiếp sang hình cùng dòng và sang hồ sơ người thợ, khách xem một hình rồi xem tiếp năm hình nữa.

  • Ghi rõ thợ, vị trí, thời lượng, dòng xăm
  • Đường dẫn riêng cho từng hình, tiện gửi qua tin nhắn
  • Gợi ý hình cùng dòng và hồ sơ thợ ngay bên dưới
Trang chi tiết một hình xăm rồng đỏ kín lưng
03 — Bảy dòng xăm

Người tìm đúng dòng mình thích đã có sẵn một trang chờ

Irezumi Nhật Bản, tân truyền thống, đồ hoạ, tả thực, hình học, mảng đen, phác thảo. Mỗi dòng một trang riêng gom hết hình thuộc dòng đó. Khách quen kiểu Nhật thì vào thẳng trang Irezumi xem một mạch, khỏi lướt qua mấy chục hình không hợp gu. Người gõ tìm trên mạng theo tên dòng xăm cũng rơi vào đúng trang, chứ không rơi vào trang chủ rồi lạc.

  • Bảy trang riêng theo bảy dòng xăm
  • Thêm dòng mới hay đổi tên dòng đều làm trong trang quản trị
  • Trang nào chưa có hình thì tự ẩn, mặt tiền không lòi ra mục trống
Trang lọc theo dòng xăm Irezumi Nhật Bản
04 — Đội thợ

Sáu người thợ, khách chọn được người hợp tay mình

Xăm là chuyện theo người ta cả đời nên khách rất kỹ khoản chọn thợ. Trang đội ngũ bày đủ sáu người, ảnh chân dung chụp trong tiệm chứ không phải ảnh minh hoạ. Rê chuột vào là ảnh trở lại màu, một chi tiết nhỏ nhưng đủ làm trang bớt cứng.

  • Sáu thợ, mỗi người một trang riêng
  • Tiệm tự thêm người mới hoặc gỡ người nghỉ trong trang quản trị
  • Ô chọn thợ trong biểu mẫu đặt lịch tự cập nhật theo danh sách này
Trang đội ngũ thợ xăm, lưới sáu chân dung
05 — Hồ sơ thợ

Xem một người thợ là thấy luôn tay nghề của người đó

Mỗi thợ có trang riêng: sở trường, vài dòng tiểu sử, đường dẫn sang trang cá nhân, và quan trọng nhất là mấy tác phẩm tiêu biểu do chính người đó làm. Khách đọc xong thường đặt lịch thẳng với tên người vừa xem, thay vì nhắn chung chung rồi tiệm phải hỏi lại muốn ai làm.

  • Sở trường, tiểu sử, mạng xã hội của từng người
  • Tác phẩm tiêu biểu lấy thẳng từ thư viện, không phải chép tay hai lần
  • Đặt lịch ngay trong trang thợ, ô chọn thợ điền sẵn
Trang hồ sơ thợ xăm Khôi Ink kèm tác phẩm tiêu biểu
06 — Bảng giá

Giá để công khai, khách tự ước lượng trước khi nhắn

Nhiều tiệm giấu giá rồi ngày nào cũng ngồi trả lời "bao nhiêu tiền vậy shop". Web này bày thẳng ba bảng: giá theo kích thước hình, giá mấy dịch vụ khác như che hình cũ hay xoá bằng laser, và mấy dòng khó thì cộng thêm bao nhiêu phần trăm. Kèm năm dòng lưu ý nói rõ giá chốt sau khi xem hình, đặt cọc bao nhiêu, giá đã gồm những gì. Khách vào xem là biết mình đang ở tầm nào, người nhắn tin thường đã sẵn sàng chốt.

  • Ba bảng giá theo kích thước, dịch vụ khác và độ khó của dòng xăm
  • Nói rõ cái nào miễn phí, cọc bao nhiêu, giá gồm những gì
  • Tiệm tự sửa từng dòng giá, không cần nhờ ai
Trang bảng giá xăm theo kích thước hình và dịch vụ khác
07 — Đặt lịch

Đơn về thẳng một chỗ, không lạc trong đống tin nhắn

Biểu mẫu hỏi đúng thứ người thợ cần biết trước khi hẹn: muốn dòng nào, thích thợ nào, xăm chỗ nào trên người, và vài dòng kể ý tưởng. Khách điền xong thì đơn nằm gọn trong trang quản trị, kèm một email báo về hộp thư tiệm. Không còn cảnh đơn nằm rải trong tin nhắn Facebook, Instagram rồi trôi mất.

  • Chọn dòng xăm, chọn thợ, tick vị trí muốn xăm
  • Đơn lưu trong trang quản trị, có email báo ngay khi khách gửi
  • Có lớp chặn máy gửi rác, hộp thư đỡ ngập đơn ảo
Khối đặt lịch tư vấn với biểu mẫu chọn dòng xăm, thợ và vị trí
08 — Chăm sóc sau khi xăm

Hướng dẫn để sẵn trên web, khách đỡ nhắn hỏi lúc nửa đêm

Xăm xong ba ngày đầu là lúc khách lo nhất: da bong, ngứa, không biết có sao không. Trang này chia theo mốc thời gian, ba ngày đầu làm gì, hai tuần sau kiêng gì, về lâu dài giữ màu ra sao, và khi nào thì phải báo tiệm ngay. Người thợ chỉ cần gửi một đường dẫn thay vì gõ lại từ đầu cho từng khách.

  • Chia theo mốc thời gian, khách đang ở ngày nào đọc đúng phần đó
  • Nói rõ dấu hiệu bất thường cần báo tiệm
  • Một đường dẫn gửi được cho mọi khách vừa xăm xong
Trang hướng dẫn chăm sóc sau khi xăm chia theo mốc thời gian
09 — Giới thiệu & liên hệ

Nói thẳng cách tiệm làm việc, kể cả chuyện từ chối khách

Trang giới thiệu không kể lể thành tích mà nói đúng bốn chuyện khách quan tâm: tiệm là ai, làm việc theo trình tự nào, kim mực vệ sinh ra sao, và ai thì tiệm không nhận xăm. Cái mục cuối nghe ngược đời với bán hàng, nhưng đúng là thứ làm khách tin: một chỗ dám nói "trường hợp này chúng tôi không làm" thì nói cái gì cũng đáng tin hơn. Trang liên hệ ghi địa chỉ, giờ mở cửa và mấy dặn dò trước khi tới.

  • Cách tiệm làm việc từ lúc nhắn tin tới lúc chốt mẫu
  • Kim và đầu máy dùng một lần, mực có nguồn gốc rõ
  • Nói rõ trường hợp tiệm không nhận, khách đỡ mất công tới
Trang giới thiệu tiệm xăm, mục vệ sinh an toàn và ai không nên xăm
Cách khách chốt lịch

Gọi thẳng, hoặc để lại thông tin cho tiệm gọi lại

Số điện thoại và địa chỉ nằm sẵn ở đầu trang lẫn chân trang, ai vội thì gọi luôn. Ai còn đang cân nhắc thì điền biểu mẫu, nói rõ mình thích dòng nào và muốn ai làm, để buổi tư vấn đầu tiên đi thẳng vào việc. Buổi tư vấn và bản phác thảo đầu tiên tiệm làm miễn phí, chốt mẫu xong mới báo giá.

Gọi điện số hiện ở mọi trang Biểu mẫu đặt lịch chọn sẵn dòng xăm và thợ Phác thảo miễn phí chốt mẫu rồi mới báo giá Ghé tiệm xem tận mắt, không cần hẹn trước
Responsive

Phần lớn khách xem hình xăm bằng điện thoại

Người ta nằm lướt Instagram thấy một hình ưng ý rồi mới đi tìm tiệm, nên bản điện thoại phải xem cho đã mắt. Ảnh chiếm gần trọn bề ngang màn hình, menu mở ra là một trang trắng chữ đen cho dễ bấm, bảng giá đọc được mà không phải phóng to.

Trang chủ trên điện thoại
Trang chủ
Tác phẩm trên điện thoại
Tác phẩm
Bảng giá trên điện thoại
Bảng giá
Chỗ khó

Ba chỗ khó và cách gỡ

Web đầy ảnh mà vẫn phải nhẹMột tiệm xăm sống bằng ảnh, mà ảnh nhiều thì trang nặng, khách dùng mạng yếu là bỏ đi. Sau khi làm gọn lại toàn bộ thư viện và đoạn phim nền, trang chủ từ 12,85 MB còn 2,39 MB, trang bảng giá từ 13,65 MB còn 0,83 MB.
Hiệu ứng đẹp mà máy yếu vẫn mượtTrang có khá nhiều chuyển động. Phần hoạt ảnh nào bị che khuất thì tự nghỉ cho máy đỡ mệt, và ai đã tắt hiệu ứng chuyển động trong điện thoại thì web bỏ luôn phần chuyển động, cuộn thường cho dễ chịu.
Sau này đổi giao diện vẫn còn nguyên dữ liệuHồ sơ thợ, thư viện tác phẩm và đơn đặt lịch để tách khỏi phần giao diện. Vài năm nữa tiệm muốn thay áo mới cho web thì thay phần nhìn thôi, sáu hồ sơ thợ và mấy chục hình xăm vẫn nằm nguyên đó.
Công nghệ

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

WordPressTiệm tự thêm thợ, thêm hình, sửa giá
Giao diện làm riêngKhông dùng giao diện bán sẵn ngoài thị trường
Biểu mẫu đặt lịch riêngĐơn về thẳng trang quản trị, có chặn thư rác
Ảnh nén WebPXem trên mạng yếu vẫn tải nhanh
Phông tiếng Việt tải sẵnĐủ dấu, không phụ thuộc dịch vụ bên ngoài
Chuẩn SEOThẻ mô tả riêng từng trang, ảnh hiện đẹp khi gửi link
Siết bảo mậtGiấu tên đăng nhập, chặn dò tài khoản quản trị
ResponsiveGọn gàng trên mọi khổ màn hình
Không nhúng đồ bên thứ baKhách chưa bấm gì thì thông tin chưa đi đâu cả
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 một website khách xem xong là muốn đặt lịch?

Web22 nhận thiết kế website cho tiệm xăm, spa, thẩm mỹ và mọi ngành sống bằng tay nghề: thư viện tác phẩm bày đẹp, giá minh bạch, đặt lịch gọn về một chỗ, chuẩn SEO, bàn giao là bạn tự quản trị được.

Chat Zalo