Nam Group · SOH WORLD · Web Design & Development Proposal

Đối Tác Của BạnYour Partner

25+ Năm Kinh Nghiệm Xây Dựng Nền Tảng Số Hiệu Suất Cao25+ Years of Experience Building High-Performance Digital Platforms

Saigon Digital là agency số toàn diện chuyên về nền tảng web cao cấp, kiến trúc CMS headless, và trải nghiệm số tập trung vào hiệu suất. Đội ngũ lãnh đạo của chúng tôi mang đến hơn 25 năm kinh nghiệm quốc tế thực tế, làm việc với các thương hiệu tại Việt Nam, Đông Nam Á, Châu Âu và Bắc Mỹ trong lĩnh vực bất động sản, du lịch nghỉ dưỡng, công nghệ và thương mại điện tử.Saigon Digital is a full-service digital agency specialising in premium web platforms, headless CMS architectures, and performance-driven digital experiences. Our leadership team brings over 25 years of combined hands-on international experience, working across Vietnam, Southeast Asia, Europe, and North America for brands in real estate, hospitality, technology, and eCommerce.

25+

Năm Kinh Nghiệm NgànhYears of Industry Experience

$25M+

Tác Động Nền Tảng & Doanh ThuPlatform & Revenue Impact

90%

Khách Hàng Tiếp Tục Hợp TácClients Continue Beyond First Project

15+

Quốc Gia Đã Phục VụCountries Served

Dự Án Tiêu BiểuSelected Case Studies

Kinh Nghiệm Với Các Dự Án Tương TựExperience With Similar Projects

Ski.com

Du Lịch & Nghỉ DưỡngTravel & Resort

Xây dựng lại toàn bộ nền tảng đặt chỗ nghỉ dưỡng trượt tuyết hàng đầu. Thiết kế immersive, tích hợp booking engine Expedia, CMS headless cho đội marketing tự quản lý nội dung. Nền tảng hỗ trợ hệ sinh thái doanh thu hàng triệu đô la mỗi năm.Complete rebuild of the leading ski holiday booking platform. Immersive design, Expedia booking engine integration, headless CMS for self-managed content. Platform supporting a multi-million dollar annual revenue ecosystem.

Next.js Prismic CMS Expedia API

Kenno

Tài Chính & Cổng Đầu TưFinance & Investor Portal

Website doanh nghiệp và cổng nhà đầu tư bảo mật cho công ty quản lý tài sản Bắc Âu. Dashboard dữ liệu tài chính thời gian thực, kiến trúc headless, và CMS linh hoạt. Thể hiện khả năng xây dựng nền tảng doanh nghiệp phức tạp với yêu cầu bảo mật cao.Corporate website and secure investor portal for a Nordic asset management firm. Real-time financial data dashboards, headless architecture, and flexible CMS. Demonstrates our ability to build complex enterprise platforms with demanding security requirements.

React HubSpot CMS AWS Cloud

SOVA

SOVA Assessment

Nền Tảng & CMSPlatform & CMS

Xây dựng hệ thống 30+ component tái sử dụng, page builder cho đội marketing, tích hợp HubSpot. Thể hiện năng lực xây dựng CMS linh hoạt để đội ngũ phi kỹ thuật tự quản lý — yêu cầu quan trọng của Nam Group.Built 30+ reusable components, marketing page builder, HubSpot integration. Demonstrates our ability to build flexible CMS for non-technical teams — a key Nam Group requirement.

Next.js Strapi CMS HubSpot

Xem Tất Cả Case StudiesView All Case Studies →

Đội Ngũ Lãnh Đạo Với 25+ Năm Kinh Nghiệm Kỹ ThuậtLeadership With 25+ Years Combined Technical Experience

Founders thực chiến với kinh nghiệm agency quốc tế và am hiểu thị trường nội địa, dẫn dắt chiến lược, kiến trúc hệ thống, và quy trình bàn giao. Mọi dự án đều được senior leadership trực tiếp tham gia — không phải outsource cho đội ngũ junior.Hands-on founders with global agency and in-market experience, leading strategy, architecture, and delivery. Every project has direct senior leadership involvement — not outsourced to junior teams.

Bối Cảnh Dự ÁnProject Context

Một Hệ Sinh Thái Thương Hiệu, Không Chỉ Ba WebsiteOne Brand Ecosystem, Not Just Three Websites

Nam Group cần một hệ sinh thái số hoàn chỉnh: một website tập đoàn mới đại diện cho thương hiệu mẹ, cùng hai website tiểu dự án sống động thể hiện tham vọng và đẳng cấp của các dự án bất động sản nghỉ dưỡng. Cả ba website phải kết nối với nhau, chia sẻ DNA thương hiệu, và mỗi cái đều phải đạt tiêu chuẩn cao của các website tiểu dự án Thanh Long Bay trước đó (The Sea, The Song). Nam Group needs a complete digital ecosystem: a new corporate hub representing the parent brand, alongside two immersive sub-project sites that convey the ambition and class of its resort developments. All three sites must connect, share a brand DNA, and each must meet the high standard set by previous Thanh Long Bay sub-project sites (The Sea, The Song).

Cách duy nhất để thực hiện điều này trong một mức ngân sách hợp lý và một khung thời gian chặt chẽ là phương pháp shared platform — một design system, một CMS, một component library — tất cả ba website cùng được xây dựng và bảo trì như một hệ thống thống nhất, nhưng mỗi website vẫn giữ bản sắc riêng. Đây chính xác là phương pháp chúng tôi đã áp dụng cho Ski.com (xem case study bên dưới), giúp họ ra mắt hơn 30 website trong một năm trên cùng nền tảng. The only way to deliver this within a reasonable budget and a tight timeline is the shared platform approach — one design system, one CMS, one component library — where all 3 sites are built and maintained as a unified system, while each retains its own distinct identity. This is exactly the approach we took for Ski.com (see case study below), which let them launch 30+ websites in a single year on the same platform.

90ha

Tổng Thanh Long BayThanh Long Bay Total

22ha

Phân Khu SOH WORLDSOH WORLD Subdivision

1.7km

Mặt Tiền BiểnBeachfront

1,000+

Tiện Ích Dự KiếnPlanned Facilities

Những Gì Chúng Tôi Nhận ThấyWhat We Understand

1

Công Cụ Tái Định Vị Thương HiệuBrand Repositioning Vehicle

Đây không phải dự án bảo trì. SOH WORLD đang được tái định vị, và website là kênh chính để truyền tải bản sắc thương hiệu mới, tầm nhìn và giá trị đề xuất tới cả khách hàng trong nước và quốc tế.This isn't a maintenance project. SOH WORLD is being repositioned, and the website is the primary channel for communicating the new brand identity, vision, and value proposition to both domestic and international buyers.

2

Kể Chuyện Bằng Hình Ảnh Sống ĐộngImmersive Visual Storytelling

Bất động sản nghỉ dưỡng bán bằng cảm xúc và khát vọng. Website phải tạo ra trải nghiệm giác quan — hình ảnh toàn màn hình, video điện ảnh và chuyển cảnh mượt mà đưa khách truy cập đến Mũi Kê Gà trước khi họ bắt đầu liên hệ.Resort real estate sells on emotion and aspiration. The site must create a sensory experience — full-bleed imagery, cinematic video, and smooth transitions that transport visitors to Ke Ga Cape before they've even enquired.

3

Hệ Thống Thu Hút Khách HàngLead Generation Engine

Mỗi trang đều phải hỗ trợ mục tiêu chuyển đổi cốt lõi: thu thập yêu cầu tư vấn. Vị trí form chiến lược, CTA hấp dẫn, và quy trình đăng ký tư vấn mượt mà — tối ưu cho thiết bị di động, nơi phần lớn người mua bất động sản Việt Nam bắt đầu tìm kiếm.Every page must support the core conversion goal: capturing consultation requests. Strategic form placement, compelling CTAs, and a frictionless enquiry flow — optimised for mobile where the majority of Vietnamese property searches begin.

4

Trưng Bày Sản Phẩm — Không Phải Thương Mại Điện TửProduct Showcase — Not Ecommerce

Mặt bằng, loại căn hộ, bảng giá tham khảo và tình trạng sẵn có cần được trình bày rõ ràng mà không cần xây dựng hệ thống thương mại điện tử. Website trưng bày sản phẩm và thúc đẩy yêu cầu tư vấn; đội ngũ bán hàng sẽ chốt giao dịch.Floor plans, unit types, pricing guides, and availability need to be presented clearly without building an ecommerce system. The site showcases products and drives enquiries; the sales team closes.

5

Trung Tâm Khuếch Đại MarketingMarketing Amplification Hub

Website phải tích hợp với các hoạt động marketing rộng hơn của Nam Group — hỗ trợ chiến dịch mạng xã hội, thông cáo báo chí, quảng bá sự kiện và cập nhật dự án với nội dung mới, dễ quản lý.The website must integrate with Nam Group's broader marketing activities — supporting social campaigns, press releases, event promotion, and project updates with fresh, easily managed content.

6

Quản Lý Nội Dung Không Cần Kỹ ThuậtNon-Technical Content Management

Đội marketing của Nam Group cần đăng tin tức, cập nhật tiến độ dự án, quản lý thư viện ảnh và điều chỉnh giá mà không cần lập trình viên hỗ trợ. CMS thân thiện với người dùng là yêu cầu thiết yếu, không phải tùy chọn.Nam Group's marketing team needs to publish news, update project progress, manage galleries, and adjust pricing without developer involvement. A user-friendly CMS is essential, not optional.

Vì Sao Dự Án Này Cần Tư Duy Chiến LượcWhy This Project Needs Strategic Thinking

Năm Thách Thức Định Hình Cách Tiếp CậnFive Challenges That Define the Approach

Mỗi thách thức dưới đây có tác động trực tiếp đến định hướng thiết kế, lựa chọn công nghệ và kiến trúc nội dung.Every challenge below has a direct impact on design direction, technology choice, and content architecture.

1. Tái Định Vị Đòi Hỏi Ngôn Ngữ Hình Ảnh Mới1. Repositioning Requires a New Visual Language

Các website tiểu dự án Thanh Long Bay trước đó đã thiết lập một bản sắc hình ảnh nhất định. Việc tái định vị SOH WORLD có nghĩa là website mới không thể đơn giản sao chép ngôn ngữ đó — mà phải phát triển nó. Thiết kế cần truyền tải tín hiệu về một chương mới, đồng thời duy trì đủ sự liên tục để khách hàng hiện tại nhận ra chất lượng của Nam Group. Điều này đòi hỏi một định hướng sáng tạo có cân nhắc kỹ lưỡng, không chỉ là một mẫu template.The previous Thanh Long Bay sub-project sites established a certain visual identity. SOH WORLD's repositioning means the new site cannot simply replicate that language — it must evolve it. The design needs to signal a new chapter while maintaining enough continuity that existing prospects recognise the Nam Group quality. This requires a considered creative direction, not just a template.

2. Bán Một Tầm Nhìn, Không Phải Sản Phẩm Hoàn Thiện2. Selling a Vision, Not a Finished Product

Dự án nghỉ dưỡng bán hàng ở nhiều giai đoạn xây dựng khác nhau. Website phải truyền tải sự tự tin và khát vọng ngay cả khi dựa vào phối cảnh 3D, quy hoạch tổng thể và CGI thay vì ảnh thực tế. Thiết kế phải nâng tầm các tài liệu này — trình bày phối cảnh kém sẽ giết chết niềm tin của người mua. Chúng tôi cần một chiến lược hình ảnh khiến CGI trông cao cấp và đáng tin cậy.Resort developments sell at various construction stages. The website must convey confidence and aspiration even when relying on renders, masterplans, and CGIs rather than finished photography. The design must elevate these materials — poor presentation of renders kills buyer confidence. We'll need a visual strategy that makes CGIs feel premium and trustworthy.

3. Hành Trình Mua Nhà Ưu Tiên Di Động Của Người Việt3. Mobile-First Vietnamese Buyer Journey

Hơn 70% lượt tìm kiếm bất động sản tại Việt Nam bắt đầu từ thiết bị di động, thường qua các liên kết giới thiệu từ Zalo hoặc Facebook. Website phải tải nhanh, hiển thị đẹp và chuyển đổi hiệu quả trên di động trước tiên — với desktop là trải nghiệm nâng cao. Biểu mẫu, thư viện ảnh và mặt bằng đều phải hoạt động hoàn hảo trên màn hình nhỏ với điều kiện mạng tại Việt Nam.Over 70% of Vietnamese property searches start on mobile, often via Zalo or Facebook referral links. The site must load fast, look stunning, and convert on mobile first — with desktop as the enhanced experience. Forms, galleries, and floor plans must all work flawlessly on small screens with Vietnamese network conditions.

4. Kể Chuyện Vị Trí Như Lợi Thế Cạnh Tranh4. Location Storytelling as a Competitive Advantage

Mũi Kê Gà, ngọn hải đăng cổ nhất Đông Nam Á, cao tốc Dầu Giây – Phan Thiết, vị trí gần sân bay Phan Thiết — câu chuyện vị trí của SOH WORLD rất mạnh mẽ. Nhưng nó cần được kể bằng hình ảnh và không gian, không nên chôn vùi trong văn bản. Bản đồ tương tác, chỉ báo khoảng cách và cập nhật tiến độ hạ tầng có thể biến vị trí thành yếu tố chuyển đổi chính.Ke Ga Cape, Southeast Asia's oldest lighthouse, the Dau Giay-Phan Thiet Expressway, proximity to Phan Thiet Airport — SOH WORLD's location story is powerful. But it needs to be told visually and spatially, not buried in text. Interactive maps, distance indicators, and infrastructure progress updates can turn location into a key conversion driver.

5. Nội Dung Luôn Được Cập Nhật5. Content That Stays Fresh

Website dự án nghỉ dưỡng nhanh chóng trở nên lỗi thời nếu tiến độ xây dựng, tin tức và nội dung sự kiện không được cập nhật thường xuyên. CMS phải giúp đội ngũ Nam Group dễ dàng đăng cập nhật, thêm ảnh vào thư viện và quản lý tình trạng mặt bằng — giữ cho website sống động như một công cụ bán hàng, không phải một brochure tĩnh.Resort project websites quickly become stale if construction updates, news, and event content aren't regularly refreshed. The CMS must make it effortless for Nam Group's team to publish updates, add gallery items, and manage floor plan availability — keeping the site alive as a living sales tool, not a static brochure.

Hướng Sáng TạoCreative Direction

“Coastal Luxury Meets Modern Living”“Coastal Luxury Meets Modern Living”

Concept thiết kế cho SOH WORLD xoay quanh sự kết hợp giữa vẻ đẹp thiên nhiên ven biển Ke Ga và kiến trúc hiện đại, tinh tế của dự án. Website phải tạo cảm giác như đang bước vào một resort cao cấp — rộng rãi, yên tĩnh, nhưng đầy sức sống. Mỗi trang là một trải nghiệm, không phải một bản tin.The design concept for SOH WORLD revolves around the harmony between Ke Ga's natural coastal beauty and the project's modern, refined architecture. The website must feel like stepping into a premium resort — spacious, serene, yet vibrant. Every page is an experience, not a bulletin.

Bảng Màu Đề XuấtProposed Colour Palette

Trải Nghiệm CinematicCinematic Experience

Hero section toàn màn hình với video hoặc hình ảnh full-bleed. Chuyển trang mượt mà với parallax scrolling và fade-in animation. Mỗi section tạo nhịp thở riêng — giống như lướt qua một cuốn lookbook nghỉ dưỡng cao cấp, không phải cuộn qua một trang web bất động sản thông thường.Full-screen hero sections with video or full-bleed imagery. Smooth page transitions with parallax scrolling and fade-in animations. Each section creates its own rhythm — like browsing a premium resort lookbook, not scrolling through a typical real estate site.

Không Gian ThởGenerous White Space

Thiết kế sử dụng nhiều khoảng trắng — để hình ảnh render và CGI có không gian tỏa sáng. Không nhồi nhét thông tin. Typography thanh lịch, sans-serif hiện đại, kích thước lớn cho tiêu đề. Mỗi element có phòng để “thở” — phản ánh cảm giác rộng rãi của chính dự án.Generous use of white space — giving renders and CGIs room to breathe. No information cramming. Elegant sans-serif typography, large heading sizes. Every element has room to “breathe” — reflecting the spaciousness of the project itself.

Bản Đồ Tương TácInteractive Location Map

Thay vì bản đồ tĩnh, chúng tôi đề xuất bản đồ tương tác hiển thị khoảng cách đến các điểm quan trọng: sân bay Phan Thiet, cao tốc Dầu Giây, sân bay Long Thành, trung tâm Phan Thiết, và hải đăng Ke Ga. Click để xem chi tiết — biến vị trí thành lợi thế bán hàng.Instead of a static map, we propose an interactive map showing distances to key landmarks: Phan Thiet Airport, Dau Giay Expressway, Long Thanh Airport, Phan Thiet centre, and Ke Ga Lighthouse. Click to reveal details — turning location into a sales advantage.

Mobile-First & Zalo ReadyMobile-First & Zalo Ready

Hơn 70% traffic sẽ đến từ mobile qua Zalo và Facebook. Thiết kế mobile-first với gallery vuốt ngang, form đăng ký gọn gàng, nút Zalo nổi, và tải trang dưới 3 giây trên 4G. Desktop là phiên bản mở rộng — không phải ngược lại.Over 70% of traffic will come from mobile via Zalo and Facebook. Mobile-first design with swipe galleries, compact registration forms, floating Zalo button, and sub-3-second load times on 4G. Desktop is the enhanced version — not the other way around.

Tham Khảo Phong CáchStyle References

Chúng tôi đã tham khảo các website con của Thanh Long Bay trước đây (The Sea, The Song) để hiểu ngôn ngữ thị giác hiện tại. SOH WORLD sẽ nâng cấp phong cách đó — hiện đại hơn, tinh tế hơn, với animation mượt mà hơn và trải nghiệm di động tốt hơn. Chi tiết creative direction sẽ được hoàn thiện trong giai đoạn Discovery.We have reviewed the previous Thanh Long Bay sub-project websites (The Sea, The Song) to understand the existing visual language. SOH WORLD will elevate that style — more modern, more refined, with smoother animations and a better mobile experience. Detailed creative direction will be finalised during the Discovery phase.

Kiến Trúc Giải PhápSolution Architecture

Sáu Hạng Mục, Một Nền Tảng Hoàn ChỉnhSix Workstreams, One Immersive Platform

Mỗi hạng mục có sản phẩm bàn giao rõ ràng và mối liên kết với nhau. Cấu trúc này đảm bảo sản phẩm cuối cùng mang tính thống nhất, không phải lắp ghép.Each workstream has clear deliverables and dependencies. This structure ensures the final product feels cohesive, not assembled.

1

Khám Phá & Định Hướng Sáng TạoDiscovery & Creative Direction

Workshop tái định vị thương hiệu, đánh giá website đối thủ (các tiểu dự án Thanh Long Bay, Vinhomes, Sun Group), kiến trúc thông tin, hoàn thiện sơ đồ trang, bảng mood-board và phê duyệt định hướng sáng tạo. Chúng tôi thiết lập DNA thiết kế trước khi đặt bất kỳ pixel nào.Brand repositioning workshop, competitive site audit (Thanh Long Bay subs, Vinhomes, Sun Group), information architecture, sitemap finalisation, visual mood-boarding, and creative direction sign-off. We establish the design DNA before a single pixel is placed.

2

Thiết Kế UX/UIUX/UI Design

Thiết kế ưu tiên di động, trải nghiệm sống động trên tất cả template trang chính. Hero toàn màn hình, tích hợp video điện ảnh, bản đồ vị trí tương tác, trình duyệt mặt bằng và form thu thập khách hàng. Prototype Figma độ trung thực cao với hai vòng chỉnh sửa.Mobile-first, immersive design across all key page templates. Full-bleed hero sections, cinematic video integration, interactive location map, floor plan browser, and lead capture forms. High-fidelity Figma prototypes with two rounds of revisions.

3

CMS & Kiến Trúc Nội DungCMS & Content Architecture

Thiết lập CMS headless với các mô hình nội dung cho trang dự án, loại căn hộ, mặt bằng, bài viết tin tức, thư viện ảnh và form khách hàng. Quyền xuất bản theo vai trò cho đội marketing. Cấu trúc nội dung ưu tiên tiếng Việt.Headless CMS setup with content models for project pages, unit types, floor plans, news articles, gallery items, and lead forms. Role-based publishing for the marketing team. Vietnamese-first content structure.

4

Phát Triển FrontendFrontend Development

Frontend hiệu suất cao xây dựng trên Next.js. Hiệu ứng cuộn mượt mà, tải ảnh/video tối ưu, thư viện lazy-load, trình xem mặt bằng tương tác và breakpoint responsive. Mục tiêu điểm Lighthouse: 90+ trên di động.High-performance frontend built on Next.js. Smooth scroll animations, optimised image/video loading, lazy-loaded galleries, interactive floor plan viewer, and responsive breakpoints. Lighthouse score targets: 90+ on mobile.

5

Thu Thập Khách Hàng & Phân TíchLead Capture & Analytics

Form đăng ký tư vấn với cấu trúc dữ liệu sẵn sàng cho CRM, theo dõi tham số UTM, thiết lập Google Analytics 4, tích hợp Facebook Pixel và theo dõi sự kiện chuyển đổi. Mọi nguồn khách hàng đều có thể truy xuất được.Consultation registration forms with CRM-ready data structure, UTM parameter tracking, Google Analytics 4 setup, Facebook Pixel integration, and conversion event tracking. Every lead source is attributable.

6

QA, SEO & Ra MắtQA, SEO & Launch

Kiểm thử đa trình duyệt/thiết bị, thiết lập SEO tiếng Việt (meta tags, sitemap, schema markup), tối ưu hiệu suất, SSL và triển khai từ staging lên production. Giám sát sau ra mắt và đào tạo CMS cho đội ngũ Nam Group.Cross-browser/device testing, Vietnamese SEO setup (meta tags, sitemap, schema markup), performance optimisation, SSL, and staging-to-production deployment. Post-launch monitoring and CMS training for the Nam Group team.

Kiến Trúc Thông TinInformation Architecture

9 Trang Chính + Nội Dung Quản Lý Qua CMS9 Core Pages + CMS-Managed Content

Mỗi trang có mục đích rõ ràng trong hành trình mua hàng — từ nhận biết đến yêu cầu tư vấn.Each page has a defined purpose in the buyer journey — from awareness through to enquiry.

TrangPage	Mục ĐíchPurpose	Tính Năng ChínhKey Features	Giai Đoạn MuaBuyer Stage
Trang ChủHomepage	Ấn tượng đầu tiên & trung tâm điều hướngFirst impression & navigation hub	Video/ảnh hero, điểm nổi bật dự án, số liệu chính, CTA liên hệ tư vấnHero video/image, project highlights, key stats, CTA to enquire	Nhận BiếtAwareness
Tổng Quan Dự ÁnProject Overview	Kể chuyện quy hoạch & tầm nhìnMasterplan & vision storytelling	Đồ họa quy hoạch, phân khu, tiện ích nổi bật, hồ sơ chủ đầu tưMasterplan graphic, subdivision breakdown, amenity highlights, developer profile	Quan TâmInterest
Vị TríLocation	Lợi thế cạnh tranh & khả năng tiếp cậnCompetitive advantage & accessibility	Bản đồ tương tác, chỉ báo khoảng cách, tiến độ hạ tầng, câu chuyện Mũi Kê GàInteractive map, distance markers, infrastructure progress, Ke Ga Cape story	Quan TâmInterest
Trải NghiệmExperience	Trưng bày phong cách sống & tiện íchLifestyle & amenities showcase	Danh mục tiện ích, thể thao biển, khu giải trí, chăm sóc sức khỏe, F&BAmenity categories, marine sports, nightlife quarter, wellness, F&B	Khao KhátDesire
Thiết KếDesign	Triết lý kiến trúc & thiết kếArchitecture & design philosophy	Phối cảnh, câu chuyện kiến trúc xanh, bảng vật liệu, giải thưởngRenders, green architecture story, material palette, awards	Khao KhátDesire
Mặt Bằng / Sản PhẩmFloor Plans / Products	Loại căn hộ & tình trạngUnit types & availability	Trình duyệt loại căn, tải mặt bằng, bảng giá, tình trạng sẵn cóUnit type browser, floor plan downloads, pricing guide, availability status	Cân NhắcConsideration
Thư ViệnGallery	Bằng chứng hình ảnh & khát vọngVisual proof & aspiration	Thư viện ảnh, video tour, tiến độ xây dựng, quay flycamImage gallery, video tours, construction progress, drone footage	Khao KhátDesire
Tin Tức & Cập NhậtNews & Updates	Uy tín & tính cập nhật của dự ánProject credibility & freshness	Bài viết/tin tức, cột mốc xây dựng, sự kiện, báo chíBlog/news feed, construction milestones, event coverage, press mentions	Niềm TinTrust
Liên Hệ / Đăng KýContact / Register	Thu thập khách hàng & chuyển đổiLead capture & conversion	Form tư vấn, liên hệ điện thoại/Zalo, bản đồ văn phòng, cam kết thời gian phản hồiConsultation form, phone/Zalo contact, office map, response time promise	Hành ĐộngAction

Nút Liên Hệ Cố ĐịnhSticky Lead Capture

Ngoài trang Liên Hệ riêng, một CTA tư vấn cố định sẽ xuất hiện trên tất cả các trang — dưới dạng nút nổi (di động) hoặc form sidebar (desktop). Điều này đảm bảo không khách truy cập có nhu cầu cao nào phải tìm cách liên hệ, bất kể họ đang ở đâu trên website.In addition to the dedicated Contact page, a persistent enquiry CTA will appear across all pages — either as a floating button (mobile) or sidebar form (desktop). This ensures no high-intent visitor has to search for how to get in touch, regardless of where they are in the site.

Wireframe MẫuSample Wireframes

Bố Cục Đề Xuất Cho 3 Trang Quan Trọng NhấtProposed Layout For The 3 Most Critical Pages

Đây là wireframe mức cao thể hiện cấu trúc và luồng nội dung. Thiết kế chi tiết sẽ được phát triển trong giai đoạn UX/UI Design sau khi Discovery hoàn tất.These are high-level wireframes showing content structure and flow. Detailed designs will be developed in the UX/UI Design phase after Discovery is complete.

Video / Hero Image

Trang ChủHomepage

Hero video toàn màn hình → Stats nổi bật → 3 điểm nhấn dự án → Gallery preview → CTA đăng ký tư vấnFull-screen video hero → Key stats → 3 project highlights → Gallery preview → Consultation CTA

Interactive Map

Vị TríLocation

Bản đồ tương tác → Khoảng cách đến các điểm quan trọng → Hạ tầng giao thông → Câu chuyện Ke Ga → CTAInteractive map → Distance to landmarks → Infrastructure → Ke Ga story → CTA

Mặt Bằng / Sản PhẩmFloor Plans / Products

Filter theo loại căn hộ → Hình mặt bằng + thông số → Trạng thái → Tải PDF → Nút đăng ký tư vấnFilter by unit type → Floor plan image + specs → Status → PDF download → Enquiry button

Lưu Ý Quan TrọngImportant Note

Wireframe trên thể hiện cấu trúc nội dung và luồng tương tác, không phải thiết kế cuối cùng. Thiết kế high-fidelity với hình ảnh, màu sắc, typography, và animation sẽ được phát triển trong giai đoạn UX/UI Design (Tuần 2–4) sau khi hoàn tất Discovery và được duyệt creative direction.The wireframes above show content structure and interaction flow, not final design. High-fidelity designs with imagery, colour, typography, and animation will be developed in the UX/UI Design phase (Week 2–4) after Discovery is complete and creative direction is approved.

Mockup Tương TácLive Mockups

Bốn Hướng Đi Cho Cùng Một Câu ChuyệnFour Directions For The Same Story

Thay vì wireframe tĩnh, chúng tôi đã dựng sẵn bốn mockup hoàn chỉnh, có thể tương tác trực tiếp ngay trong proposal này. Mỗi định hướng là một câu trả lời khác về tông giọng, nhịp điệu và cảm xúc — nhưng cùng phục vụ một mục tiêu duy nhất: tái định vị SOH WORLD ở đẳng cấp resort cao cấp nhất Việt Nam. Hãy click “Mở mockup” để xem toàn màn hình.Instead of static wireframes we have built four complete, fully interactive homepage mockups embedded directly inside this proposal. Each one is a different answer in tone, rhythm and emotion — but all serve the same goal: to reposition SOH WORLD at the most considered tier of Vietnamese resort real estate. Click “Open mockup” to view full screen.

Cách đọc trang này. Các mockup dưới đây đã được xây dựng đầy đủ bằng HTML — không phải hình chụp. Bạn có thể mở từng cái ra, scroll qua hero, location, experience, design, residences, gallery và form đăng ký. Những con số, tên villa, bản đồ và nội dung là nội dung mẫu để đánh giá hướng thẩm mỹ — không phải nội dung cuối cùng.How to read this page. The mockups below are fully-built HTML — not screenshots. You can open each one and scroll through hero, location, experience, design, residences, gallery and enquiry form. Numbers, villa names, the map and copy are placeholder content meant only to evaluate the aesthetic direction — not the final content.

Bước tiếp theo. Sau khi review, hãy chọn hướng đi phù hợp nhất với DNA của Nam Group. Trong giai đoạn UX/UI Design (Tuần 2–4), chúng tôi sẽ phát triển hướng đó thành hệ thống thiết kế đầy đủ — typography, color tokens, motion language, component library — cho cả ba sub-site.Next step. After review, pick the direction that best fits Nam Group's DNA. In the UX/UI Design phase (Week 2–4), we will develop the chosen direction into a full design system — typography, colour tokens, motion language and component library — for all three sub-sites.

Direction 01 Open Mockup ↗

i. Direction One

Midnight Editorial

Tạp chí đêm — điện ảnh & thi vịA magazine after dark — cinematic & literary

Lấy cảm hứng từ Vogue, Aman Resorts và những cuốn coffee-table book ảnh nghệ thuật. Nền màu mực đêm sâu, chữ serif Fraunces in nghiêng, accent vàng đồng kim loại, layout grid bất đối xứng theo phong cách báo chí cao cấp. Mỗi section được đánh số như chương sách (“№ 01 / Chapter I”). Phù hợp với khách hàng am hiểu nghệ thuật, thích sự kín đáo và ngôn ngữ kể chuyện chậm rãi.Inspired by Vogue editorials, Aman Resorts brand books and high-end coffee-table photography monographs. Deep ink background, italic Fraunces serif display, warm metallic gold accents, asymmetric editorial grid. Each section is numbered like a book chapter (“№ 01 / Chapter I”). Built for an art-literate buyer who values discretion and a slow, narrative voice.

MoodCinematic, literaryCinematic, literary

TypographyFraunces · Manrope

Phù hợp vớiBest forBuyer trầm, mê nghệ thuậtDiscreet art-literate buyer

Palette

Direction 02 Open Mockup ↗

ii. Direction Two

Ocean Immersion

Đại dương ngập tràn — rộng, sáng & cảm xúcAn ocean you fall into — wide, bright, immersive

Cảm hứng Six Senses, Soneva, Casa Cook. Hero và section toàn màn hình với hiệu ứng ken-burns chậm rãi, palette trắng xương + xanh đại dương sâu + đồng thau. Chữ serif Italiana siêu mảnh kết hợp sans-serif Outfit hiện đại. Có thanh index cố định bên phải, marquee song ngữ Việt–Anh, la bàn trang trí. Đây là lựa chọn “wow” nhất — cảm xúc đập vào mắt ngay từ giây đầu tiên.Inspired by Six Senses, Soneva and Casa Cook. Full-bleed hero and full-screen sections with slow ken-burns motion, bone-white + deep ocean teal + brass palette. Ultra-thin Italiana display paired with modern Outfit sans. Fixed right-side section index, bilingual Vietnamese–English marquee, decorative compass. This is the most “wow” option — emotion hits in the first second.

MoodBừng sáng, lãng mạnLuminous, romantic

TypographyItaliana · Outfit

Phù hợp vớiBest forMass-affluent quốc tếInternational mass-affluent

Palette

Direction 03 Open Mockup ↗

iii. Direction Three

Quiet Luxury

Sang trọng tĩnh lặng — chuẩn bảo tàng & tinh tếA library, not a brochure — museum-grade restraint

Phong cách monograph nghệ thuật — cảm hứng Aman, Hôtel des Grands Boulevards, sách kiến trúc Phaidon. Tone be vàng + xanh sage + mực, không gian âm rất rộng, font Cormorant Garamond cổ điển kết hợp Jost geometric. Bản đồ vẽ tay bằng SVG, caption kiểu “plate i, ii, iii” như catalogue triển lãm, đường chấm chấm phân chia. Đây là lựa chọn yên tĩnh nhất — nói khẽ nhưng có sức nặng cao nhất với buyer cao cấp.An art monograph aesthetic — inspired by Aman, Hôtel des Grands Boulevards and Phaidon architecture books. Warm oat + sage + ink palette, very generous negative space, classical Cormorant Garamond paired with geometric Jost. Hand-drawn SVG coast map, “plate i, ii, iii” museum-style captions, dotted-line dividers. This is the quietest option — it speaks softly but lands heaviest with a true high-net-worth buyer.

MoodTĩnh lặng, kiến trúcQuiet, architectural

TypographyCormorant · Jost

Phù hợp vớiBest forUHNW thuần Việt & quốc tếTrue UHNW VN & global

Palette

Direction 04 Open Mockup ↗

iv. Direction Four

Modern Architectural

Kiến trúc hiện đại — mạnh mẽ, đương đại & tự tinBold, contemporary, confident — built like a brand

Cảm hứng The Standard Hotels, Casa Cook, brand book của các studio kiến trúc Bắc Âu. Chữ Archivo Black siêu đậm cùng Instrument Serif in nghiêng, palette terracotta đất nung + xanh navy + bone, có tag “● NOW RELEASING” nhịp đập sống động, ticker chạy ngang, label monospace như tài liệu kỹ thuật. Đây là lựa chọn khác biệt nhất so với 3 cái trên — ít trang trí, nhiều confidence, cảm giác như một thương hiệu thực sự đang “launch”.Inspired by The Standard Hotels, Casa Cook and Scandinavian architecture studio brand books. Ultra-bold Archivo Black paired with italic Instrument Serif, terracotta + navy + bone palette, a live “● NOW RELEASING” pulse tag, horizontal news ticker, monospace technical-document labels. This is the most differentiated option from the other three — less ornament, more confidence, the feeling of a real brand “launching”.

MoodĐương đại, tự tinContemporary, confident

TypographyArchivo · Instrument Serif

Phù hợp vớiBest forBuyer trẻ, am hiểu thiết kếYounger design-literate buyer

Palette

Đây Là Mockup Thật, Không Phải Hình ẢnhThese Are Real Mockups, Not Images

Bốn bản mockup phía trên được dựng hoàn chỉnh bằng HTML, CSS và JavaScript — không phải Figma export hay screenshot. Điều đó có nghĩa: tốc độ tải, animation, responsive, micro-interaction đều là thật. Khi quý khách chọn một hướng đi, chúng tôi không phải “dựng lại từ đầu” — chúng tôi sẽ tinh chỉnh, mở rộng và phát triển nó thành hệ thống thiết kế đầy đủ trong giai đoạn UX/UI Design. Đây cũng chính là lợi thế quy trình AI-augmented của Saigon Digital: mockup chất lượng cao, có thể tương tác, được tạo ra trước khi proposal được ký.All four mockups above are built in real HTML, CSS and JavaScript — not Figma exports or screenshots. That means speed, animation, responsiveness and micro-interactions are all real. When you pick a direction, we are not “rebuilding from scratch” — we refine, expand and grow it into a full design system during the UX/UI Design phase. This is the Saigon Digital AI-augmented advantage: production-grade interactive mockups delivered before the proposal is even signed.

Sản Phẩm Bàn GiaoDeliverables

Chi Tiết Phạm Vi Công ViệcFull Scope Breakdown

Được phân loại theo danh mục sản phẩm bàn giao. Tất cả các hạng mục dưới đây đều nằm trong mức đầu tư cơ bản.Structured by deliverable category. All items below are included in the core investment.

Chiến Lược & Định Hướng Sáng TạoStrategy & Creative Direction

Workshop tái định vị thương hiệuBrand repositioning workshop
Đánh giá website đối thủCompetitor site audit
Kiến trúc thông tin & sơ đồ trangInformation architecture & sitemap
Mood-board & định hướng sáng tạoVisual mood-board & creative direction
Chiến lược nội dung & brief copywritingContent strategy & copywriting brief
Wireframe cho các template trang chínhWireframes for key page templates

Thiết Kế UX/UIUX/UI Design

Thiết kế trang chủHomepage design
Trang tổng quan dự ánProject Overview page
Trang vị trí với bản đồ tương tácLocation page with interactive map
Trang trải nghiệm / tiện íchExperience / Amenities page
Trang thiết kế / kiến trúcDesign / Architecture page
Trình duyệt mặt bằng / sản phẩmFloor Plans / Products browser
Trang thư viện (ảnh + video)Gallery page (image + video)
Danh sách + chi tiết tin tức / cập nhậtNews / Updates listing + detail
Trang liên hệ / đăng kýContact / Registration page
Header, footer & hệ thống điều hướngHeader, footer & navigation system
Breakpoint responsive trên di độngMobile-responsive breakpoints
Component thu thập khách hàng cố địnhSticky lead capture component

CMS & BackendCMS & Backend

Thiết lập & cấu hình nền tảng CMSCMS platform setup & configuration
Mô hình nội dung cho tất cả loại trangContent models for all page types
Quản lý mặt bằng / loại căn hộFloor plan / unit type management
Hệ thống xuất bản bài viết tin tứcNews article publishing system
Quản lý thư viện ảnh & videoImage & video gallery management
Bảng điều khiển form khách hàngLead form submissions dashboard
Quyền truy cập theo vai trò cho đội marketingRole-based access for marketing team
Thư viện media & quản lý tài nguyênMedia library & asset management

Phát Triển FrontendFrontend Development

Triển khai framework Next.jsNext.js framework implementation
Tất cả template trang đã thiết kếAll designed page templates
Hero video & hỗ trợ video nềnVideo hero & background video support
Bản đồ vị trí tương tácInteractive location map
Trình xem mặt bằng với tải xuốngFloor plan viewer with download
Thư viện lightbox ảnh & videoLightbox image & video gallery
Hiệu ứng cuộn mượt màSmooth scroll animations
Form đăng ký tư vấnConsultation registration form
Nút CTA nổi trên di độngFloating mobile CTA button
Tích hợp chat ZaloZalo chat integration

SEO, Phân Tích & Hiệu SuấtSEO, Analytics & Performance

Cấu trúc URL thân thiện SEO (tiếng Việt)SEO-friendly URL structure (Vietnamese)
Meta tags cho tất cả các trangMeta tags for all pages
Tạo XML sitemapXML sitemap generation
Thiết lập Google Analytics 4Google Analytics 4 setup
Tích hợp Facebook PixelFacebook Pixel integration
Theo dõi tham số UTMUTM parameter tracking
Tối ưu tốc độ trang (90+ Lighthouse)Page speed optimisation (90+ Lighthouse)
Chứng chỉ SSLSSL certificate

QA & Ra MắtQA & Launch

Kiểm thử đa trình duyệtCross-browser testing
Kiểm thử thiết bị di động (iOS + Android)Mobile device testing (iOS + Android)
Kiểm thử hiệu suất & tảiPerformance & load testing
Duyệt nội dung & phê duyệtContent review & sign-off
Môi trường staging cho UATStaging environment for UAT
Triển khai go-live & giám sátGo-live deployment & monitoring
Đào tạo CMS cho đội marketingCMS training for marketing team
Sửa lỗi sau ra mắt (30 ngày)Post-launch bug fix period (30 days)

Công NghệTechnology Stack

Prismic Headless CMS + Next.js — Cùng Phương Pháp Đã Giúp Ski.com Ra Mắt 30+ Website Trong 1 NămPrismic Headless CMS + Next.js — The Same Approach That Let Ski.com Launch 30+ Websites in 1 Year

Đối với hệ sinh thái Nam Group đòi hỏi 3 website cao cấp, nhất quán thương hiệu, và khả năng mở rộng, chúng tôi đề xuất Prismic headless CMS kết hợp với frontend Next.js — chính xác stack mà chúng tôi đã triển khai cho Ski.com. Cách tiếp cận này cho phép đội marketing Nam Group tự tạo các trang mới, landing page chiến dịch và website cho các tiểu dự án tương lai mà không cần lập trình viên — tất cả đều giữ được tính nhất quán thương hiệu nhờ hệ thống Prismic Slices (component blocks dùng chung). For a Nam Group ecosystem that demands 3 premium websites, brand consistency, and scalability, we recommend Prismic headless CMS paired with a Next.js frontend — the exact stack we deployed for Ski.com. This lets Nam Group's marketing team spin up new pages, campaign landing pages, and even future sub-project websites without developer involvement — all while staying perfectly on-brand thanks to Prismic Slices (shared component blocks).

CASE STUDY ĐÃ XÁC THỰCVERIFIED CASE STUDY Saigon Digital × Ski.com × Prismic

Cùng Một Phương Pháp Đã Giúp Ski.com Ra Mắt Hơn 30 Website Trong Một Năm — Trên Thương Hiệu, Nhất Quán, Và Có Khả Năng Mở RộngThe Same Approach That Let Ski.com Launch 30+ Websites in a Single Year — On-Brand, Consistent, and Scalable

Saigon Digital đã xây dựng lại Ski.com trên Prismic + Next.js, tạo ra một hệ thống component (Prismic Slices) mà đội marketing của họ có thể sử dụng để launch các website mới và landing page chiến dịch mà không cần lập trình viên. Trong năm đầu tiên sau ra mắt, đội Ski.com đã tự tay tạo và launch hơn 30 website — tất cả đều nhất quán về thương hiệu, hiệu suất, và SEO. Đây chính xác là phương pháp chúng tôi muốn áp dụng cho Nam Group.Saigon Digital rebuilt Ski.com on Prismic + Next.js, creating a component system (Prismic Slices) that their marketing team could use to launch new sites and campaign landing pages without developer involvement. In the first year after launch, the Ski.com team launched 30+ websites themselves — all perfectly on-brand, performant, and SEO-optimised. This is exactly the approach we want to apply for Nam Group.

“With Prismic slices, creating landing pages has never been easier. The system ensures every page stays perfectly on-brand without the complexity we’ve experienced with other page builders. It’s simple, efficient, and exactly what we needed.”

Harry Peisach · CEO, Ski.comCEO, Ski.com VERIFIED

30+

Website Đã Launch Trong 1 NămSites Launched in 1 Year

100%

Nhất Quán Thương HiệuOn-Brand Consistency

0

Lập Trình Viên Cần ThiếtDeveloper Hours per New Site

90+

Lighthouse ScoreLighthouse Score

Đọc Case Study Trên Prismic →Read the Case Study on Prismic → Xem Video Câu Chuyện Đầy Đủ →Watch the Full Story (Video) → Case Study của Saigon Digital →Saigon Digital Case Study →

Vì Sao Chọn CMS HeadlessWhy Headless CMS

Đội marketing được sử dụng giao diện chỉnh sửa trực quan, sạch sẽ để đăng tin tức, quản lý thư viện ảnh và cập nhật mặt bằng. Lập trình viên được kiểm soát toàn diện thiết kế và hiệu suất. Nội dung và giao diện độc lập — nên thay đổi thiết kế không ảnh hưởng đến quy trình nội dung.Your marketing team gets a clean, intuitive editing interface for publishing news, managing galleries, and updating floor plans. Developers get full control over design and performance. Content and presentation are independent — so design changes never break content workflows.

Vì Sao Chọn Next.jsWhy Next.js

Server-side rendering cho tốc độ tải trang tức thì và hiệu suất SEO. Tối ưu hình ảnh tích hợp sẵn — quan trọng cho website nghỉ dưỡng nặng media. Chuyển trang mượt mà và hiệu ứng cuộn tạo cảm giác sống động mà người mua nghỉ dưỡng kỳ vọng. Được các chủ đầu tư bất động sản cao cấp toàn cầu sử dụng.Server-side rendering for instant page loads and SEO performance. Image optimisation built-in — critical for a media-heavy resort site. Smooth page transitions and scroll animations that create the immersive feel resort buyers expect. Used by premium property developers globally.

So Sánh Nền TảngPlatform Comparison

Nền TảngPlatform	Phù Hợp NhấtBest For	Chỉnh Sửa Nội DungContent Editing	Xử Lý MediaMedia Handling	Hiệu SuấtPerformance	Đề XuấtOur Recommendation
Prismic	Nội dung có cấu trúc + rich mediaStructured content + rich media	Xuất sắcExcellent	Xuất sắcExcellent	Rất nhanhVery Fast	Khuyên dùngRecommended
WordPress	Giao diện quen thuộc, hệ sinh thái plugin lớnFamiliar editing, large plugin ecosystem	Rất tốtVery Good	TốtGood	Trung bìnhModerate	Phương án thay thế tốtGood alternative
Contentful	Vận hành nội dung doanh nghiệpEnterprise content operations	Rất tốtVery Good	TốtGood	NhanhFast	Quá phức tạp cho phạm vi nàyOver-engineered for this scope
Static HTML	Website brochure đơn giảnSimple brochure sites	Không cóNone	Thủ côngManual	NhanhFast	Không khuyến nghị — không có CMSNot recommended — no CMS

Vì Sao Không Dùng WordPress?Why Not WordPress?

WordPress có thể phù hợp cho các website bất động sản đơn giản hơn, và chúng tôi sẵn sàng triển khai nếu Nam Group có ưu tiên mạnh mẽ. Tuy nhiên, với yêu cầu nặng media và hiệu ứng chuyển động của dự án này, cách tiếp cận headless mang lại hiệu suất tốt hơn đáng kể, tương tác mượt mà hơn và cảm giác cao cấp hơn. Chúng tôi sẽ thảo luận trong giai đoạn khám phá và thống nhất phương án phù hợp nhất.WordPress can work for simpler property sites, and we're happy to implement it if Nam Group has a strong preference. However, for this project's media-heavy, animation-driven requirements, a headless approach delivers significantly better performance, smoother interactions, and a more premium feel. We'll discuss this in discovery and align on the best fit.

Hosting & Hạ TầngHosting & Infrastructure

Chúng tôi đề xuất Vercel hoặc Netlify cho hosting frontend (CDN toàn cầu, SSL tự động, triển khai không cần cấu hình) với backend Prismic được lưu trữ. Chi phí hạ tầng hàng tháng ước tính: khoảng $20–50/tháng. Nam Group không cần quản lý server.We recommend Vercel or Netlify for frontend hosting (global CDN, automatic SSL, zero-config deployments) with Prismic's hosted backend. Total monthly infrastructure cost: approximately $20–50/month. No server management required from Nam Group's side.

7 Giai Đoạn7 Stages

Quy Trình Bàn Giao Có Hệ ThốngA Structured Delivery Method

Quy trình của chúng tôi được tinh chỉnh qua hơn 12 năm bàn giao các nền tảng web cao cấp. Mỗi giai đoạn có sản phẩm rõ ràng, điểm phê duyệt và người chịu trách nhiệm — không có bất ngờ, không có lãng phí thời gian.Our process has been refined over 12+ years of delivering premium web platforms. Each stage has clear deliverables, approval checkpoints, and an accountable owner — no surprises, no wasted time.

1

Nghiên Cứu & Khám PháResearch & Discovery

Workshop với đội ngũ Nam Group, đánh giá đối thủ trong & ngoài nước, phỏng vấn các bên liên quan, kiểm toán namgroup.vn hiện tại, và thống nhất mục tiêu kinh doanh của tập đoàn và từng tiểu dự án. Sản phẩm: brief chiến lược, sơ đồ thông tin, ưu tiên KPI.Workshops with the Nam Group team, competitor benchmarking (local & international), stakeholder interviews, audit of the current namgroup.vn, and alignment on the corporate and sub-project commercial objectives. Output: strategic brief, information architecture, KPI priorities.

2

Wireframes & Kiến TrúcWireframes & Architecture

Wireframe low-fidelity cho website tập đoàn và 2 tiểu dự án, định nghĩa luồng người dùng, kiến trúc CMS dùng chung, mô hình nội dung, và sơ đồ liên kết giữa hub và các site con. Sản phẩm: wireframe Figma đã phê duyệt + cấu trúc CMS.Low-fidelity wireframes for the corporate hub and 2 sub-project sites, user flow definition, shared CMS architecture, content models, and the cross-linking map between hub and sub-sites. Output: approved Figma wireframes + CMS architecture.

3

Thiết Kế UX/UIUX/UI Design

Thiết kế hệ thống thiết kế tổng thể (design system) trên website tập đoàn, sau đó thiết kế bespoke hero & key pages cho từng tiểu dự án sử dụng cùng component library. Hai vòng chỉnh sửa cho mỗi site. Sản phẩm: file Figma full-fidelity đã phê duyệt.Design the master design system on the corporate hub, then bespoke hero & key pages for each sub-project using the shared component library. Two revision rounds per site. Output: approved full-fidelity Figma files.

4

Phát TriểnDevelopment

Frontend Next.js, CMS Prismic dùng chung cho cả 3 site, tích hợp form lead, bản đồ tương tác, trình xem mặt bằng, hệ thống gallery, hiệu ứng cuộn, và các API cần thiết. Triển khai song song giữa hub và sub-sites để rút ngắn thời gian.Next.js frontend, shared Prismic CMS instance powering all 3 sites, lead form integration, interactive maps, floor plan browser, gallery system, scroll animations, and required APIs. Hub and sub-sites built in parallel to compress timeline.

5

Kiểm Thử & QATesting & QA

Kiểm thử đa trình duyệt & đa thiết bị (iOS, Android, desktop), kiểm thử hiệu suất (Lighthouse 90+), kiểm thử bảo mật, kiểm thử khả năng tiếp cận, UAT với đội ngũ Nam Group trên môi trường staging. Sản phẩm: báo cáo QA + ký xác nhận UAT.Cross-browser & cross-device testing (iOS, Android, desktop), performance testing (Lighthouse 90+), security testing, accessibility testing, and UAT with the Nam Group team on staging. Output: QA report + signed-off UAT.

6

Ra MắtLaunch

Triển khai từ staging lên production, cấu hình DNS, SSL, CDN toàn cầu, giám sát thời gian thực trong 48 giờ đầu tiên, đào tạo CMS cho đội marketing Nam Group. Mỗi site được ra mắt theo phương pháp blue-green để loại bỏ downtime.Staging-to-production deployment, DNS configuration, SSL, global CDN, real-time monitoring during the first 48 hours, and CMS training for the Nam Group marketing team. Each site launches blue-green to eliminate downtime.

7

Tăng Trưởng & Tối ƯuGrowth & Optimisation

Bảo hành 30 ngày sau ra mắt, theo dõi hiệu suất hàng tuần, sửa lỗi ưu tiên, và đề xuất tối ưu chuyển đổi dựa trên dữ liệu thực. Tùy chọn retainer dài hạn để hỗ trợ phát triển tính năng và chiến dịch marketing tiếp theo.30-day post-launch warranty, weekly performance monitoring, priority bug fixes, and conversion optimisation recommendations based on real data. Optional long-term retainer for feature development and ongoing marketing support.

Đội Ngũ Chuyên TráchDedicated Team

Đội Ngũ Cao Cấp Tham Gia Trực TiếpA Senior Team Working Directly On Your Project

Mỗi dự án Nam Group sẽ có một đội ngũ chuyên trách gồm các chuyên gia senior. Không có outsource, không có junior. Đây là những người trực tiếp xây dựng và bàn giao 3 website của bạn.Every Nam Group project gets a dedicated team of senior specialists. No outsourcing, no juniors. These are the people directly building and delivering your 3 websites.

★

Account DirectorAccount Director

Điểm liên lạc cấp cao của bạn. Đảm bảo dự án phù hợp với mục tiêu kinh doanh của Nam Group và quản lý mối quan hệ chiến lược dài hạn. Trực tiếp tham gia các cuộc họp định kỳ và các điểm phê duyệt chính.Your senior point of contact. Ensures the project aligns with Nam Group's business objectives and manages the long-term strategic relationship. Personally attends recurring meetings and key approval checkpoints.

⚙

Delivery ManagerDelivery Manager

Giám sát chất lượng và quy trình bàn giao trên cả 3 website. Đảm bảo các tiêu chuẩn kỹ thuật, quy trình QA và phương pháp luận của Saigon Digital được tuân thủ nghiêm ngặt ở mọi giai đoạn.Oversees quality and delivery process across all 3 websites. Ensures Saigon Digital's technical standards, QA procedures, and delivery methodology are rigorously applied at every stage.

🕒

Project ManagerProject Manager

Quản lý hoạt động hàng ngày của dự án — lịch trình, cột mốc, phản hồi, và liên lạc với đội ngũ Nam Group. Cung cấp báo cáo tiến độ hàng tuần và theo dõi tất cả các yêu cầu, rủi ro và sự phụ thuộc.Runs the day-to-day operation of the project — schedule, milestones, feedback loops, and liaison with the Nam Group team. Provides weekly progress reports and tracks all requirements, risks, and dependencies.

🎨

Lead UX/UI DesignerLead UX/UI Designer

Định hướng sáng tạo và xây dựng hệ thống thiết kế tổng thể. Thiết kế trang chủ và các trang trọng điểm, đảm bảo nhất quán thương hiệu trên website tập đoàn và 2 tiểu dự án.Creative direction and master design system architect. Designs the homepage and key pages, ensuring brand consistency across the corporate hub and 2 sub-project sites.

</>

Senior Frontend EngineerSenior Frontend Engineer

Phát triển frontend Next.js, triển khai design system, hiệu ứng cuộn, tối ưu hiệu suất (Core Web Vitals), tích hợp media. Chuyên gia về trải nghiệm web sống động cho thương hiệu cao cấp.Builds the Next.js frontend, implements the design system, scroll animations, performance optimisation (Core Web Vitals), and media integration. Specialist in immersive web experiences for premium brands.

⚛

Senior Backend EngineerSenior Backend Engineer

Thiết lập kiến trúc CMS Prismic dùng chung, mô hình nội dung, API tích hợp, hệ thống form lead, webhook, và logic backend. Đảm bảo cả 3 website chia sẻ một backend hiệu quả và dễ bảo trì.Sets up the shared Prismic CMS architecture, content models, integration APIs, lead form system, webhooks, and backend logic. Ensures all 3 websites share one efficient, maintainable backend.

✓

QA EngineerQA Engineer

Kiểm thử có hệ thống trên các trình duyệt, thiết bị và tình huống sử dụng. Kiểm thử hiệu suất, bảo mật, khả năng tiếp cận và regression. Quản lý chu trình UAT với đội ngũ Nam Group trên môi trường staging.Systematic testing across browsers, devices, and user scenarios. Performance, security, accessibility, and regression testing. Manages the UAT cycle with the Nam Group team on staging.

📊

SEO & Analytics LeadSEO & Analytics Lead

Chiến lược SEO tiếng Việt, schema markup, cấu trúc URL, tối ưu Core Web Vitals, thiết lập GA4, tracking chuyển đổi và Facebook Pixel. Đảm bảo cả 3 website được tìm thấy và đo lường ngay từ ngày ra mắt.Vietnamese SEO strategy, schema markup, URL structure, Core Web Vitals optimisation, GA4 setup, conversion tracking, and Facebook Pixel. Ensures all 3 websites are findable and measurable from day one.

☆

Founder & CEO — Nick RoweFounder & CEO — Nick Rowe

Giám sát chiến lược cấp cao, đánh giá thiết kế và bàn giao, và là điểm leo thang cuối cùng cho mọi vấn đề. Mọi dự án Saigon Digital đều có sự tham gia trực tiếp của founder — đây là cam kết của chúng tôi.High-level strategic oversight, design and delivery reviews, and the final escalation point for any issue. Every Saigon Digital project has direct founder involvement — this is our commitment.

9 Chuyên Gia Senior · 1 Đội Ngũ Thống Nhất9 Senior Specialists · 1 Unified Team

Tổng cộng 9 chuyên gia senior trực tiếp tham gia dự án Nam Group. Không có outsource ra nước ngoài. Không có agency phụ. Mọi người đều ngồi tại văn phòng TP. Hồ Chí Minh hoặc làm việc từ xa toàn thời gian với Saigon Digital. Bạn có thể gặp trực tiếp bất kỳ thành viên nào trong bất kỳ thời điểm nào của dự án.A total of 9 senior specialists working directly on the Nam Group project. No offshore outsourcing. No sub-agencies. Everyone is based at our Ho Chi Minh City office or works full-time remotely with Saigon Digital. You can meet any team member in person at any point in the project.

Lộ Trình 12 Tuần12-Week Roadmap

Bàn Giao 3 Website Trong 3 Tháng3 Websites Delivered in 3 Months

Lộ trình tích cực nhưng khả thi nhờ phương pháp shared design system + CMS chung. Website tập đoàn được xây trước để thiết lập nền tảng, sau đó 2 tiểu dự án được phát triển song song trên cùng hệ thống — cho phép chúng tôi rút ngắn từ 5+ tháng xuống còn 3 tháng.An aggressive but achievable roadmap thanks to the shared design system + unified CMS approach. The corporate hub is built first to establish the foundation, then both sub-project sites are developed in parallel on the same system — letting us compress what would normally take 5+ months into 3.

Tuần 1–2Week 1–2

Nghiên Cứu & Khám PháResearch & Discovery

Workshop với Nam Group, đánh giá định hướng cho hub mới + The Sea / The Song, nghiên cứu đối thủ, phỏng vấn các bên liên quan, xác định kiến trúc thông tin cho cả 3 site và mối quan hệ giữa hub và các tiểu dự án. Sản phẩm: brief chiến lược + sơ đồ trang đã phê duyệt.Workshops with Nam Group, direction-setting for the new corporate hub + The Sea / The Song, competitor research, stakeholder interviews, and information architecture for all 3 sites including the hub-to-sub-site relationship. Output: strategic brief + approved sitemaps.

Tuần 2–3Week 2–3

Wireframes & CMS ArchitectureWireframes & CMS Architecture

Wireframe low-fidelity cho website tập đoàn và 2 tiểu dự án. Định nghĩa shared CMS architecture, content models, và component library dùng chung. Sản phẩm: wireframe Figma + cấu trúc CMS đã phê duyệt.Low-fidelity wireframes for the corporate hub and 2 sub-project sites. Define the shared CMS architecture, content models, and reusable component library. Output: approved Figma wireframes + CMS architecture.

Tuần 3–5Week 3–5

Thiết Kế UX/UIUX/UI Design

Thiết kế hệ thống thiết kế (design system) trên website tập đoàn. Sau đó thiết kế bespoke hero + key pages cho từng tiểu dự án sử dụng cùng design system. Hai vòng chỉnh sửa cho mỗi site. Sản phẩm: file Figma full-fidelity đã phê duyệt cho cả 3 site.Master design system built on the corporate hub. Then bespoke hero + key pages for each sub-project, reusing the same design system. Two revision rounds per site. Output: approved full-fidelity Figma files for all 3 sites.

Tuần 5–9Week 5–9

Phát Triển (Song Song)Development (Parallel)

Frontend Next.js + CMS Prismic dùng chung. Website tập đoàn được xây trước (tuần 5–6), sau đó 2 tiểu dự án được phát triển song song trên cùng nền tảng (tuần 6–9). Tích hợp form lead, bản đồ, gallery, và animations. Sản phẩm: 3 website staging hoạt động.Next.js frontend + shared Prismic CMS. Corporate hub built first (Weeks 5–6), then both sub-project sites developed in parallel on the same platform (Weeks 6–9). Lead form, map, gallery, and animation integrations. Output: 3 functional staging sites.

Tuần 9–11Week 9–11

Nội Dung, QA & UATContent, QA & UAT

Nội dung được đưa lên cả 3 site, kiểm thử đa trình duyệt & thiết bị, kiểm thử hiệu suất (Lighthouse 90+), kiểm thử bảo mật và accessibility, UAT với đội ngũ Nam Group trên môi trường staging. Sản phẩm: 3 website hoàn chỉnh sẵn sàng ra mắt + báo cáo QA.Content populated across all 3 sites, cross-browser & device testing, performance testing (Lighthouse 90+), security & accessibility testing, UAT with the Nam Group team on staging. Output: 3 launch-ready sites + QA report.

Tuần 11–12Week 11–12

Ra Mắt & Tăng TrưởngLaunch & Growth

Triển khai blue-green từ staging lên production cho cả 3 site, cấu hình DNS, SSL, CDN, giám sát 48 giờ đầu tiên, đào tạo CMS cho đội marketing Nam Group, và bắt đầu giai đoạn bảo hành 30 ngày + theo dõi hiệu suất. Sản phẩm: 3 website trực tuyến + đội ngũ đã được đào tạo.Blue-green deployment of all 3 sites from staging to production, DNS configuration, SSL, CDN, 48-hour launch monitoring, CMS training for the Nam Group marketing team, and start of the 30-day warranty + performance monitoring period. Output: 3 live websites + trained team.

Vì Sao 3 Tháng Là Khả ThiWhy 3 Months Is Achievable

Lộ trình rút gọn này khả thi vì cả 3 website chia sẻ một design system duy nhất và một CMS Prismic duy nhất. Website tập đoàn thiết lập nền tảng (component library, design tokens, content models), sau đó 2 tiểu dự án được xây dựng song song sử dụng các component đã có sẵn — chỉ cần bespoke hero và key visuals cho từng dự án. Cách tiếp cận này tiết kiệm 40–50% thời gian so với việc xây 3 website hoàn toàn riêng biệt.This compressed roadmap works because all 3 websites share one design system and one Prismic CMS. The corporate hub establishes the foundation (component library, design tokens, content models), then both sub-project sites are built in parallel using the existing components — only bespoke hero treatments and key visuals are needed per project. This approach saves 40–50% of the time vs building 3 fully separate websites.

Điều Kiện Tiến ĐộTimeline Dependencies

Tiến độ 3 tháng giả định: tài liệu thương hiệu và phối cảnh cho cả 3 dự án do Nam Group cung cấp ngay từ đầu, phản hồi của khách hàng trong vòng 2 ngày làm việc cho mỗi cột mốc, một người ra quyết định duy nhất (hoặc chuỗi phê duyệt rõ ràng), và quyền truy cập hosting/tên miền được xác nhận trước khi phát triển. Chậm trễ trong cung cấp nội dung hoặc phê duyệt sẽ kéo dài tiến độ tương ứng.The 3-month timeline assumes: brand assets and renders for all 3 projects provided by Nam Group at kick-off, client feedback within 2 business days per milestone, a single decision-maker (or clear approval chain), and hosting/domain access confirmed before development begins. Delays in content delivery or approvals will extend the timeline proportionally.

Thương MạiCommercial

Tổng Mức Đầu Tư — 700,000,000 VNDTotal Investment — 700,000,000 VND

Một mức đầu tư trọn gói bao gồm cả 3 website: tập đoàn + 2 tiểu dự án. Bàn giao trong 3 tháng. Tất cả các hạng mục dưới đây đã được bao gồm.A single all-inclusive investment covering all 3 websites: corporate hub + 2 sub-project sites. Delivered in 3 months. Everything listed below is included.

Gói Trọn BộAll-Inclusive Package

Hệ Sinh Thái Số Nam GroupNam Group Digital Ecosystem

700,000,000 VND

Phí dự án trọn gói · 3 website · Bàn giao trong 3 thángAll-inclusive project fee · 3 websites · 3-month delivery

Website Tập Đoàn (Hub) — tạo dựng website doanh nghiệp mới của Nam GroupCorporate Hub Website — creating Nam Group's new corporate site
Website Tiểu Dự Án 1 — theo phong cách The Sea / The SongSub-Project Website 1 — in the spirit of The Sea / The Song
Website Tiểu Dự Án 2 — theo phong cách The Sea / The SongSub-Project Website 2 — in the spirit of The Sea / The Song
Hệ thống thiết kế (design system) dùng chungShared design system & component library
CMS Prismic headless dùng chung cho cả 3 siteSingle shared Prismic headless CMS powering all 3 sites
Frontend Next.js cho cả 3 websiteNext.js frontend for all 3 websites
Bản đồ vị trí tương tác cho từng dự ánInteractive location map per project
Trình duyệt mặt bằng / sản phẩm cho từng dự ánFloor plan / product browser per project
Thư viện ảnh & video lightboxImage & video lightbox gallery
Form lead + hệ thống thông báo (email + webhook)Lead form + notification system (email + webhook)
Tích hợp Zalo chatZalo chat integration
Thiết lập SEO tiếng Việt + schema markupVietnamese SEO setup + schema markup
Thiết lập GA4 + Facebook Pixel + UTM trackingGA4 + Facebook Pixel + UTM tracking setup
QA, UAT & ra mắt cho cả 3 siteQA, UAT & launch for all 3 sites
Đào tạo CMS cho đội marketing Nam GroupCMS training for the Nam Group marketing team
Bảo hành sửa lỗi 30 ngày sau ra mắt30-day post-launch bug fix warranty
Đội ngũ 9 chuyên gia senior chuyên tráchDedicated team of 9 senior specialists

Cách Phân Bổ Ngân SáchHow the Budget Is Allocated

Hạng MụcComponent	Mô TảDescription	% Ngân Sách% of Budget	VNDVND
Nền Tảng Dùng ChungShared Platform Foundation	Design system, CMS architecture, component libraryDesign system, CMS architecture, component library	40%	280,000,000
Website Tập ĐoànCorporate Hub Site	Tạo dựng corporate hub mới — bespoke design + devCreating the new corporate hub — bespoke design + dev	25%	175,000,000
Website Tiểu Dự Án 1Sub-Project Site 1	Bespoke hero + key pages trên design system chungBespoke hero + key pages on the shared design system	17.5%	122,500,000
Website Tiểu Dự Án 2Sub-Project Site 2	Bespoke hero + key pages trên design system chungBespoke hero + key pages on the shared design system	17.5%	122,500,000
Tổng CộngTotal		100%	700,000,000

Vì Sao Mức Đầu Tư Này Hợp Lý Cho 3 WebsiteWhy This Investment Works for 3 Websites

Phương pháp shared platform cho phép chúng tôi đầu tư phần lớn ngân sách (40%) vào việc xây dựng nền tảng dùng chung — design system, CMS architecture, và component library — sau đó tái sử dụng cho cả 3 website. Hai tiểu dự án chỉ cần ~17.5% mỗi site vì chúng kế thừa toàn bộ nền tảng đã được xây dựng trên website tập đoàn. Đây là phương pháp duy nhất để bàn giao 3 website cao cấp trong một mức ngân sách hợp lý — và nó cũng là phương pháp tốt nhất về dài hạn: một CMS để quản lý, một bộ component để bảo trì, và tính nhất quán thương hiệu trên toàn hệ sinh thái.The shared platform approach lets us invest the bulk of the budget (40%) in building the shared foundation — design system, CMS architecture, and component library — which is then reused across all 3 websites. The two sub-projects only need ~17.5% each because they inherit everything built on the corporate hub. This is the only way to deliver 3 premium websites within this budget — and it's also the best long-term approach: one CMS to manage, one component library to maintain, and brand consistency across the entire ecosystem.

Dịch Vụ Bổ Sung (Báo Giá Riêng)Optional Add-Ons (Quoted Separately)

Gói hỗ trợ retainer sau bảo hành: từ 38,000,000 VND/tháng · Viết nội dung tiếng Việt (mỗi site): từ 50,000,000 VND · Dịch thuật tiếng Anh: từ 38,000,000 VND · Tích hợp tour ảo 3D: từ 75,000,000 VND · Tích hợp CRM (HubSpot/Salesforce): từ 50,000,000 VNDPost-warranty support retainer: from 38,000,000 VND/month · Vietnamese copywriting (per site): from 50,000,000 VND · English translation: from 38,000,000 VND · 3D virtual tour integration: from 75,000,000 VND · CRM integration (HubSpot/Salesforce): from 50,000,000 VND

Cơ Hội Thị TrườngMarket Opportunity

Vì Sao Bình Thuận, Vì Sao Bây GiờWhy Binh Thuan, Why Now

Thị trường bất động sản nghỉ dưỡng ven biển Việt Nam đang bước vào chu kỳ tăng trưởng mới, được thúc đẩy bởi đầu tư hạ tầng và du lịch nội địa tăng vọt. Bình Thuận — và cụ thể là hành lang Mũi Kê Gà — đang nằm ở trung tâm cơ hội này. Vietnam's coastal resort real estate market is entering a new growth cycle, driven by infrastructure investment and surging domestic tourism. Binh Thuan — and the Ke Ga Cape corridor specifically — is positioned at the centre of this opportunity.

$30B+

Thị trường BĐS VN (2025)VN Real Estate Market (2025)

10.1%

CAGR đến 2030CAGR to 2030

57%

Tỷ lệ hấp thụ ven biển (2024)Coastal Absorption Rate (2024)

6M+

Khách quốc tế Q1 2025Int'l Arrivals Q1 2025

Hạ Tầng Mở Khóa Kết NốiInfrastructure Unlocking Access

Cao tốc Dầu Giây – Phan Thiết đã rút ngắn thời gian di chuyển từ TP. Hồ Chí Minh xuống dưới 2 giờ. Sân bay Phan Thiết (công suất 2 triệu hành khách) và sân bay quốc tế Long Thành sẽ tiếp tục thúc đẩy nhu cầu bất động sản nghỉ dưỡng ven biển tại Bình Thuận.The Dau Giay–Phan Thiet Expressway has cut travel time from HCMC to under 2 hours. Phan Thiet Airport (2M passenger capacity) and Long Thanh International Airport will further accelerate demand for coastal resort properties in Binh Thuan.

Tìm Kiếm Bất Động Sản Số HóaDigital-First Property Research

Người mua Việt Nam nghiên cứu kỹ trực tuyến trước khi đến thăm — so sánh dự án, kiểm tra tiến độ xây dựng và đọc đánh giá. Một website cao cấp không phải là tùy chọn; đó là cuộc trò chuyện bán hàng đầu tiên bạn có với mọi khách hàng nghiêm túc.Vietnamese buyers research extensively online before visiting — comparing projects, checking construction progress, and reading reviews. A premium website isn't optional; it's the first sales conversation you have with every serious buyer.

Phục Hồi Bất Động Sản Nghỉ DưỡngResort Real Estate Recovery

Sau giai đoạn khó khăn 2023–2024, tỷ lệ hấp thụ bất động sản nghỉ dưỡng ven biển đã tăng gấp đôi trong năm 2024. Khách quốc tế tăng 134% so với trước COVID. Các dự án có thương hiệu mạnh và sự hiện diện kỹ thuật số đang dẫn đầu quá trình phục hồi.After a difficult 2023–2024, coastal hospitality real estate absorption doubled in 2024. International arrivals are up 134% vs pre-COVID. Projects with strong branding and digital presence are capturing the recovery first.

★

Kinh Nghiệm Bất Động Sản & Nghỉ Dưỡng Cao CấpPremium Property & Resort Experience

Chúng tôi đã xây dựng các nền tảng số sống động cho chủ đầu tư bất động sản và thương hiệu nghỉ dưỡng trên khắp Đông Nam Á. Chúng tôi hiểu cách chuyển tầm nhìn kiến trúc thành trải nghiệm số có khả năng bán hàng — không chỉ cung cấp thông tin.We've built immersive digital platforms for property developers and resort brands across Southeast Asia. We understand how to translate architectural vision into digital experiences that sell — not just inform.

⚙

Công Nghệ Hiện ĐạiModern Technology Stack

CMS headless, Next.js, hiệu ứng mượt mà, phân phối media tối ưu — chúng tôi xây dựng trên cùng công nghệ được các chủ đầu tư bất động sản hàng đầu toàn cầu sử dụng. Website của bạn sẽ nhanh, đẹp và phù hợp với tương lai.Headless CMS, Next.js, smooth animations, optimised media delivery — we build on the same technology used by leading global property developers. Your site will be fast, beautiful, and future-proof.

⚑

Hơn 12 Năm Tại Việt Nam12+ Years in Vietnam

Có trụ sở tại TP. Hồ Chí Minh từ năm 2013. Chúng tôi hiểu hành vi mua hàng của người Việt, yêu cầu UX ưu tiên di động, SEO nội địa và những gì cần để xây dựng niềm tin số trong thị trường này. Không có sự phỏng đoán từ xa.Based in Ho Chi Minh City since 2013. We understand Vietnamese buyer behaviour, mobile-first UX requirements, local SEO, and what it takes to build digital trust in this market. No offshore guesswork.

⚠

Chiến Lược Trước Thực ThiStrategy Before Execution

Đề xuất này thể hiện tư duy chiến lược bạn có thể kỳ vọng trong suốt dự án. Chúng tôi không chỉ xây dựng những gì có trong yêu cầu — chúng tôi thách thức, cải thiện và bàn giao sản phẩm thực sự chuyển đổi.This proposal demonstrates the strategic thinking you can expect throughout the project. We don't just build what's in the brief — we challenge it, improve it, and deliver something that actually converts.

🚀

Quy Trình Bàn Giao Chặt ChẽTight Delivery Process

Cột mốc rõ ràng, cập nhật hàng tuần, điểm phê duyệt xác định và không có bất ngờ. Chúng tôi vận hành bàn giao có hệ thống để bạn luôn biết tiến độ, những gì cần từ phía bạn và khi nào có kết quả.Clear milestones, weekly updates, defined approval checkpoints, and no surprises. We run structured delivery so you always know where things stand, what's needed from your side, and when to expect results.

∞

Đối Tác Lâu DàiLong-Term Partnership

Chúng tôi không biến mất sau khi ra mắt. Mô hình retainer của chúng tôi có nghĩa là hỗ trợ liên tục, tối ưu hiệu suất, cập nhật nội dung và phát triển tính năng khi SOH WORLD phát triển từ lúc ra mắt đến hết chu kỳ bán hàng.We don't disappear after launch. Our retainer model means ongoing support, performance optimisation, content updates, and feature development as SOH WORLD evolves from launch through full sales cycle.

Bảo Vệ Phạm ViScope Protection

Giả Định & Loại TrừAssumptions & Exclusions

Để đảm bảo sự đồng thuận và bảo vệ cả hai bên, các giả định sau áp dụng cho đề xuất này.To ensure alignment and protect both parties, the following assumptions apply to this proposal.

Giả Định Bao GồmIncluded Assumptions

✓ Tài liệu thương hiệu được cung cấp (logo, mã màu, phối cảnh, CGI, ảnh chụp)Brand assets provided (logo, colour codes, renders, CGIs, photography)
✓ Dữ liệu mặt bằng và thông số kỹ thuật căn hộ được cung cấp ở định dạng có cấu trúcFloor plan data and unit specifications provided in structured format
✓ Phản hồi của khách hàng trong vòng 3 ngày làm việc cho mỗi cột mốcClient feedback turnaround within 3 business days per milestone
✓ Xác định một người ra quyết định duy nhất hoặc chuỗi phê duyệt rõ ràngSingle decision-maker or clear approval chain identified
✓ Quyền truy cập tên miền và hosting được xác nhận trước khi phát triểnDomain and hosting access confirmed before development begins

Loại TrừExclusions

✗ Viết nội dung (tiếng Việt hoặc tiếng Anh) trừ khi báo giá riêngCopywriting (Vietnamese or English) unless separately quoted
✗ Chụp ảnh, quay video hoặc quay flycamPhotography, videography, or drone footage production
✗ Phối cảnh 3D hoặc CGI kiến trúc3D renders or architectural CGI creation
✗ Tích hợp hệ thống CRM hoặc ERP (báo giá riêng)CRM or ERP system integration (quoted separately)
✗ Quản lý chiến dịch quảng cáo trả phíPaid advertising campaign management

Sau Ra MắtAfter Launch

Chính Sách Bảo Hành & Bảo TrìWarranty & Maintenance Policy

Chúng tôi cam kết với sản phẩm của mình và cung cấp các cam kết hỗ trợ sau ra mắt rõ ràng.We stand behind our work and provide clear post-launch support commitments.

✓

Bảo Hành Sửa Lỗi 30 Ngày30-Day Bug Fix Warranty

Tất cả lỗi và khiếm khuyết được phát hiện trong 30 ngày sau ra mắt được sửa miễn phí. Điều này bao gồm các vấn đề chức năng, lỗi hiển thị và suy giảm hiệu suất — không bao gồm thay đổi phạm vi hoặc yêu cầu tính năng mới.All bugs and defects identified within 30 days of launch are fixed at no additional cost. This covers functional issues, display errors, and performance regressions — not scope changes or new feature requests.

🔒

Bảo Mật & Cập NhậtSecurity & Updates

Trong thời gian bảo hành, chúng tôi theo dõi các lỗ hổng bảo mật và áp dụng các bản vá quan trọng. Đối với bảo trì bảo mật liên tục sau 30 ngày, chúng tôi khuyến nghị gói hỗ trợ retainer (Phương Án B hoặc dịch vụ bổ sung).During the warranty period, we monitor for security vulnerabilities and apply critical patches. For ongoing security maintenance beyond 30 days, we recommend the support retainer (Option B or add-on).

⚒

Gói Hỗ Trợ Retainer (Tùy Chọn)Support Retainer (Optional)

Từ $1,500/tháng, gói retainer bao gồm cập nhật nội dung, bổ sung tính năng nhỏ, giám sát hiệu suất, báo cáo hàng tháng và thời gian phản hồi ưu tiên. Thanh toán hàng tháng, có thể hủy với thông báo 30 ngày.From $1,500/month, the retainer covers content updates, minor feature additions, performance monitoring, monthly reporting, and priority response times. Billed monthly, cancellable with 30 days notice.

Web Design & Development Proposal

Nam Group Hệ Sinh Thái SốDigital EcosystemWebsite Tập Đoàn + 2 Website Tiểu Dự ÁnCorporate Hub + 2 Sub-Project Websites

Nick Rowe

Giới Thiệu Saigon DigitalAbout Saigon Digital

25+ Năm Kinh Nghiệm Xây Dựng Nền Tảng Số Hiệu Suất Cao25+ Years of Experience Building High-Performance Digital Platforms

Kinh Nghiệm Với Các Dự Án Tương TựExperience With Similar Projects

Ski.com

Kenno

SOVA Assessment

Đội Ngũ Lãnh Đạo Với 25+ Năm Kinh Nghiệm Kỹ ThuậtLeadership With 25+ Years Combined Technical Experience

Hiểu Biết Của Chúng TôiOur Understanding

Một Hệ Sinh Thái Thương Hiệu, Không Chỉ Ba WebsiteOne Brand Ecosystem, Not Just Three Websites

Công Cụ Tái Định Vị Thương HiệuBrand Repositioning Vehicle

Kể Chuyện Bằng Hình Ảnh Sống ĐộngImmersive Visual Storytelling

Hệ Thống Thu Hút Khách HàngLead Generation Engine

Trưng Bày Sản Phẩm — Không Phải Thương Mại Điện TửProduct Showcase — Not Ecommerce

Trung Tâm Khuếch Đại MarketingMarketing Amplification Hub

Quản Lý Nội Dung Không Cần Kỹ ThuậtNon-Technical Content Management

Thách Thức ChínhKey Challenges

Năm Thách Thức Định Hình Cách Tiếp CậnFive Challenges That Define the Approach

1. Tái Định Vị Đòi Hỏi Ngôn Ngữ Hình Ảnh Mới1. Repositioning Requires a New Visual Language

2. Bán Một Tầm Nhìn, Không Phải Sản Phẩm Hoàn Thiện2. Selling a Vision, Not a Finished Product

3. Hành Trình Mua Nhà Ưu Tiên Di Động Của Người Việt3. Mobile-First Vietnamese Buyer Journey

4. Kể Chuyện Vị Trí Như Lợi Thế Cạnh Tranh4. Location Storytelling as a Competitive Advantage

5. Nội Dung Luôn Được Cập Nhật5. Content That Stays Fresh

Định Hướng Thiết KếDesign Concept

“Coastal Luxury Meets Modern Living”“Coastal Luxury Meets Modern Living”

Trải Nghiệm CinematicCinematic Experience

Không Gian ThởGenerous White Space

Bản Đồ Tương TácInteractive Location Map

Mobile-First & Zalo ReadyMobile-First & Zalo Ready

Tham Khảo Phong CáchStyle References

Giải Pháp Đề XuấtRecommended Solution

Sáu Hạng Mục, Một Nền Tảng Hoàn ChỉnhSix Workstreams, One Immersive Platform

Khám Phá & Định Hướng Sáng TạoDiscovery & Creative Direction

Thiết Kế UX/UIUX/UI Design

CMS & Kiến Trúc Nội DungCMS & Content Architecture

Phát Triển FrontendFrontend Development

Thu Thập Khách Hàng & Phân TíchLead Capture & Analytics

QA, SEO & Ra MắtQA, SEO & Launch

Sơ Đồ Trang Đề XuấtProposed Sitemap

9 Trang Chính + Nội Dung Quản Lý Qua CMS9 Core Pages + CMS-Managed Content

Nút Liên Hệ Cố ĐịnhSticky Lead Capture

Gợi Ý Giao DiệnInterface Concepts

Bố Cục Đề Xuất Cho 3 Trang Quan Trọng NhấtProposed Layout For The 3 Most Critical Pages

Trang ChủHomepage

Vị TríLocation

Mặt Bằng / Sản PhẩmFloor Plans / Products

Lưu Ý Quan TrọngImportant Note

Bốn Định Hướng Thiết KếFour Design Directions

Bốn Hướng Đi Cho Cùng Một Câu ChuyệnFour Directions For The Same Story

Midnight Editorial

Ocean Immersion

Quiet Luxury

Modern Architectural

Đây Là Mockup Thật, Không Phải Hình ẢnhThese Are Real Mockups, Not Images

Phạm Vi Công ViệcScope of Work

Chi Tiết Phạm Vi Công ViệcFull Scope Breakdown

Chiến Lược & Định Hướng Sáng TạoStrategy & Creative Direction

Thiết Kế UX/UIUX/UI Design

CMS & BackendCMS & Backend

Phát Triển FrontendFrontend Development

SEO, Phân Tích & Hiệu SuấtSEO, Analytics & Performance

QA & Ra MắtQA & Launch

Đề Xuất Kỹ ThuậtTechnical Recommendation

Prismic Headless CMS + Next.js — Cùng Phương Pháp Đã Giúp Ski.com Ra Mắt 30+ Website Trong 1 NămPrismic Headless CMS + Next.js — The Same Approach That Let Ski.com Launch 30+ Websites in 1 Year

Cùng Một Phương Pháp Đã Giúp Ski.com Ra Mắt Hơn 30 Website Trong Một Năm — Trên Thương Hiệu, Nhất Quán, Và Có Khả Năng Mở RộngThe Same Approach That Let Ski.com Launch 30+ Websites in a Single Year — On-Brand, Consistent, and Scalable

Vì Sao Chọn CMS HeadlessWhy Headless CMS

Vì Sao Chọn Next.jsWhy Next.js

So Sánh Nền TảngPlatform Comparison

Vì Sao Không Dùng WordPress?Why Not WordPress?

Hosting & Hạ TầngHosting & Infrastructure

Quy Trình Của Chúng TôiOur Process

Quy Trình Bàn Giao Có Hệ ThốngA Structured Delivery Method

Nghiên Cứu & Khám PháResearch & Discovery

Wireframes & Kiến TrúcWireframes & Architecture

Thiết Kế UX/UIUX/UI Design

Phát TriểnDevelopment

Kiểm Thử & QATesting & QA

Ra MắtLaunch