10 tháng 7, 2026
8 phút đọc
Thiết Kế Website Âm Nhạc: Trải Nghiệm Cho Nghệ Sĩ
Thiết kế website âm nhạc biến một bản nhạc thành trải nghiệm — website audio-reactive WebGL & GSAP cho nghệ sĩ, album, sự kiện mà fan sẽ nhớ mãi.
Bài viết gắn thẻ
← Tất cả bài viết
10 tháng 7, 2026
8 phút đọc
Thiết kế website âm nhạc biến một bản nhạc thành trải nghiệm — website audio-reactive WebGL & GSAP cho nghệ sĩ, album, sự kiện mà fan sẽ nhớ mãi.
10 tháng 7, 2026
8 phút đọc
Case study website 3D bất động sản — cách một creative developer dựng website visualization kiến trúc tương tác bằng Three.js, Next.js và GSAP để người mua khám phá dự án trước khi xây.
10 tháng 7, 2026
8 phút đọc
Case study thiết kế website fintech — cách một creative developer dựng landing page fintech và web3 đáng tin, nhiều chuyển động bằng Next.js, GSAP và WebGL mà vẫn chuyển đổi tốt.
10 tháng 7, 2026
8 phút đọc
Thiết kế website nhà hàng, khách sạn immersive bằng WebGL, GSAP, Next.js — làm thực khách "thèm", tải nhanh trên điện thoại và biến cảm xúc thành lượt đặt bàn.
10 tháng 7, 2026
8 phút đọc
Case study thiết kế website SaaS — cách một creative developer dựng website marketing SaaS nhanh, chuyển đổi cao bằng Next.js, GSAP và một chút WebGL để nổi bật.
10 tháng 7, 2026
7 phút đọc
Website thương hiệu cao cấp biến buổi ra mắt sản phẩm thời trang thành một sự kiện — microsite WebGL, GSAP, Next.js chuyển ham muốn thành đơn pre-order.
10 tháng 7, 2026
9 phút đọc
Case study thiết kế website thương hiệu wellness, chăm sóc sức khỏe & làm đẹp — chuyển động êm dịu, chuẩn accessibility, ảnh sắc nét với Next.js, GSAP và WebGL.
10 tháng 7, 2026
8 phút đọc
Case study thiết kế website edtech — dựng landing page khóa học online & e-learning chuyển đổi cao với Next.js, GSAP và preview bài học tương tác.
10 tháng 7, 2026
8 phút đọc
Thiết kế website bảo tàng khiến bộ sưu tập sống động trên mạng — cách một creative developer đạt giải dựng trải nghiệm triển lãm số bằng WebGL, GSAP & Next.js.
10 tháng 7, 2026
8 phút đọc
Cách tôi làm microsite ra mắt sản phẩm biến buổi reveal thành một sự kiện — WebGL, GSAP & Next.js từ một creative developer đạt giải, chịu tải giờ G và chốt pre-order.
10 tháng 7, 2026
7 phút đọc
Case study website car configurator — cách một creative developer dựng cấu hình xe 3D thời gian thực bằng Three.js, React Three Fiber và Next.js mà vẫn nhanh trên mọi thiết bị.
9 tháng 7, 2026
10 phút đọc
Video scrub theo scroll bị giật, mỗi giây mới nhảy một khung hình? Đây là cách sửa tận gốc — encode all-intra bằng ffmpeg để scrub GSAP mượt từng frame.
9 tháng 7, 2026
12 phút đọc
Vì sao Next.js cứ gọi CMS ở mọi request? Cách sửa tận gốc fetch không cache, route force-dynamic gọi lại liên tục, và hóa đơn CMS tăng vọt bất thường.
8 tháng 7, 2026
11 phút đọc
Cách dựng website thương hiệu biến đổi cho fromanother — ánh sáng làm ẩn dụ chủ đạo, video-layering thay vì shader, và phần craft được Awwwards chọn làm case study.
1 tháng 7, 2026
8 phút đọc
Case study website agency sáng tạo đoạt giải — cách dựng fromanother.love bằng Next.js, GSAP, WebGL và Prismic, đạt FWA of the Day cùng Awwwards Site of the Day & Developer Award.
29 tháng 6, 2026
9 phút đọc
Chi phí của một website chậm không nằm ở hóa đơn hosting, mà ở những khách hàng rời đi trước khi chuyển đổi. Đây là cách tốc độ website tạo ra doanh thu, kèm số liệu.
27 tháng 6, 2026
10 phút đọc
Cách dựng website chuyển động đẳng cấp giải thưởng trên stack headless WordPress + Next.js với Three.js và GSAP — kiến trúc, caching, ngân sách hiệu năng và đánh đổi thật.
27 tháng 6, 2026
9 phút đọc
Case study website 3D ecommerce — cách dựng DeepSee Commerce bằng Three.js, Next.js và GSAP, giữ mượt trên mọi thiết bị và đạt Awwwards Honorable Mention.
27 tháng 6, 2026
6 phút đọc
Mat Voyce được GreenSock đề cử GSAP Site of the Year — một website thiên về chuyển động bọn mình dựng bằng GSAP, Next.js và Strapi. Đề cử này nghĩa là gì và cách xem trang trực tiếp.
27 tháng 6, 2026
9 phút đọc
Case study website studio sáng tạo Uncommon Studio — xây bằng Next.js, GSAP & Strapi, đạt Awwwards Site of the Day, Awwwards Developer Award và giải FWA.
27 tháng 6, 2026
8 phút đọc
Case study website portfolio đoạt giải — cách xây dựng trang kinetic typography Mat Voyce bằng Next.js, GSAP và Strapi, đạt Awwwards SOTD và đề cử GSAP Site of the Year 2025.
27 tháng 6, 2026
10 phút đọc
Cách By-Kin đoạt bốn giải — Awwwards Site of the Day & Developer Award, FWA, và CSS Design Awards Web of the Day — xây bằng Next.js, GSAP và Strapi.
27 tháng 6, 2026
8 phút đọc
White-label creative development cho agency — hợp tác với chuyên gia làm motion & WebGL đẳng cấp Awwwards dưới thương hiệu của bạn, đúng tiến độ.
27 tháng 6, 2026
10 phút đọc
GSAP hay Framer Motion? Một creative developer so sánh API, mức hợp với React, scroll, timeline, bundle size và khi nào nên chọn thư viện nào.
27 tháng 6, 2026
9 phút đọc
Cách làm portfolio đạt giải từ một creative developer chấm Awwwards: ban giám khảo chấm gì, stack Next.js + GSAP + WebGL, quy trình và cách nộp bài.
27 tháng 6, 2026
10 phút đọc
Tối ưu Core Web Vitals cho web nhiều chuyển động mà không phải bỏ animation. Cách giữ LCP, INP, CLS xanh trên site GSAP, Lenis, WebGL — kèm code thật.
25 tháng 6, 2026
9 phút đọc
Cách xây dựng Iventions — website sự kiện đoạt giải CSS Design Awards Website of the Month và Awwwards Site of the Day, làm bằng Next.js, Three.js và GSAP.
24 tháng 6, 2026
5 phút đọc
Hướng dẫn thực chiến để có hiệu ứng cuộn mượt 60fps trong Next.js bằng Lenis và GSAP ScrollTrigger — cách cài đặt, animation theo scroll và các lỗi hiệu năng thường gặp.
24 tháng 6, 2026
4 phút đọc
Học GSAP ScrollTrigger qua ba mẫu đứng sau các website đoạt giải — pin section, scrub timeline và parallax — trong React/Next.js.