Amela
Câu chuyện khởi tạo nền tảng mới của Growstack Co., Ltd.
ℹ︎Vì lý do bảo mật, tên doanh nghiệp, tên dự án và hình ảnh hệ thống đã được thay bằng tên giả và bản mô phỏng.

Một dòng tag, cho mọi websiteform

FormNest là nền tảng tạo form không cần code, lấy trung tâm là SDK form / khảo sát có thể nhúng vào website hiện có chỉ với “một dòng tag”. Ngay cả người không phải kỹ sư cũng có thể xuất bản form trong vài phút và quản lý tập trung dữ liệu thu thập một cách an toàn.

Câu chuyện khởi tạo một nền tảng mới, xây dựng nội bộ từ đầu, nhằm giải quyết các bài toán “mỗi lần cài đặt đều cần phát triển, người không phải kỹ sư không thao tác được, và việc dựng môi trường phụ thuộc vào cá nhân.”

Cài đặt form
Hoàn tất với một dòng tag
Thời gian tạo (lead time)
Xuất bản trong vài phút
Môi trường vận hành
IaC hóa 3 môi trường
Quản lý dữ liệu
Lưu trữ tập trung & an toàn
FormNest Builder
Form liên hệ
Họ tên
Địa chỉ email
+ Thả vào mức độ hài lòng (thang 5 mức)
<script src="cdn.formnest…"></script>
01
CLIENT
Về bạn

Growstack Co., Ltd., doanh nghiệp dẫn đầu trong lĩnh vực digital marketing.

Một doanh nghiệp marketing thực hiện rất nhiều hoạt động thu thập yêu cầu liên hệ và khảo sát trên website. Cảm thấy giới hạn của việc xây form riêng cho từng site khách hàng, họ quyết định tự phát triển nội bộ một nền tảng form có thể tái sử dụng.

Mục tiêu: xây dựng từ đầu một nền tảng form “ai cũng dùng được, cài trên mọi site, tức thì”, đồng thời hiện thực hóa việc quản lý tập trung dữ liệu thu thập và tự động hóa vận hành cloud.

Một dòng tag
Phương thức cài đặt
3 môi trường
dev / stg / prod
Đa site
Hosting xuyên site
BUSINESS FLOW
STEP 1
Tạo form
Lắp ghép các trường không cần code
STEP 2
Xuất bản & nhúng
Dán một dòng tag vào site
STEP 3
Thu thập phản hồi
Khách truy cập gửi form
STEP 4
Phân tích dữ liệu
Quản lý & tổng hợp tập trung trong CMS
02
CHALLENGE
Bài toán thiết kế cần giải

Bốn bài toán thiết kế cản trở tăng trưởng.

Mỗi lần cài lên site đều cần phát triển

Mỗi dự án lại phát sinh việc triển khai front-end,Khởi tạo bị chậm trễđã là như vậy.

Người không phải kỹ sư không sửa được form

Cả việc thay đổi câu chữ lẫn trườngMỗi lần đều phải yêu cầu phát triển, khiến vận hành đình trệ.

Nơi lưu dữ liệu thu thập bị phân tán

Việc quản lý chia rẽ theo từng site,Khó tổng hợp & phân tíchđã là như thế.

Dựng môi trường phụ thuộc cá nhân

Do dựng thủ côngRủi ro khác biệt môi trườngluôn là gánh nặng.

03
ARCHITECTURE
Kiến trúc chúng tôi cùng xây dựng

Bốn nền tảng, xây dựng nội bộ từ đầu.

SDK dạng nhúng, trình dựng no-code, CMS quản lý xuất bản và API thu thập dữ liệu — tất cả được xây dựng nội bộ từ đầu với tiền đề không làm gián đoạn dịch vụ. Hạ tầng cloud mã hóa toàn bộ môi trường, hiện thực hóa vận hành có tính tái lập cao.

Amela
EXECUTION
0→1
Xây dựng mới
3
IaC môi trường
Lĩnh vực ①
Cài đặt form
Thách thức
Mỗi lần đều cần triển khai front-end
Giải pháp
Nhúng bằng một dòng tag
SDK phân phối qua CloudFront
Lĩnh vực ②
Tạo form
Thách thức
Người không phải kỹ sư không thao tác được
Giải pháp
Trình dựng no-code
Vài phút với kéo & thả
Lĩnh vực ③
Quản lý dữ liệu
Thách thức
Nơi lưu phân tán theo từng site
Giải pháp
Quản lý tập trung trong CMS
Tổng hợp & phân tích an toàn
Lĩnh vực ④
Nền tảng vận hành
Thách thức
Dựng môi trường phụ thuộc cá nhân
Giải pháp
IaC hóa toàn bộ môi trường
Tự động dựng dev / stg / prod
Backend
FastAPIMongoDBRedis
Infra
AWS ECSCloudFrontTerraform
04
IMPACT
Giá trị mà nền tảng tạo ra

Hoạt động kinh doanh của Growstack Co., Ltd. bước sang giai đoạn tiếp theo.

Khởi tạo form tức thì

Thiết lập cơ chế cho phép xuất bản ngay trong ngày, không phải chờ phát triển.

Nội bộ hóa vận hành

Nền tảng để người không phải kỹ sư tự tạo và chỉnh sửa.

Hợp nhất tài sản dữ liệu

Tích lũy và khai thác dữ liệu thu thập một cách xuyên suốt.

Nền tảng vận hành không gián đoạn

Loại bỏ khác biệt môi trường, hướng tới vận hành cloud ổn định.

DEMO

Trải nghiệm FormNest qua bản demo chạy thực tế.