CÔNG TY CỔ PHẦN UNI CREATION VIỆT NAM

Địa chỉ: Số 64, phố Trung Liệt. Phương Trung Liệt, Quận Đống Đa, Thành phố Hà Nội
Hotline: 0967.508.333 – 0373.085.333 – 0373.087.333
Email: info@unicreation.vn Website: https://univn.vn

CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM

Độc lập - Tự Do - Hạnh Phúc

******

BÁO GIÁ DỊCH VỤ THIẾT KẾ WEBSITE

Số: BG-303868

Kính gửi: Quý khách hàng

Công ty cổ phần Uni Creation Việt Nam xin chân thành cảm ơn sự tín nhiệm của khách hàng đối
với dịch vụ tư vấn của chúng tôi. Theo yêu cầu của quý khách hàng , căn cứ vào các thông tin đặc
tả yêu cầu của quý khách hàng đã gửi đến chúng tôi, Uni Creation xin gửi đến quý khách bảng báo
giá website của chúng tôi với những nội dung như sau :

1 - DỊCH VỤ THIẾT KẾ WEBSITE

https://www.vanhoanggroup.com/

Hạng mục Nội Dung Số lượng

Thiết kế giao diện trang chủ hiển thị nội dung
1.1 Trang chủ 1
như demo

1.2 Giới thiệu Nội dung giới thiệu về cửa hàng 1

Giao diện hiển thị danh sách thực đơn, chi tiết
1.3 Menu 1
thực đơn

1.4 Tin tức Hiển thị danh sách bài viết 1

1.5 Khuyến mại Hiển thị các chương trình khuyến mại 1

1.6 Không gian Hiện thị các hình ảnh không gian quán 1

1.7 Tiệc lưu động Bài viết mô tả dịch vụ 1

1
 CÔNG TY CỔ PHẦN UNI CREATION VIỆT NAM
Địa chỉ: Số 64, phố Trung Liệt. Phương Trung Liệt, Quận Đống Đa, Thành phố Hà Nội
Hotline: 0967.508.333 – 0373.085.333 – 0373.087.333
Email: info@unicreation.vn Website: https://univn.vn

1.8 Liên hệ Form đăng ký, thông tin cửa hàng 1

2 CHỨC NĂNG

2.1 Hiệu ứng web Thêm các hiệu ứng chuyển động cho web 1

2.2 Đặt bàn Form đặt bàn, lưu trữ thông tin đặt hàng 1

Tổng chi phí dự kiến 9.000.000

Tổng chi phí dự kiến bằng chữ: Chín triệu đồng chẵn.

https://kokibbq.com/ full animation + hiệu ứng loading https://phocuon.vn/ + trang giới

thiệu của https://pizza4ps.com/about/

Hạng mục Nội Dung Số lượng

Thiết kế giao diện trang chủ hiển thị nội dung
1.1 Trang chủ 1
như demo https://kokibbq.com/

Giao diện hiển thị theo demo

1.2 Giới thiệu 1
https://pizza4ps.com/about/

Giao diện hiển thị theo demo

1.3 Menu 1
https://kokibbq.com/menu/
Hiển thị danh sách bài viết theo mẫu
1.4 Tin tức – sự kiện 1
https://kokibbq.com/tin-tuc/
Chi tiết tin tức sự Giao diện hiển thị nội dung chi tiết bài viết tin
1.5 1
kiện tức

2 CHỨC NĂNG

2.1 Hiệu ứng load trang Theo demo của https://phocuon.vn/ 1

2
 CÔNG TY CỔ PHẦN UNI CREATION VIỆT NAM
Địa chỉ: Số 64, phố Trung Liệt. Phương Trung Liệt, Quận Đống Đa, Thành phố Hà Nội
Hotline: 0967.508.333 – 0373.085.333 – 0373.087.333
Email: info@unicreation.vn Website: https://univn.vn

2.2 Đặt chỗ From popup đặt chỗ theo mẫu kokibbq.com 1

2.3 Hiệu ứng web Thêm các hiệu ứng chuyển động của web 1

Tổng chi phí dự kiến 15.000.000

Tổng chi phí dự kiến bằng chữ: Mười năm triệu đồng chẵn.

Backup lại giao diện https://anphatsecurity.vn/

Phí backup hỗ trợ đổi màu, đổi logo, thông tin công ty: 2.000.000đ

Dùng chung với vps cũ: 0đ

Phí mua tên miền sẽ theo giá của nhà cung cấp

2 - THỜI GIAN DỰ KIẾN

Nội dung công việc Thời gian Ghi chú

Tiến hành vẽ giao diện 2D của

Thiết kế giao diện 2D 07 ngày
website trên phần mềm XD hoặc AI
Lập trình Frontend: HTML / CSS /
04 ngày
Responsive
Lập trình website vận hành trên môi
Lập trình Backend CMS quản trị 07 ngày
trường online
Testing và fix bug 02 ngày

Tổng 20 ngày

Tổng thời gian làm việc dự kiến là 20 ngày.

Thời gian làm việc không bao gồm các ngày nghỉ lễ, thứ bảy - Chủ nhật và không bao gồm thời
gian chờ Khách hàng cung cấp thông tin thiết kế hoặc feedback.

3 - QUY TRÌNH THỰC HIỆN HỢP ĐỒNG

3
 CÔNG TY CỔ PHẦN UNI CREATION VIỆT NAM
Địa chỉ: Số 64, phố Trung Liệt. Phương Trung Liệt, Quận Đống Đa, Thành phố Hà Nội
Hotline: 0967.508.333 – 0373.085.333 – 0373.087.333
Email: info@unicreation.vn Website: https://univn.vn

Giai đoạn 1: Ký kết hợp đồng

Sau khi hợp đồng được ký kết, quý khách hàng thanh toán trước 50% giá trị Hợp đồng.

Giai đoạn 2: Phác thảo ý tưởng và hoàn thiện giao diện thiết kế:
- Phác thảo ý tưởng thiết kế sản phẩm của Quý khách hàng
- Uni Creation sẽ trình bày các phương án về ý tưởng thiết kế để Quý khách hàng xem xét lựa
chọn và có ý kiển phản hồi để Uni Creation tiếp tục phát triển hoàn thiện.
- Trên cơ sở ý kiến phản hồi và ý tưởng thiết kế được chọn, Uni Creation sẽ tiếp tục phát triển
hoàn thiện bố cục thiết kế cho các sản phẩm thương hiệu của Quý khách hàng.
- Hoàn thiện nội dung và hình ảnh thiết kế của Quý khách hàng dựa trên nội dung chi tiết mà Quý
khách hàng cung cấp.
- Trên cơ sở ý kiến phản hồi và ý tưởng thiết kế được chọn, Uni Creation sẽ tiếp tục phát triển
hoàn thiện bố cục thiết kế cho các sản phẩm thương hiệu của Quý khách hàng.
- Hoàn thiện nội dung và hình ảnh thiết kế của Quý khách hàng dựa trên nội dung chi tiết mà Quý
khách hàng cung cấp.

Giai đoạn 3: Tiến hành code lên website

- Sau khi Quý khách hàng chốt giao diện, Uni Creation tiến hành code website
- Kiểm tra hoạt động của website sau khi code xong trước khi bàn giao sản phẩm cho Quý khách
hàng trải nghiệm sản phẩm.

Giai đoạn 4: Xác nhận hoàn thành website và bàn giao website chính thức
- Sau khi xây dựng xong Website với đầy đủ tính năng được mô tả, Quý khách sẽ thanh toán 50%
giá trị còn lại của Hợp đồng.
- Uni Creation sẽ tiền hành bàn giao website đã hoàn thành sau khi chỉnh sửa theo yêu cầu của
Quý khách hàng hoặc sửa lại các lỗi phát sinh.
- Hướng dẫn Quý khách hàng sử dụng website.
- Bàn giao lại tất cả các tài khoản quản trị website và hosting (nếu có)

4 - CHÍNH SÁCH BẢO HÀNH VÀ BẢO TRÌ

- Uni Creation bảo hành trọn đời với sản phẩm của mình với điều kiện Source code còn nguyên
vẹn và chưa có sự can thiệp của bên thứ ba, hỗ trợ khắc phục lỗi phát sinh ngay khi phát hiện hoặc
xảy ra vấn đề.
- Trường hợp Quý khách sử dụng Hosting của Uni cung cấp thì sẽ bảo hành đến khi nào Quý
khách còn đăng ký sử dụng Hosting
- Nội dung chi tiết sẽ có trong hợp đồng ký kết.

5 - KẾ HOẠCH CHI TIẾT

(Có thể thay đổi dựa trên nhu cầu thực tế của Quý khách)

4
 CÔNG TY CỔ PHẦN UNI CREATION VIỆT NAM
Địa chỉ: Số 64, phố Trung Liệt. Phương Trung Liệt, Quận Đống Đa, Thành phố Hà Nội
Hotline: 0967.508.333 – 0373.085.333 – 0373.087.333
Email: info@unicreation.vn Website: https://univn.vn

5.1. Sơ lược về yêu cầu:

- Phong cách thiết kế phù hợp xu hướng mới, hiện đại.
- Thiết kế chuẩn SEO website giúp gia tăng thứ hạng SEO và thân thiện Google.
- Truyền tải được bản sắc thương hiệu, giá trị văn hóa doanh nghiệp.
- Giao diện thân thiện với người dùng và quản trị viên có thể tuỳ biến trên toàn website tại admin.
+ Bố cục trang Front-end thân thiện, tiện ích với người xem website.
+ Bố cục trang Back-end thân thiện, đầy đủ công cụ quản trị.
- Link dẫn tối ưu và thân thiện với cổng tìm kiếm Google. Cho quyền admin tác động vào thay đổi
đường link theo nhu cầu riêng,
- Tốc độ xử lý và đáp ứng kịp thời nhanh chóng cho lượng lớn người dùng.
- Kỹ thuật mới phù hợp cho việc lướt web trên các thiết bị: (desktop, laptop, tablet, phablet,
smartphone) và các trình duyệt (FireFox, Google Chrome, Safari).
- Hệ thống CMS năng động, các nhóm chức năng (module) gắn kết phù hợp tổng thể. hoạt động
độc lập được điều hành bởi webmaster.

5.2. Thiết kế giao diện Website:

- Lập kế hoạch dự án.
- Phân tích nhu cầu dự án.
- Phân tích xu hướng thiết kế.
- Sáng tạo ý tưởng.
- Bộ giao diện Website gồm: thiết kế bố cục giao diện theo sitemap đặc tả (do Quý khách cung
cấp), phong cách như mẫu tham chiếu. Bản thiết kế tĩnh chỉ thể hiện giao diện tính năng và bố cục
Website, thiết kế này đảm bảo về bản quyền, sau này Quý khách có thể nâng cấp và update nội
dung bất kỳ. Sau khi thiết kế sẽ thay màu, hình ảnh, ẩn bớt trường và thêm nội dung Quý khách
hàng yêu cầu.
- Quy trình thiết kế giao diện :
+ Sau khi nhận đầy đủ thông tin yêu cầu thiết kế layout Uni tiến hành thiết kế toàn bộ giao diện
website theo thời gian đã báo.
+ Quý khách feedback trực tiếp trên file thiết kế này và gửi lại yêu cầu chỉnh sửa cho bên Uni điều
chỉnh.
+ Sau khi chốt xong các yêu cầu chỉnh sửa tiến hành chuyển sang giai đoạn tiếp theo.
Lưu ý : Nếu đổi concept làm lại từ đầu thì quá 03 lần, và hỗ trợ chỉnh sửa các phần chi tiết không
quá 5 lần. Quý khách lưu ý đưa yêu cầu thiết kế chi tiết nhất có thể.

5.3. Cắt HTML toàn bộ layouts đã thiết kế:

- Lập trình Front-end công nghệ HTML5 / CSS3 (không bao gồm các Framework yêu cầu)
- Lập trình hiệu ứng (căn bản tới nâng cao)
• Dropdown menu
• Banner slider
• Image: zoom in / zoom out
• Mouse hover

5
 CÔNG TY CỔ PHẦN UNI CREATION VIỆT NAM
Địa chỉ: Số 64, phố Trung Liệt. Phương Trung Liệt, Quận Đống Đa, Thành phố Hà Nội
Hotline: 0967.508.333 – 0373.085.333 – 0373.087.333
Email: info@unicreation.vn Website: https://univn.vn

• Gallery testimonials
- Lập trình Responsive tương thích mọi kích cỡ màn hình, mọi trình duyệt thôngdụng
• Các thiết bị chạy trên hệ điều hành IOS: Ipad pro, Ipad air, Iphone.
• Các thiết bị chạy trên hệ điều hành Android: HTC, Samsung galaxy, Galaxy Tab.
• Màn hình PC. Laptop, các loại màn hình khác nhau….

5.4 . Lập trình giao diện và chức năng theo mô tả (yêu cầu):

5.4.1. Quản lý phát triển hệ thống quản trị nội dung Website:
- Quản lý chuyên mục
- Quản lý menu
- Quản lý nội dung – bài viết, giới thiệu, chứng nhận, thông báo, liên hệ, kinh nghiệm sử
dụng, thông số sảnphẩm...
 Các mục được sắp xếp theo từng hàng cố định
 Nhấp vào từng mục để xem chi tiết
 Cập nhật (thêm mới / sửa / xóa)
- Quản lý chi tiết nội dung:
 Văn bản (text)
 Hình ảnh / Banner
 Video Clip
 Like, share, comment
 Chia sẻ bài viết qua Facebook, Twitter.

5.4.2. Quản lý form liên hệ:

- Khách hàng để lại thông tin liên hệ, bộ phận Sale sẽ nhận thông tin được config lên Google
Sheet để liên hệ với khách hàng.
- Quản lý được tất cả thông tin khách hàng để lại thông tin liên hệ, tạo file báo cáo và thống kê
thông tin khách hàng
- Ngoài ra thông tin còn được gửi trực tiếp vào email Admin cung cấp trước

6
 CÔNG TY CỔ PHẦN UNI CREATION VIỆT NAM
Địa chỉ: Số 64, phố Trung Liệt. Phương Trung Liệt, Quận Đống Đa, Thành phố Hà Nội
Hotline: 0967.508.333 – 0373.085.333 – 0373.087.333
Email: info@unicreation.vn Website: https://univn.vn

5.4.3. Quản lý tài khoản:

- Thêm, xóa, sửa tài khoản quản trị Website
- Phân quyền tài khoản, cho phép Admin tùy chỉnh tài khoản quyền được thao tác chỉnh sửa
nội dung trên Website (các quyền cơ bản).

5.4.4. Quản lý đăng nhập / đăng ký thành viên:

- Quản lý đăng nhập, đăng ký thành viên bao gồm các trường : Tên, SĐT, Email
- Đồng bộ dữ liệu
- Cấu hình, cài đặt
- Đăng nhập bằng tài khoản: Facebook, Zalo (có tính phí thêm)
5.4.5. Quản lý sản phẩm – dịch vụ:
- Quản lý danh sách sản phẩm – dịch vụ
- Quản lý chi tiết sản phẩm – dịch vụ
- Quản lý tab thông tin
- Tổng quan
- Video
- Hình ảnh v.v…
- ……

7
 CÔNG TY CỔ PHẦN UNI CREATION VIỆT NAM
Địa chỉ: Số 64, phố Trung Liệt. Phương Trung Liệt, Quận Đống Đa, Thành phố Hà Nội
Hotline: 0967.508.333 – 0373.085.333 – 0373.087.333
Email: info@unicreation.vn Website: https://univn.vn

5.4.6. Quản lý ảnh / thư viện:

- Chức năng phóng to ảnh, chọn xem tới hoặc lùi về một ảnh trong bộ ảnh
- Xem danh sách các hình ảnh đã cập nhật trong chủ đề
- Cập nhật không giới hạn các hình ảnh theo từng chủ đề
- Quản lý thư viện các testimonials, cập nhật theo tuỳ theo ý khách hàng
- Cho phép cập nhật hình ảnh đa ngôn ngữ

5.4.7. Quản lý popup:

- Cho phép bổ sung Popup ở toàn bộ các trang.
- Đặt được thời gian xuất hiện và kết thúc Popup (nếu muốn).
- Không giới hạn nội dụng Popup hiện thị, có thể là text, hình ảnh, video,….
- Quản lý được toàn bộ Popup trên trang
- Cho phép lên lịch Popup theo các chương trình Khuyến mãi của doanh nghiệp

8
 CÔNG TY CỔ PHẦN UNI CREATION VIỆT NAM
Địa chỉ: Số 64, phố Trung Liệt. Phương Trung Liệt, Quận Đống Đa, Thành phố Hà Nội
Hotline: 0967.508.333 – 0373.085.333 – 0373.087.333
Email: info@unicreation.vn Website: https://univn.vn

5.4.8. Quản lý hệ thống tài liệu (document):

- Quản lý danh sách tài liệu
- Quản lý chi tiết tài liệu
- Cho phép khách hàng truy cập tải xuống (yêu cầu điền form thông tin nếu có)
- Hệ thống đăng tải tài liệu phía Admin thuận tiện, dễ thao tác. Có thể thêm một hoặc nhiều
tài liệu khác nhau
- Phân loại định dạng file tài liệu : Word, Excel, PDF, PPT,…

5.4.9. Quản lý thông tin Tuyển dụng:

- Quản lý danh sách Tuyển dụng
- Quản lý chi tiết nội dung Tuyển dụng
- Tạo danh sách Tuyển dụng cho ứng viên có thể đọc thông tin và đăng ký nộp CV trực tiếp
trênwebsite
- Quản trị viên hoàn toàn điều chỉnh được thông tin Tuyển dụng cho phù hợp
- Mọi thông tin ứng viên đều được gửi về Email admin đã cung cấp trước (Email này
có thể thay đổi trong quá trình sử dụng website)

9
 CÔNG TY CỔ PHẦN UNI CREATION VIỆT NAM
Địa chỉ: Số 64, phố Trung Liệt. Phương Trung Liệt, Quận Đống Đa, Thành phố Hà Nội
Hotline: 0967.508.333 – 0373.085.333 – 0373.087.333
Email: info@unicreation.vn Website: https://univn.vn

5.4.10. Quản lý tiện ích mạng xã hội:

- Like, Share, Comment
- Liên kết với Fanpage, Youtube,… trực tiếp trên website.
- Chia sẻ bài viết qua Facebook, Twitter,…
- Like Facebook
- Youtube Embed
- Google Analytics
- Newsletter
- Hỗ trợ công cụ chat trực tuyến: Facebook, Zalo, Tawk.to, Subiz, Zendek…

5.4.11. Tối ưu trang Web – SEO tiêu chuẩn của Google:

- Tối ưu chuẩn SEO hình ảnh: Hình ảnh có đầy đủ các thẻ tittle, Alt, Caption (không tự điền)
- Tốc ưu tốc độ tải trang bằng công nghệ cao: tải trang nhanh hơn
- Hỗ trợ tích hợp Google Analytics lên Website
- Tối ưu trang 404: chỉnh sửa liên kết không tìm thấy
- Cài thẻ meta robots và sitemap.xml: Khai báo xác nhận và điều phối Google Bot (không có
Submit)
- Yoast SEO

6. BẢO MẬT WEBSITE

6.1. Tiêu chuẩn cơ bản
- Bảo mật SSL
- Change WP-content path
- Malware scan
- Change WordPress salts & keys
- Hide login & Admin URL
- Turn off file editing in WordPress Admin

10
 CÔNG TY CỔ PHẦN UNI CREATION VIỆT NAM
Địa chỉ: Số 64, phố Trung Liệt. Phương Trung Liệt, Quận Đống Đa, Thành phố Hà Nội
Hotline: 0967.508.333 – 0373.085.333 – 0373.087.333
Email: info@unicreation.vn Website: https://univn.vn

- Reduce Comment Spam

- Block specific IP addresses and user agents from accessing the site

7. CHUYỂN GIAO VÀ HƯỚNG DẪN SỬ DỤNG WEBSITE

- Chuyển giao Website (100% Source code, được đăng tải lên server của Quý khách hoặc
bằng dịch vụ lưu trữ cloud được gửi qua email)
o Điều chỉnh các lỗi xảy ra do lập trình
o Hỗ trợ giải quyết các sự cố về Website, Hosting
- Hướng dẫn và cung cấp tài liệu quản trị bằng văn bản hoặc qua điện thoại, trực tuyến
(teamview, Skype, email…)
- Cài đặt lại Website khi có sự cố hoặc chuyển đổi Hosting (khi sử dụng Hosting của Uni)

8. NHỮNG DỰ ÁN ĐÃ THỰC HIỆN

STT Link dự án Công ty

1 https://www.gte-media.com/ GTE LOCALIZE
2 https://amdmodular.com/ AMD
3 http://hoabinhminhgach.com/ Hòa Bình Minh
4 https://cisvietnam.com.vn/ CIS Việt Nam
5 https://cisdesign.vn/ CIS Việt Nam
6 https://nguyengiahotel.com/ Nguyên Gia
7 https://achi.vn/ Kiến trúc Achi
8 https://kingdomhotel.vn/ Kingdom Hotel
9 https://nhanvan.org/ Nhân Văn
10 https://emera.vn/ Emera

- Cảm ơn Quý công ty -

11