Tổng quan
TUVA Communications là một sáng kiến truyền thông ra đời với sứ mệnh đồng hành, hỗ trợ các tổ chức xã hội phi lợi nhuận phát triển và lan tỏa thông điệp.
Thách thức
- Triển khai bộ nhận diện thương hiệu mới (logo & hình ảnh) lên không gian số.
- Đưa các hình ảnh minh họa bằng AI vào website sao cho mượt mà, nghệ thuật.
- Tối ưu hóa Onepage: Cấu trúc cuộn trang (onepage) nhưng phải đảm bảo tính mở rộng thành multipage trong tương lai.
Giải pháp & Tính năng
- Cấu trúc Onepage động: Cuộn mượt (smooth scroll) qua các khu vực (About, Dịch vụ, Dự án, Liên hệ).
- Tích hợp Illustration AI: Đảm bảo ảnh chất lượng cao mà không làm chậm tốc độ web.
- Hiệu ứng Micro-animations: Giúp các element xuất hiện sinh động, truyền cảm hứng nghệ thuật.
Vai trò của tôi
Là người dựng website từ thiết kế, thực hiện tối ưu hóa tốc độ tải trang cực kỳ nghiêm ngặt do ảnh AI có dung lượng lớn.
Tech Stack & Chi tiết kỹ thuật
- Elementor Pro — Thiết lập kiến trúc Onepage, sử dụng tính năng Sticky Nav và Scroll Snap
- Crocoblock (JetEngine, JetTabs, JetBlog) — Xây dựng lưới dữ liệu động cho mục “Tin tức & Hoạt động” và các tabs nội dung chuyên sâu
- Lottie / SVG Animations — Ứng dụng hình ảnh vector động và tối ưu hóa file hình minh họa AI bằng định dạng WebP
- Custom CSS / JS — Tinh chỉnh các tham số lazy load để website vượt qua bài kiểm tra PageSpeed
