01
Discovery + wireframe
User journey, sitemap, wireframe low-fi. Validate với data trước khi design hi-fi.
dịch vụ · 08 / 10 · infrastructure
WebsiteLCP 0.9sSEO-first architecture.
WordPress, Shopify, Next.js, Webflow, WooCommerce. Fullstack team in-house — ship code trực tiếp, không qua dev của bạn.
WordPress + WooShopify + headlessNext.js ISRWebflowCore Web VitalsSEO-first
01 · số liệu biết nói — numbers
Bốn con số,
một phép đo:
Website Development.
Không vanity. Mỗi metric trên dashboard đều quy về ba dòng: traffic có intent, conversion rate, doanh thu.
LCP median portfolio
0.9s
Core Web Vitals threshold < 2.5s. Nằm trong nhóm tốt theo CrUX data.
INP median
120ms
threshold < 200ms. Nằm trong nhóm tốt theo CrUX data.
Dự án đã bàn giao
120+
ecom, SaaS, fintech, F&B, giáo dục.
Downtime uptime
99.98%
SLA production trên portfolio quản lý.
02 · deliverables · dev + ops
Chín hạng mục
— từ wireframe đến prod.
Không chỉ design đẹp. Website phải fast, crawlable, convert được.
02
UI/UX design system
Figma component library, design token, responsive breakpoint, dark-mode ready.
03
Frontend dev
Next.js / Nuxt / Webflow. Headless khi cần, monolith khi hợp. Không over-engineer.
04
Backend + CMS
WordPress + Woo, Shopify, Sanity, Strapi. API design RESTful / GraphQL.
05
Core Web Vitals
LCP < 1.2s, INP < 200ms, CLS < 0.05. Image optimization, font strategy, CDN.
06
Accessibility + i18n
WCAG 2.2 AA audit, keyboard + screen-reader test. i18n-ready cho đa ngôn ngữ.
07
SEO architecture
Crawl-friendly URL, schema, sitemap dynamic, canonical, hreflang nếu đa ngôn ngữ.
08
Analytics integration
GA4 + GTM server-side, consent management, ecommerce tracking chuẩn schema.
09
Maintenance + SLA
Security patch, backup, uptime monitoring, performance budget tracking.
03 · process · 90-day build
Sáu bước,
ship trước day 60.
MVP ship day 60. 30 ngày sau là refine + scale feature.
01
tuần 1–2
Discovery + scopegoal + user journey
Stakeholder interview, user journey, success metric, technical constraint.
- scope doc
- user journey
- tech audit
02
tuần 2–3
Wireframe + flowlow-fi + validate
Wireframe low-fi, validate với user test 5 người. Revise trước khi design hi-fi.
- wireframe
- user test
- revised sitemap
03
tuần 3–5
Design systemhi-fi + figma
Design hi-fi, component library, token system, responsive + a11y audit.
- figma pages
- design system
- a11y audit
04
tuần 5–10
Developmentfrontend + backend
Code split theo feature, CI/CD, staging env. Weekly demo với client.
- sprint plan
- ci/cd setup
- weekly demo
05
tuần 10–12
QA + performancecwv + a11y + security
Cross-browser, cross-device, Core Web Vitals, a11y audit, security scan.
- qa matrix
- cwv audit
- security scan
06
tuần 12 → ongoing
Launch + maintaingo-live + sla
Go-live plan, DNS cutover, rollback ready. Maintenance SLA 30/90/365.
- launch plan
- sla doc
- maintenance
04 · stack · dev tools
Stack linh hoạt,
không one-size-fits-all.
Chọn stack theo requirement + team skill client sau handover.
Frontend
- Next.js
- Nuxt.js
- Webflow
- Astro
CMS / Ecommerce
- WordPress + WooCommerce
- Shopify + Hydrogen
- Sanity
- Strapi
Infra + deploy
- Vercel
- Cloudflare
- AWS
- Netlify
Performance + QA
- Lighthouse CI
- WebPageTest
- Sentry
- Playwright
05 · results · dev wins
Bốn con số
đo bằng CWV + CVR.
Web tốt không phải web đẹp — là web fast, crawlable, convert được.
★ featured · ecom
Fashion D2C — rebuild Shopify headless, revenue +280% sau 6 tháng
Migration từ Shopify standard sang Hydrogen + Sanity. LCP 3.2s → 0.7s. PDP template rewrite, checkout optimization.
Đọc full case →0.7s
LCP (từ 3.2s)
+280%
revenue 6 tháng
+38%
CVR checkout
99.98%
uptime
Ví điện tử: Next.js migration, INP 120ms
WordPress → Next.js ISR, SEO-first, schema fintech đầy đủ.
0.9sLCP
+180%organic
SaaS pricing page: CVR 2.4× sau rewrite
Webflow migration, A/B pricing card, dynamic testimonial.
2.4×CVR
0.8sLCP
07 · lời kể — clients speak
Không phải chúng tôi — khách hàng nói.
Chọn lọc từ 40+ brand đã làm việc cùng từ 2019.
★ flagship case
"Sau 9 tháng, share-of-voice ngành tăng mạnh — dẫn đầu nhóm keyword commercial intent. SEO ON TOP không chỉ build traffic, họ build được một category — điều đội marketing in-house cả năm không làm được."
"ROI 5.2×, không tháng nào bỏ lỡ deadline content. Reporting chi tiết hơn cả BI team của chúng tôi."
"Họ từ chối 3 đề xuất của tôi vì biết sẽ không hiệu quả. Lần đầu tiên có agency dám nói không."
"Technical audit của họ tìm ra lỗi hreflang mà agency cũ missed 2 năm. Fix xong, +180% traffic EU."
"Từ 3tr CPL (paid) xuống 950K (organic-led). Toàn funnel được thiết kế như một sản phẩm."
"Sẵn sàng share raw data, không giấu metric xấu. Đó là lý do chúng tôi renew năm thứ 4."
"Content writer của họ đọc hồ sơ tín dụng trước khi viết. Lawyer của chúng tôi compliance không tấn công nổi."
"Chuyển từ 4 agency — đây là đội đầu tiên gửi weekly report mà tôi đọc kỹ từng dòng."
"Chiến lược của họ không phải 'lên keyword' — họ vẽ một chiến lược thương mại, SEO là kênh để thực thi."
"Sau 6 tháng organic traffic vượt paid. Lần đầu tiên CFO muốn tăng ngân sách SEO thay vì cắt."
"Họ chủ động nói tháng này không cần chạy content thêm. Agency khác chỉ biết bán thêm."
"Slack channel với họ buồn cười hơn team nội bộ. Làm việc như đồng nghiệp, không như vendor."
"Đội luật của chúng tôi duyệt content của SEO ON TOP với 0 chỉnh sửa. Hiếm gặp."
07 · faq · website
Sáu câu
hay được hỏi nhất.
Minh bạch về stack, ownership và maintenance.
01Stack nào tốt nhất?
Không có 'best'. Tuỳ traffic, team skill, ecosystem. Default: Next.js cho SaaS + content, Shopify cho ecom, WordPress cho publisher.
02Dev xong có maintain không?
Có. SLA 30/90/365 ngày. Security patch, backup, uptime monitoring, performance budget guard.
03Code có ownership cho client?
Có. Toàn bộ source code + infra thuộc về client. Repo Git, deploy config, API key — bàn giao đầy đủ.
04Thời gian build trung bình?
Landing/small site: 6–8 tuần. Ecom mid: 10–14 tuần. Enterprise: 16–24 tuần. Có MVP ship sớm hơn.
05Có làm mobile responsive?
Default. Mobile-first. Test trên device thật qua BrowserStack + thiết bị nội bộ.
06Chi phí?
Starter 120tr (landing + CMS). Mid 280–450tr (ecom mid). Enterprise 800tr+. Có proposal cố định, không hourly surprise.
→ tech scope trong 5 ngày
Share requirement,
nhận scope + timeline.
Chúng tôi phân tích requirement, recommend stack + architecture, trả về proposal cố định với timeline + cost + SLA.
- Technical scope · PDF 20 trang
- Stack recommendation + architecture diagram
- Timeline + cost breakdown theo sprint
- Call 60 phút với tech lead
1 ngàyphản hồi
10+năm chuyên gia
T2–T6giờ hành chính
0đaudit miễn phí