Sàn Next.js + Strapi CMS
Front-end Next.js (SSG cho catalog, SSR cho checkout). CMS Strapi cho team marketing tự đăng bài + đổi banner. Hosting Vercel.
Case minh hoạ phương pháp · P1 Website
Sàn TMĐT vertical mỹ phẩm dược · từ WordPress chậm sang nền tảng riêng
Một sàn thương mại điện tử vertical chuyên mỹ phẩm dược tại Việt Nam, traffic 200.000 lượt/tháng, conversion 0.8%, site WordPress đầy plugin chậm như rùa. Đây là cách Sinh Vũ chạy P1 Website, từ Smart Interview 9 chiều đến nền tảng riêng tăng tốc và conversion sau 60 ngày.
Case minh hoạ phương pháp. Tên sàn TMĐT + danh mục sản phẩm cụ thể đã ẩn danh. Số liệu là ước lượng từ pattern Sinh Vũ vận hành 16 năm với khách e-commerce vertical.
9tuần
Brief đến launch chính thức
9chiều
Smart Interview P1
180trang
Catalog migrate sạch
60ngày
Onboarding team marketing
Bối cảnh
200k traffic, 0.8% conversion, WordPress 47 plugin
Khách của Sinh Vũ là một sàn TMĐT vertical chuyên mỹ phẩm dược, kết nối hiệu thuốc trên cả nước với 5.000 sản phẩm chăm sóc da theo công thức thuần dược. Vào năm thứ 3, traffic 200k lượt/tháng nhưng conversion chỉ 0.8%, thấp hơn benchmark ngành 2x.
Site đang chạy WordPress với WooCommerce, theme premium mua sẵn, 47 plugin tích luỹ qua 3 năm. Trang sản phẩm load 8 giây trên 3G, 4 giây trên 4G. Mobile checkout 7 bước, drop-off 78% ở bước nhập địa chỉ.
Mỗi lần em muốn đổi banner hero, em phải nhắn agency cũ. Họ trả lời sau 2 ngày. Đến lúc đổi xong thì sale đã hết. Em không cảm thấy đây là site của em.
. Trích từ buổi nghe ban đầu với CEO
Đó là tổ hợp pain Sinh Vũ thường gặp với e-commerce vertical: nền tảng generic không vừa với business cụ thể. WordPress làm được tất cả ở mức trung bình, không xuất sắc ở cái gì. Khi business scale, vết nứt mở rộng.
Tiếp cận
9 chiều Sinh Vũ nghe trước khi đụng code
P1 Website không bắt đầu bằng vẽ giao diện. Bắt đầu bằng Smart Interview 9 chiều với CEO, marketing manager, content lead, và 1 nhân viên CSKH. Mục tiêu: hiểu cấu trúc business + user journey thật, không phải bê template e-commerce vào.
1
User journey thật
5 luồng chính khách dùng site: tìm sản phẩm theo công dụng, theo dược chất, theo loại da, theo thương hiệu, theo combo. Mỗi luồng có pattern khác.
2
Catalog logic
5.000 sản phẩm tổ chức thế nào. Category vs tag vs filter. Search behavior. Bao nhiêu lớp navigation tối ưu.
3
Mobile-first reality
78% traffic là mobile. Mạng 4G phổ biến, 3G còn nhiều ở tỉnh. Bandwidth budget cho mỗi trang là bao nhiêu KB.
4
Checkout flow
Bước nào dropout cao nhất, vì sao. 5 phương thức thanh toán Việt Nam (COD, chuyển khoản, ví điện tử, thẻ, trả góp). Address Việt Nam 2 cấp mới.
5
Trust signal
Mỹ phẩm dược cần trust mạnh: giấy phép, dược sĩ tư vấn, review khách thật. Trust signal cần hiển thị ở đâu, mức độ nào.
6
Tốc độ vs hiệu ứng
Core Web Vitals target. LCP < 2.5s, INP < 200ms. Khách tỉnh dùng 3G phải load được trang sản phẩm < 4s.
7
Content workflow
Marketing manager đăng 30 bài/tháng. Content lead viết bài blog. Quy trình từ Notion → CMS → site phải mất bao nhiêu phút.
8
Tech stack ưu tiên
Nền tảng gì: headless commerce vs Shopify vs custom. Trade-off chi phí, kiểm soát, scale, support team Việt Nam.
9
KPI 90 ngày
Conversion target, page speed target, content cadence. Đo thế nào, ai chịu trách nhiệm.
Output Smart Interview là brief kỹ thuật + chiến lược UX 24 trang. 9 quyết định nền tảng đã đóng đinh: stack, kiến trúc thông tin, checkout flow, content workflow, KPI. Khách ký duyệt trước khi Sinh Vũ đụng Figma.
Tiến trình
Chín tuần, ba bản nháp, một sàn TMĐT chạy mượt
Tuần 1-2
Nghe + audit hiện trạng
Smart Interview 9 chiều. Audit kỹ thuật site cũ: Core Web Vitals, plugin list, security. Phân tích Google Analytics 12 tháng. Báo cáo audit 22 trang.
Tuần 3-4
Wireframe + nguyên mẫu mobile-first
Wireframe 5 luồng user journey trên mobile trước, desktop sau. Nguyên mẫu Figma click-through cho 12 màn hình chính. Test với 8 user thật từ database khách.
Tuần 5-6
Thiết kế hệ thống + UI
Hệ token brand (Fiesta palette), component library 24 component. Thiết kế UI cho 24 màn hình. 2 vòng refine với team marketing.
Tuần 7
Build front-end + migrate catalog
Build Next.js + headless CMS (Strapi). Migrate 5.000 sản phẩm + 180 trang blog từ WordPress. Test 5 luồng user journey end-to-end.
Tuần 8
QA + tối ưu tốc độ + soft launch
Lighthouse audit, fix issue đến khi LCP < 2.5s và INP < 200ms trên 4G. Soft launch cho 20% traffic, A/B test với site cũ trong 5 ngày.
Tuần 9
Launch chính thức + onboarding team
Cutover 100% traffic. Onboarding 30 ngày cho marketing team: cách đăng bài, đổi banner, theo dõi analytics. Sinh Vũ standby Q&A trong 60 ngày.
Khác với agency truyền thống (giao xong là xong), Sinh Vũ giữ onboarding 60 ngày sau launch. Web tốt không phải web đẹp lúc demo, là web team tự update được mỗi tuần mà không cần Sinh Vũ.
Bàn giao
Cái khách nhận về một sàn TMĐT đứng vững 3 năm
Core Web Vitals đạt target
LCP 1.8s, INP 140ms, CLS 0.04 trên mobile 4G. Mỗi sản phẩm cache CDN edge, hình ảnh AVIF tự convert. Site hơn 2x nhanh trước đây.
Checkout 3 bước Việt Nam
Gộp 7 bước cũ thành 3 bước. Tích hợp 5 phương thức thanh toán Việt Nam. Địa chỉ 2 cấp mới (Tỉnh → Phường). Auto-fill cho khách quen.
Search + filter thông minh
Search với typo tolerance tiếng Việt. Filter theo công dụng + dược chất + loại da. Mỗi filter có URL share được. SEO tối ưu cho 5.000 sản phẩm.
Onboarding 60 ngày team
5 buổi workshop cho marketing + CSKH + content team. Recording video. Notion playbook quy trình đăng bài, đổi banner, theo dõi analytics.
Q&A + monitoring 60 ngày
Sinh Vũ standby Q&A trong 60 ngày sau launch. Monitoring Core Web Vitals + uptime real-time. Báo cáo tuần.
Khác với template e-commerce (đổi màu là xong), P1 Website Sinh Vũ là nền tảng vừa với business thật. Catalog logic đúng với cách khách tìm, checkout phù hợp với hành vi Việt Nam, content workflow vừa sức team marketing.
Sau ba tháng
Conversion không cần A/B mới biết tăng, tốc độ thấy ngay
Website tốt không đo bằng giải thưởng Awwwards, đo bằng conversion thật. Sau ba tháng từ launch:
Conversion rate tăng từ 0.8% lên 2.1% trên cùng nguồn traffic cũ. Mobile conversion tăng mạnh hơn desktop (1.9% so với 0.6% trước). Average order value tăng 12% do filter tốt hơn, khách dễ tìm thêm sản phẩm cross-sell.
Marketing team tự đăng 32 bài/tháng qua Strapi CMS, không cần ticket agency. Mỗi bài từ Notion lên site mất 12 phút. Banner đổi hằng tuần theo campaign, không phụ thuộc agency cũ.
Page speed mở rộng SEO ranking: site lọt top 5 cho 24 từ khoá organic chính (trước đó top 20 cho 8 từ). Traffic organic tăng 38% trong 3 tháng nhờ Core Web Vitals đạt target Google.
Em đổi banner cho campaign mùa hè trong 5 phút. Sale chạy được luôn buổi sáng đó. Em không cảm thấy phải xin ai để thay đổi site của em nữa.
. Phản hồi marketing manager sau 90 ngày
Nếu chuyện này quen với anh chị
Site WordPress đầy plugin, team không tự update được?
Mỗi sàn TMĐT vertical Sinh Vũ làm P1 đều có catalog logic khác nhau. Pattern thì giống: nghe sâu 9 chiều, mobile-first, checkout vừa với Việt Nam, onboarding 60 ngày team. Tham khảo Smart Interview P1 để Sinh Vũ hiểu sơ business anh chị trước khi gặp.