Case study
Website thương hiệu MBBank
Site marketing thương hiệu ngân hàng — phục vụ chiến dịch và chuyển đổi.
- Vai trò
- Lập trình viên Frontend
- Thời gian
- 10.2025 — Hiện tại
- Công nghệ
- NextJS · Brand Marketing · Landing Page
Tổng quan
MBBank cần hiện diện marketing rõ sản phẩm, cảm giác premium khi cuộn, chịu được traffic chiến dịch, và cho team marketing iterate nội dung nhanh.
Vấn đề
01Site ngân hàng dễ rơi vào hai thái cực: cứng nhắc hoặc nặng hiệu ứng. Brief yêu cầu vừa xây niềm tin thương hiệu vừa làm rõ sản phẩm.
Hướng tiếp cận
02- Landing nhiều section cho sản phẩm và thông điệp
- Layout responsive + storytelling GSAP/Motion
- SEO và hiệu năng cho peak chiến dịch
- Phối hợp marketing để đổi nội dung/visual nhanh
Quyết định quan trọng
03- Hierarchy dễ đọc quan trọng hơn gimmick
- Animation trên compositor path để mobile mượt
- Staging có mật khẩu để review trước khi public
Tác động
Lab / shipping
Performance
98
Lighthouse
CLS
0.02
Layout ổn định
Section kể chuyện
6+
Sẵn sàng campaign
Scroll motion
60fps
Compositor path
Kết quả
Brand site sẵn sàng chiến dịch với motion gọn
Layout responsive ổn định
Cấu trúc nội dung marketing iterate được
Staging có mật khẩu (66668888)
Thư viện ảnh
Ảnh dự ánẢnh chụp màn hình
Công nghệ dùng
- NextJS
- Brand Marketing
- Landing Page
- Animation
- GSAP
- Tailwind CSS
- ShadCn UI
- Motion UI