HOME/AHN MEDIA

AHN Media: Website tương tác cho một studio sáng tạo truyền thông

AHN Media: Website tương tác cho một studio sáng tạo truyền thông
Vai trò
UI/UX Designer
Đội ngũ
UI/UX DesignerĐội dev nội bộ của khách
Thời gian
Tháng 8/2026 (2 tuần)Trạng thái: Đã bàn giao
Ràng buộc
Brief thương hiệu còn chung chungLàm mới website hiện cóBàn giao cho dev của khách

Bối cảnh

AHN Media là một studio sáng tạo truyền thông. Website hiện tại vẫn đủ dùng, nhưng trông tĩnh so với nội dung đầy năng lượng mà team làm ra. Brief mình nhận được ngắn và mở: “Tôi muốn website năng động và tươi mới hơn.”

Hai hướng

Mình thiết kế hai homepage demo hoàn chỉnh, mỗi bản là một cách hiểu khác nhau về “năng động và tươi mới”. Nhìn thương hiệu trên trang thật, với nội dung thật, giúp khách so sánh và quyết định ngay trong một buổi review thay vì nhiều vòng góp ý trừu tượng.

A/B

Cùng thương hiệu, cùng nội dung, hai tính cách khác nhau

HƯỚNG A

Nền tối & giàu năng lượng

HƯỚNG ANền tối & giàu năng lượng

Nền tối với viền sóng màu coral, ảnh sự kiện ngay đầu trang và wordmark ASIAN Hustle NETWORK khép lại trang. Mạnh mẽ, mang không khí sự kiện về đêm.

HƯỚNG B

Wordmark lớn & lưới bento / Khách chọn

HƯỚNG BWordmark lớn & lưới bento · Khách chọn

Mở đầu bằng wordmark AHN GROUP cỡ lớn trên lưới bento nhiều màu giới thiệu các dự án của studio, có cả giao diện sáng và tối. Vui tươi và linh hoạt hơn, và là hướng khách đã chọn.

Thiết kế cuối

Triển khai cho mọi trang.

Trang chủ AHN Labs – giao diện sáng
Trang podcast và sự kiện AHN
Chi tiết website AHN giao diện tối – bên trái
Chi tiết website AHN giao diện tối – bên phải

Bàn giao

Bàn giao cho đội dev của AHN, sẵn sàng để dựng.

Đội dev nội bộ của khách là người dựng site, nên bản bàn giao phải tự đứng được. Mình sắp xếp file để dev tìm được mọi trang, trạng thái và thành phần tái sử dụng mà không cần mình giải thích trực tiếp.

Đội dev nhận được:

Annotation hiệu ứng

Hover, chuyển cảnh, cuộn trang và animation đều được ghi chú tới từng component nhỏ để dev dựng đúng chuyển động mà không phải đoán.

Component tái sử dụng

Button, menu, card, chip, accordion và khối team được dựng thành component kèm các trạng thái.

Giao diện sáng & tối

Mọi trang có cả hai giao diện từ cùng một bộ component, nên đổi theme chỉ là đổi token, không phải thiết kế lại.

Đánh giá

“She asks the right questions, takes feedback well, and turns our ideas into work that reflects our vision.”

Bryan Pham

Founder, CEO @ AHN

Xem trên LinkedIn

More projects