https://songrecords.vn▶
▶ DEMOSóng Records
2025 · WebGLWebsite hãng đĩa indie với trình nghe nhạc 3D — sóng âm phản ứng theo từng bài hát.
Design + DevGiải Vàng Web Việt 2025
index.html — v2026.11Web/UI designer & creative developerSài Gòn, VN
Phan Quốc Bảo_
Tôi thiết kế trong Figma rồi tự tay code lại từng pixel — để thứ bạn duyệt trong bản thiết kế chính là thứ lên sóng. 7 năm, 48 website, không dùng template.
- đang làmWebsite hãng đĩa Sóng Records v2
- đang họcWebGPU & shader cho người mới
- đang ngheCity pop Nhật, lặp lại vô hạn
[01]/work// dự án chọn lọc — website, app, trải nghiệm tương tác05 items
Work/
Mỗi dự án đều do tôi thiết kế và code từ đầu. Bấm vào để xem live — dự án có nhãn DEMO sẽ mở video.
https://logommoc.vn↗
Lò Gốm Mộc
2026 · E-commerceCửa hàng online cho xưởng gốm thủ công: trang sản phẩm như tạp chí, giỏ hàng một chạm, hiệu ứng men gốm bằng shader.
Vai trò: Design + DevKết quả: +62% chuyển đổi
▶ DEMOapp://vihat↗
Ví Hạt
2025 · AppApp quản lý chi tiêu cho người trẻ: nhập một khoản chi trong 3 giây.
UI/UX4.8★ · 50k lượt tải
https://nhaphostudio.vn↗
Nhà Phố Studio
2024 · PortfolioPortfolio cho văn phòng kiến trúc: cuộn ngang như lật bản vẽ, ảnh công trình tải siêu nhanh, CMS để team tự cập nhật.
Design + DevLighthouse 100/100
https://maytravel.vn/da-lat↗
Mây Travel — đặt homestay Đà Lạt
2024 · BookingNền tảng đặt phòng với bản đồ tương tác, lịch trống theo thời gian thực và trang homestay kể chuyện bằng ảnh.
Lead designer + Front-end3.200 đơn trong mùa đầu tiên
Index of /archive
Dự án nhỏ, thử nghiệm & side project.
| Name | Description | |
|---|---|---|
| [DIR] | cafe-muoi-lab/ | Landing page ra mắt menu mùa hè |
| [DIR] | tiem-sach-reu/ | Website hiệu sách cũ, đặt sách trước |
| [EXP] | ascii-camera/ | Biến webcam thành chữ ASCII theo thời gian thực |
| [EXP] | mau-toi-generator/ | Tạo bảng màu dark mode đạt chuẩn tương phản |
| [DIR] | hoi-cho-sang-tao/ | Microsite sự kiện, 12.000 lượt đăng ký |
[02]/about// README.mdrê chuột vào ảnh
# Xin chào, tôi là Bảo.
Tôi học kiến trúc hai năm rồi bỏ ngang vì mê viết code. Từ đó đến nay, tôi làm ở giao điểm giữa thiết kế và lập trình: những website có cá tính, chạy nhanh, và không ai phải nói câu “bản thiết kế đẹp hơn bản thật”.
Tôi thích lưới thô, chữ to, chuyển động có mục đích — và ghét popup chặn màn hình.
## Kinh nghiệm
- 2023 — nayFreelance · design & code cho thương hiệu trong và ngoài nước
- 2020 — 2023Senior Designer / Front-end · Hạt Muối Studio
- 2019 — 2020UI Designer · Mây Lab
07năm làm nghề
48website đã ra mắt
09giải thưởng thiết kế web
[03]/services// tôi có thể giúp gì04 gói
01từ 15tr
UI/UX Design
Nghiên cứu, wireframe, prototype và design system hoàn chỉnh trong Figma.
02từ 20tr
Front-end Dev
HTML/CSS/JS, React/Next.js. Tối ưu tốc độ, SEO và truy cập cho mọi thiết bị.
03từ 30tr
Creative Coding
WebGL, Three.js, hiệu ứng cuộn và tương tác khiến người xem nhớ lâu.
04từ 12tr
Webflow / Framer
Website no-code đẹp, bạn tự sửa nội dung mà không cần gọi dev.
{ "name": "phan-quoc-bao", "version": "7.0.0", "description": "designer biết code", "dependencies": { "figma": "^2026", "typescript": "^5.6", "react": "^19", "next": "^15", "astro": "^5", "vue": "^3", "three": "^0.170", "gsap": "^3.12", "webflow": "*" }, "devDependencies": { "ca-phe-sua-da": "3/ngày", "lo-fi-playlist": "latest" }}// npm run hire-me
01
Brief
Gọi 30 phút, hiểu mục tiêu, người dùng và ngân sách. Báo giá trong 48 giờ.
~ 1 tuần02
Design
Moodboard, wireframe rồi giao diện chi tiết. Duyệt trực tiếp trên prototype.
~ 2–3 tuần03
Build
Code từng trang, gửi link xem thử mỗi tuần. Không hộp đen, không bất ngờ.
~ 3–4 tuần04
Launch
Đưa lên sóng, bàn giao tài liệu, bảo hành 30 ngày miễn phí.
+ 30 ngày hỗ trợ[04]/reviews// khách hàng nói gìgit log
bao@studio:~/clients$ git log --oneline --author="khách hàng" | head -3
commit 7f3a9c1 (HEAD → main)
Web mới đẹp đến mức khách nhắn hỏi ai làm. Doanh thu online tăng gấp đôi chỉ sau hai tháng.
commit 2be81d4
Bảo vừa thiết kế vừa code nên không có chuyện “đẹp nhưng không làm được”. Nhanh, kỹ và rất có gu.
commit a90c3e7
Như có thêm một người trong team. Mọi thứ được ghi chú rõ ràng, bàn giao sạch sẽ đến từng file.
Lò Gốm MộcE-com
Sóng RecordsWebGL
Ví HạtApp
Nhà Phố StudioWeb
Mây TravelBooking
Cà Phê Muối LabLanding
Tiệm Sách RêuWebflow
Hạt Muối StudioAgency
[05]/contact// đừng ngại, tôi trả lời mọi emailopen
Nói chuyện nhé_
Kể tôi nghe về dự án của bạn — mục tiêu, thời gian, ngân sách dự kiến. Tôi sẽ trả lời trong vòng 24 giờ, kèm vài câu hỏi ngược lại.