Từ website giới thiệu thành một growth system có thể mở rộng.
D2 tái cấu trúc chính website của mình để chứng minh cách một business website nên kết nối positioning, landing page, proof, SEO, analytics và lead operations trong cùng một hệ thống.
Loại dự án
Internal Build
Phạm vi
Strategy · UX/UI · Development
Hệ thống
Website · SEO · Analytics · Lead Funnel
Thị trường
Việt Nam
Commerce
Creative
Web & AI
Growth architecture
Project brief
Bài toán không phải chỉ là làm lại giao diện.
Website cũ của D2 được xây quanh định vị Automation/AI Workflow. Khi doanh nghiệp chuyển sang ba năng lực Commerce Operations, Performance Creative và Web & AI, việc chỉ thay copy trên homepage không còn đủ.
Hệ thống mới phải hỗ trợ nhiều business unit, hàng chục landing page, solution, insight, case study, route SEO, CTA context và contact attribution — nhưng vẫn giữ trải nghiệm nhất quán và không làm codebase phình theo từng trang.
Nguyên tắc thiết kế
Mỗi nội dung mới phải là một entity, một route và một layout dùng lại — không phải một website con được hardcode riêng.
System architecture
Bốn lớp được thiết kế cùng lúc.
Website chỉ trở thành tài sản vận hành khi content, component, SEO và lead data cùng dùng một kiến trúc thống nhất.
Content system
Business unit, service, solution, industry, case study và insight được quản lý như content entities có cấu trúc.
Reusable page system
Shared layout và component cho phép thêm landing page mới mà không phải thiết kế lại toàn bộ website.
SEO & prerender
Canonical, metadata, structured data, sitemap và static HTML được sinh từ cùng một route registry.
Lead & measurement
CTA, service intent, solution intent, UTM, form validation, webhook và analytics dùng cùng một contact contract.
Information architecture
Một sitemap phục vụ nhiều buying journey.
Mỗi page type có một vai trò rõ trong hành trình nhận biết, đánh giá và gửi yêu cầu.
Homepage
Định vị Commerce Growth và dẫn khách tới đúng buying journey.
Business units
Commerce Operations, Performance Creative và Web & AI.
Service pages
Landing page chi tiết theo từng phạm vi triển khai.
Solutions
Commerce Growth, Brand Launch và B2B Demand Generation.
Work
Internal build và case study có bằng chứng kiểm tra được.
Insights
Operator guides liên kết trực tiếp với dịch vụ liên quan.
Contact
Một funnel thu lead duy nhất với attribution đầy đủ.
Legal & trust
Privacy, terms, security và thông tin doanh nghiệp.
Design system
Modern tech, nhưng vẫn ưu tiên khả năng đọc và chuyển đổi.
Visual giữ hiệu ứng 3D, glow, gradient và motion có kiểm soát. Component, spacing và hierarchy được chuẩn hóa để landing page mới vẫn cùng một thương hiệu.
Visual language
3D perspective, glow, gradient mesh và data-flow illustration.
Responsive system
Component và visual tự chuyển cấu trúc cho tablet và mobile.
Editorial hierarchy
Hero, section heading, label, body và proof được phân cấp rõ.
Conversion consistency
CTA chính luôn dẫn tới contact funnel có context.
Conversion architecture
Mọi CTA đi vào một funnel, nhưng không mất context.
Service, solution, template, UTM và landing page được giữ xuyên suốt từ click tới webhook để lead có thể đư ợc phân loại ngay khi vào hệ thống.
01
Landing page
Buyer đọc đúng service hoặc solution.
02
Context CTA
URL mang service, solution hoặc template intent.
03
Contact form
Field được preselect và validation dùng shared contract.
04
Webhook
Lead được POST server-side sang n8n.
05
Lead operations
Attribution, routing và follow-up dùng cùng payload.
Technical foundation
Thiết kế để sở hữu và tiếp tục phát triển.
Không có page builder lock-in hoặc logic ẩn. Domain, source code, content model, analytics và lead data đều thuộc quyền kiểm soát của doanh nghiệp.
React + Vite
SPA modular với route-level code splitting và production build tối ưu.
Structured content
Content model tách khỏi component để mở rộng theo chiều ngang.
Security foundation
CSP, security headers, validation và server-side webhook.
Analytics contract
Manual pageview, CTA event, form lifecycle và lead attribution.
SEO production layer
Prerender, sitemap, canonical và structured data theo route.
CI quality gate
Typecheck, contract tests, lint, Deno check và production build.
Deliverables
Những gì được bàn giao.
Positioning và information architecture
Sitemap và route architecture
Responsive UI system và reusable components
12 service landing pages và 3 solution landing pages
15 visual directions cho website theo ngành
SEO registry, structured data và static prerender
Contact funnel, webhook và attribution contract
Analytics event model và quality gates trong CI
Verified outputs
3
business unit systems
12
service landing pages
3
solution landing pages
15
website visual directions
Giới hạn của case study
Đây là Internal Build, vì vậy D2 chỉ công bố output và hệ thống kỹ thuật có thể kiểm tra — không trình bày conversion uplift hoặc business result khi chưa có baseline production đủ dài.
Build your website system
Website của bạn đang cần một giao diện mới hay một hệ thống mới?
Gửi website hiện tại, nhóm khách hàng và mục tiêu kinh doanh. D2 sẽ xác định vấn đề nằm ở positioning, architecture, conversion, công nghệ hay lead operations.
Gửi yêu cầu dự án website