Skip to main content
Information
Services
  • Telephone

    (+84) 97 531 9889

    (+84) 86 929 1771

  • Email

    infor@beau.vn

  • Our Office

    33 Giang Van Minh Street, Ba Dinh District, Hanoi, Vietnam

Our Innovation
Motivates Us Forward

Client BM Windows

Field Façade Architecture

SOW UX/UI Design

Time Q4 2023 - Q1
2024

TỔNG QUAN DỰ ÁN

Câu chuyện của BM Windows, như sự tinh vi và phức tạp của những kết cấu nhôm kính do họ thiết kế/sản xuất, là một điều kỳ diệu vẫn luôn tồn tại vô hình trong mắt của công chúng.

Website mới cho BM Windows là một trong những dự án mang tính thử thách nhất của Beau Agency ở giai đoạn cuối năm 2023. BM Windows không chỉ là công ty hàng đầu Việt Nam về kiến trúc - facade, họ còn đồng thời tìm đến chúng tôi để giải một bài toán thử thách đặc biệt thú vị.

Đặc thù về dự án

Câu chuyện của BM Windows, giống như sự tinh vi và phức tạp của những kết cấu nhôm kính do họ thiết kế/sản xuất, là một điều kỳ diệu vẫn luôn tồn tại vô hình trong mắt của công chúng.

Facade là một lĩnh vực của kiến trúc, chuyên xử lý phần bề mặt của các toà cao ốc, công trình lớn, mang tính trọng điểm của một thành phố. Đây là một lĩnh vực đòi hỏi đơn vị chịu trách nhiệm không chỉ phải sở hữu chuyên môn đặc biệt sâu về kỹ thuật mà còn phải sở hữu một hệ thống đáp ứng được toàn bộ các khâu từ thiết kế thẩm mỹ, tính toán về kỹ thuật, sản xuất, vận chuyển, giám sát và lắp đặt hàng trăm tấn vật liệu.

Chính vì điều này, client đã nhấn mạnh rằng họ chỉ có thể đồng ý để Beau triển khai website này sau khi đã tham quan nhà máy của BM Windows tại Sài Gòn và hiểu được đặc thù của lĩnh vực mà họ đang hoạt động. BM Windows tự hào nói về thứ mà mình đang làm là “kỹ nghệ facade” chứ không đơn giản là nhôm kính phổ thông.

Đối với dự án phát triển website mới cho BM Windows, hai bài toán phức tạp nhất mà Beau cần phải xử lý chính là truyền tải được bản sắc thương hiệu đặc trưng độc đáo của client; đồng thời, hệ thống hoá và tối ưu được cách trình bày cho khối thông tin phức tạp về các hoạt động của công ty.


Truyền tải tầm vóc và nhận diện

Trước khi bắt tay vào triển khai dự án, chúng tôi đã có một quá trình để tiếp xúc, trao đổi, khảo sát và thực địa tới rất nhiều hoạt động của BM Windows và thu thập nhiều hình ảnh về những công việc mà đội ngũ 500 con người (bao gồm 300 chuyên gia kỹ thuật) đang hàng ngày xử lý.

Chỉ riêng trong một module về nhôm kính mà BM Windows đang cung cấp trong bộ giải pháp về facade của mình tới chủ đầu tư là những công trình cao tầng, landmark của những thành phố lớn tại Việt Nam đã bao gồm 200 cấu kiện khác nhau. Chúng là những cấu trúc treo tinh vi và phức tạp, cho phép phần tiếp diện bên ngoài của các toà nhà có thể chịu được sức gió, quá trình chuyển vị và những điều kiện thời tiết khắc nghiệt ở độ cao vài trăm m so với mặt đất.

Đội ngũ của Beau cảm thấy đây là một chi tiết đặc biệt ấn tượng để nói về chiều sâu trong kỹ nghệ facade của BM Windows. Vì thế, chúng tôi đã sử dụng một đoạn animation tách lớp một module facade của BM Windows và đặt ngay tại trang Home để tất cả mọi người có thể nhìn thấy điều kỳ diệu về kỹ thuật này ngay từ ấn tượng đầu tiên.

Bên cạnh đó, Beau còn phát triển thêm một loạt các chi tiết về đồ hoạ xoay quanh motif chủ đạo của nhôm kính như hiệu ứng bề mặt kim loại, gradient trong suốt, sáng bóng… để làm rõ hơn tính cách của thương hiệu. Tất cả được đặt trong một layout với hệ lưới thoáng để thể hiện tầm vóc của doanh nghiệp.


Tối ưu về cấu trúc nội dung

Website của BM Windows cũng đi kèm với một khối lượng thông tin lớn trong từng hạng mục nội dung, trong đó bao gồm cả những thông tin nặng về yếu tố kỹ thuật của sản phẩm/giải pháp mà đối tác đang cung cấp tới thị trường. Để đảm bảo trải nghiệm tổng thể của website giữ được cảm giác cao cấp xuyên suốt qua từng trang, Beau đã thiết kế một loạt vị trí mà thông tin có thể được mở rộng hiển thị responsive mỗi khi người dùng click vào hoặc hover chuột qua.

Cùng với đó, ở một số trang đặc thù như trang Listing về danh mục sản phẩm, chúng tôi cũng đưa ra hai option về các duyệt nội dung để đáp ứng nhu cầu và hành vi của những profile người dùng khác nhau, đảm bảo cho việc tất cả mọi người đều có được trải nghiệm tốt khi tìm kiếm thông tin về doanh nghiệp hoặc hỗ trợ cho các kiến trúc sư khi tìm kiếm thông tin kỹ thuật về giải pháp cho thiết kế của mình.

Để có thể biểu diễn một cách trực quan và dễ hiểu cho các quy trình làm việc của BM Windows, Beau cũng đồng thời xây dựng ra một hệ thống icon và các vẽ các model để giản lược và hệ thống lại các thông tin phức tạp, giúp người dùng có thể nhanh chóng nắm bắt những thông tin quan trọng nhất. Đối với một dự án như website của BM Windows, chúng tôi cần đảm bảo rằng đây là một thiết kế sẽ thoả mãn cho cả hai trường phái tư duy của những con người duy mỹ và những con người logic.


Điều hướng tối ưu cho chuyển động của mắt

Mạch nội dung trong từng trang cũng được tính toán để người dùng luôn giữ một điểm nhìn tập trung với đường di chuyển của mắt được thoải mái nhất. Song hành với đó là hệ thống điều hướng và các nút điều hướng được bố trí tỉ mỉ ở những nơi mà người dùng có nhu cầu sử dụng cao nhất.

Đọc case study chi tiết Thu gọn

VỀ BM WINDOWS

BM Windows tự hào nói về những sản phẩm của mình là “kỹ nghệ façade”

05 Quốc gia

Tổng số các quốc gia mà BM Windows đã hiện diện để hiện thực hóa mục tiêu vươn ra thế giới

550 Dự án

Tổng số dự án BM Windows góp phần kiến tạo nên những công trình kỳ vỹ, đóng góp cho sự phát triển và thịnh vượng chung của xây dựng hiện đại.

450 Con người

Tổng số nhân sự BM Windows là các kỹ sư, phòng ban tạo nên một tập thể gắn kết có chung tầm nhìn, sứ mệnh

04 Nhà máy

Tổng số nhà máy BM Windows đã xây dựng xuyên suốt nhiều năm qua, với cơ sở vật chất và công nghệ hàng đầu Việt Nam

100 Sản phẩm

Tổng số giải pháp & sản phẩm BM Windows cung ứng ra thị trường

Chỉ riêng trong một module về nhôm kính đã bao gồm 200 cấu kiện khác nhau

Kỹ nghệ façade

Sự hài lòng của Khách hàng là thước đo giá trị thương hiệu, trong đó nguồn nhân lực là nhân tố chính tạo nên sự thành công của Công ty.

Quy trình công nghiệp

Chân thành
Chất lượng
Trách nhiệm

Đấu thầu quốc tế

Bằng năng lực, kinh nghiệm và tâm huyết của mình, BM Windows mang đến giá trị cho khách hàng, đối tác thông qua: Giải pháp thiết kế tối ưu, sản phẩm và dịch vụ chất lượng với chi phí hợp

Kỹ nghệ façade

Sự hài lòng của Khách hàng là thước đo giá trị thương hiệu, trong đó nguồn nhân lực là nhân tố chính tạo nên sự thành công của Công ty.

Quy trình công nghiệp

Chân thành
Chất lượng
Trách nhiệm

Đấu thầu quốc tế

Bằng năng lực, kinh nghiệm và tâm huyết của mình, BM Windows mang đến giá trị cho khách hàng, đối tác thông qua: Giải pháp thiết kế tối ưu, sản phẩm và dịch vụ chất lượng với chi phí hợp

GIẢI QUYẾT BÀI TOÁN

Bài toán đầy thử thách của BM Windows

Điều hướng tối ưu theo
hành vi người dùng

Mạch nội dung trong từng trang cũng được tính toán để người dùng luôn giữ một điểm nhìn tập trung với đường di chuyển của mắt được thoải mái nhất.

GIẢI QUYẾT BÀI TOÁN

TỐI ƯU VỀ CẤU TRÚC NỘI DUNG

Xây dựng hệ thống model để trực quan hoá quy trình và chức năng của facade

Việc sử dụng hình ảnh, biểu đồ, sơ đồ giúp tạo ra một bức tranh toàn diện về cách hoạt động của facade.

Tối ưu về cấu trúc nội dung

Để đảm bảo trải nghiệm tổng thể của website giữ được cảm giác cao cấp xuyên suốt qua từng trang, Beau đã thiết kế một loạt vị trí mà thông tin có thể được mở rộng hiển thị responsive mỗi khi người dùng click vào hoặc hover chuột qua.

BM WINDOWS FACADE

BM Windows
Website Showcase

Creative Director

Phạm Hoàng Hà

project manager

Nguyễn Huy Long

content advisor

Lưu Kiên Định

Account excutive

Bùi Thị Hoà

UX/UI DESIGNER

Phạm Hải Linh
Nguyễn Thái Đức Anh

graphic designer

Nguyễn Ngọc Lê

animator

Phan Đức Trọng

technology developer

Nguyễn Quốc Khánh

Trần Đại Đăng Khoa

© 2024 Beau Agency. All Rights Reserved