Thương hiệu nước uống tinh khiết mang dấu ấn Việt

Vietnam Water

Công ty TNHH Nước giải khát Vietnam Water có trụ sở ở Tân Bình, TP.HCM, sản xuất nước uống tinh khiết đóng chai với ba dung tích 350ml, 500ml và 1,5L, dành cho học tập, làm việc, vận động và gia đình. Sản phẩm đi tới người dùng qua mạng lưới đại lý, siêu thị và cửa hàng ở nhiều tỉnh thành.

MONA thiết kế và phát triển website thương hiệu cho Vietnam Water trên nền WordPress. Thay vì mở bằng bảng thông số, trang chủ kể câu chuyện tên gọi của thương hiệu: một giọt nước đi qua ba miền đất Việt rồi mới vào chai.

Xem website thật

Màn hero website Vietnam Water lời chào từ tâm hồn Việt trên nền núi sương

Lĩnh vực: Nước uống đóng chai
Hạng mục: Thiết kế & phát triển website
Nền tảng: WordPress
Website: vietnamwater.vn

Bài toán

Trang chủ kể câu chuyện một giọt nước đi qua ba miền rồi mới vào chai

Nước tinh khiết là mặt hàng khó phân biệt: chai nào cũng trong, cũng ghi an toàn. Cái Vietnam Water có mà hãng khác không có là cái tên, nên website lấy chính cái tên làm câu chuyện.

Trang chủ mở bằng dòng Lời chào từ tâm hồn Việt trên nền núi sương. Người xem cuộn xuống là theo một giọt nước trôi dọc đường nét đứt qua miền Bắc, miền Trung, miền Nam, mỗi miền vẽ bằng nét line-art xanh navy: chùa Một Cột và dây cờ, xích lô, cố đô Huế, xe máy trên phố và cây cầu dây văng. Hết ba miền, giọt nước rơi vào chai Vietnam Water đứng trên mặt nước, chữ Tinh khiết cỡ lớn chạy phía sau.

Sau câu chuyện mới tới phần bán hàng: ba dung tích 350ml, 500ml, 1,5L, trang sản phẩm lọc theo từng dòng nước, trang hệ thống phân phối chia theo tỉnh thành, cửa hàng nào cũng có giờ mở cửa và nút chỉ đường Google Maps. Cuối trang chủ tách hai lối cho khách mua lẻ và cho người muốn làm đại lý.

Cuộn tới đâu, giọt nước trôi theo đường nét đứt qua từng miền tới đó

Giao diện nổi bật

Toàn bộ hình minh hoạ là nét vẽ line-art một màu xanh navy trên nền giấy trắng, màu hồng của logo chỉ dùng cho tiêu đề và nút bấm.

Giọt nước đi tiếp qua cố đô Huế và vào miền Nam trên trang chủ Vietnam Water — Miền Trung vẽ bằng cố đô Huế, miền Nam bằng xe máy trên phố

Chai Vietnam Water hiện ra dưới cầu dây văng ở đoạn kết câu chuyện ba miền — Hết ba miền, giọt nước rơi vào chai Vietnam Water

Chai nước Vietnam Water đứng trên mặt nước với chữ Tinh khiết cỡ lớn — Chai nước đặt trên mặt nước, chữ Tinh khiết chạy phía sau

Khối tinh khiết, an toàn, tự hào từ Việt Nam quanh chai nước Vietnam Water — Ba lời hứa của thương hiệu xếp quanh chai nước

Ba dung tích 350ml, 500ml và 1,5L của Vietnam Water trên trang chủ — Ba dung tích, mỗi chai ghi luôn dịp nên dùng

Trang giới thiệu Vietnam Water tự hào đất Việt trong từng giọt tinh khiết — Trang giới thiệu giữ cùng nét vẽ line-art của trang chủ

Hạng mục bàn giao

MONA đã làm gì cho Vietnam Water

01
Thiết kế UX/UI theo xanh navy và hồng của logo, minh hoạ bằng nét vẽ line-art các biểu tượng ba miền
02
Dựng hiệu ứng cuộn kể chuyện, giọt nước trôi theo đường nét đứt qua ba miền rồi rơi vào chai
03
Làm trang sản phẩm lọc theo dòng nước và trang phân phối theo tỉnh thành có chỉ đường Google Maps
04
Phát triển trên nền WordPress, form liên hệ tách khách cá nhân với doanh nghiệp, đối tác
05
Tối ưu tốc độ tải và hiển thị responsive, câu chuyện ba miền xếp dọc trên điện thoại