wd2025-future.vercel.appFuture
Cổng thông tin 35 năm thành lập trường ĐH Mở TP.HCM
Một giao diện cổng thông tin 35 năm thành lập trường ĐH Mở TP.HCM
Cuộc thi học thuậtWebDesign.
Web Design là một cuộc thi lập trình giao diện Website được tổ chức thường niên bởi Câu lạc bộ Lập Trình Trên Thiết Bị Di Động với mong muốn mang đến một sân chơi đầy ý nghĩa và sáng tạo.
Đếm ngược đến ngày thi
--
Ngày
--
Giờ
--
Phút
--
Giây
WebDesign · Hình ảnh×Thể lệ cuộc thi
+
mpclub.dev/webdesign/gallery/01
01 / 08
FINAL · 2025
Đêm Chung kết
HTML5
CSS3
JavaScript
TypeScript
React
Figma- UI/UX
- Responsive
- Git & GitHub
01 - > sự kiện
Mục đích tổ chức
Web Design ra đời với mục đích tạo ra một sân chơi học thuật lành mạnh, giúp sinh viên có cơ hội áp dụng trực tiếp các kiến thức đã học vào thực tế. Qua đó giúp các đội thi phát triển kỹ năng làm việc nhóm, kỹ năng quản lý thời gian, thiết kế UI/UX và lập trình Frontend.
Cuộc thi không chỉ nhấn mạnh vào kỹ năng lập trình mà còn đề cao tính tiện dụng, thẩm mỹ của sản phẩm.
#ui_ux#frontend#collaboration
purpose.json
{
"competition": "Web Design",
"organizer": "Mobile Dev Club",
"frequency": "Annual",
"purpose": "Mục đích tổ chức",
"skills": [
"UI/UX Design",
"Frontend Dev",
"Teamwork"
]
}02 - > rules
Thể thức
Ba điều kiện cơ bản để trở thành một đội thi.
/01
Thi theo đội
Mỗi đội gồm từ 2–3 thành viên, cùng lên ý tưởng và phát triển website.
/02
Đối tượng
Sinh viên theo học chuyên ngành CNTT hoặc có đam mê với Công nghệ Thông tin.
/03
Sản phẩm
Hoàn thiện sản phẩm, triển khai lên internet và đưa vào sử dụng thực tế.
03 - > timeline
Giai đoạn diễn ra
Từ ý tưởng trên Figma đến sân khấu Chung kết.
- 24/09 – 03/10/2026
Mở đăng ký & Truyền thông
Mở cổng đăng ký trực tuyến qua Google Form, công bố thể lệ chính thức. Bạn đăng ký lẻ sẽ được BTC hỗ trợ ghép đội.
- 04/10/2026 · 00:00–23:59
Khai mạc & Bốc thăm
Khai mạc cuộc thi, phổ biến thể lệ và bốc thăm lĩnh vực kinh doanh cho từng đội.
- 05/10 – 11/10/2026
Vòng loại
Các đội xây dựng trang chủ và tối đa 3 trang chính tại nhà. Ngày cuối lên trường hoàn thiện, vấn đáp và chấm điểm trực tiếp. Chọn 5 đội vào vòng trong.
- 12/10 – 16/10/2026
Triển khai
5 đội hoàn thiện website, deploy lên internet và chuẩn bị 2–3 bộ nội dung chứng minh khả năng White Label. Vòng này không chấm cạnh tranh, BTC góp ý kỹ thuật để các đội hoàn thiện.
- 18/10/2026 · 18:00–21:30
Chung kết
Các đội thuyết trình Slide, demo trực tiếp trên website đã deploy (chuyển đổi giữa các bộ nội dung) và trả lời phản biện trước Hội đồng.
04 - > criteria
Tiêu chí chấm điểm
Hội đồng đánh giá sản phẩm trên bốn tiêu chí.
Giao diện
Bố cục minh bạch, màu sắc hài hòa, đáp ứng responsive
Trải nghiệm
Dễ sử dụng, thao tác thuận lợi, loading nhanh chóng
Sáng tạo
Tính độc đáo về mặt ý tưởng, UX đột phá
Phù hợp
Đúng chủ đề cuộc thi, thực tiễn và có khả năng sử dụng
05 - > regulations
Thể lệ đầy đủ (PDF) - Xem / tải vềQuy định cuộc thi
Tóm tắt các điều khoản chính. Thể lệ chính thức sẽ được BTC công bố tại Giai đoạn 1.
06 - > prizes
Giải thưởng & Quyền lợi
GOLD AWARD
Giải nhất
Trị giá hơn 800.000 VNĐ, quà đặc biệt của nhà tài trợ và cúp chứng nhận
SILVER AWARD
Giải nhì
Trị giá hơn 400.000 VNĐ, quà đặc biệt của nhà tài trợ và cúp chứng nhận
BRONZE AWARD
Giải ba
Trị giá hơn 200.000 VNĐ, quà đặc biệt của nhà tài trợ và cúp chứng nhận
Giấy chứng nhận & DRL
Tất cả thí sinh hoàn thành bài thi đều nhận được Giấy chứng nhận tham gia. Nhận +5 điểm rèn luyện (theo Điều 1).
Dành cho Cổ động viên
Tham gia cổ vũ Đêm Chung kết nhận ngay +2 điểm rèn luyện (Điều 1) & vé Lucky Draw với quà công nghệ hấp dẫn.
07 - > exhibition
Các dự án tiêu biểu
Sản phẩm từ các đội thi mùa trước.
ntk-frontend.onrender.comNTK
Website giới thiệu khoa CNTT
Website giới thiệu khoa CNTT
webdesignthethree.netlify.appTHETHREE
Website giới thiệu trường ĐH Mở TP.HCM
Là một trang web giới thiệu trường ĐH Mở TP.HCM
web-desgin-stacklifo.vercel.appStack Lifo
Website giới thiệu trường ĐH Mở TP.HCM
Là một trang web giới thiệu trường ĐH Mở TP.HCM
08 - > gallery
Một số hình ảnh
> tham gia
Sẵn sàng build website của đội bạn?
Xem thêm chi tiết tại fanpage của chúng mình để biết thêm thông tin về thể lệ, cơ cấu giải thưởng và cách thức đăng ký tham gia.
$ npm init mpc-webdesign --year=2026
> Fetching latest rules... success [200 OK]
> Preparing registration form... success [200 OK]
$ mpc register --team=your-team-name
> Standing by_
> partnership
Đồng hành cùng cuộc thi
Web Design thu hút hơn 500+ sinh viên quan tâm mỗi năm. Đây là cơ hội tốt để doanh nghiệp quảng bá và tiếp cận nguồn nhân lực chất lượng.
09 - > faq
Câu hỏi thường gặp
Chưa thấy câu trả lời? Nhắn fanpage CLB MPC để được hỗ trợ.
Web Design là cuộc thi thiết kế và lập trình giao diện website thường niên do CLB Lập trình trên Thiết bị Di động (MPC) tổ chức. Năm 2026, các đội xây dựng Landing Page cho một doanh nghiệp giả tưởng theo lĩnh vực bốc thăm, với tiêu chí lõi là White Label: đổi được thương hiệu, nội dung, màu sắc mà không cần sửa mã nguồn.
Tất cả sinh viên đang theo học tại Trường Đại học Mở TP.HCM. Mỗi đội gồm 2–3 thành viên, trong đó bắt buộc có ít nhất 1 thành viên thuộc Khoa CNTT hoặc Khoa ĐTĐB (hướng CNTT); các thành viên còn lại đến từ khoa nào cũng được. Cuộc thi nhận tối đa 15 đội.
Mình biết nhiều bạn bá khí cao, dư sức solo 🐧 Tuy nhiên, để khuyến khích tinh thần cộng tác và làm việc nhóm, cuộc thi vẫn yêu cầu mỗi đội từ 2–3 thành viên.
Đương nhiên và chắc chắn rồi! Quy định cuộc thi được thiết kế cho tất cả các khóa: năm nhất có cơ hội trải nghiệm công nghệ mới, còn các anh chị năm lớn thì ôn lại những thứ đã "ngủ quên" 😄
Được. Đội thi chỉ cần ít nhất 1 thành viên thuộc CNTT/ĐTĐB. Kỹ năng thiết kế, viết nội dung, thuyết trình đều rất cần cho một đội mạnh.
Là một trang web đã triển khai, truy cập được từ internet, có khả năng White Label — đổi được thương hiệu (nội dung, màu sắc, logo, font, hình ảnh) mà không cần sửa mã nguồn. Đội thi chuẩn bị tối thiểu 2 bộ nội dung khác nhau từ cùng 1 mã nguồn để demo.
KHÔNG được dùng framework dựng giao diện (React, Vue, Angular, Svelte…), UI kit/template dựng sẵn (Bootstrap, DaisyUI, Tailwind UI, Flowbite, MUI, Ant Design…) và công cụ cần build. ĐƯỢC dùng HTML, CSS, JavaScript thuần, Tailwind CSS bản core và các thư viện tiện ích như Three.js, GSAP, AOS, thư viện icon. Nguyên tắc: thư viện cho bạn công cụ thì được, thư viện cho bạn sẵn giao diện thì không.
Không. Cuộc thi chỉ thi thuần giao diện (Front-end), dữ liệu được mockup bằng file JSON hoặc tương đương. Được phép gọi API/dịch vụ bên thứ ba trực tiếp từ trình duyệt (AI API, form service…), nhưng không được tự viết server riêng.
Hoàn toàn miễn phí. Có thể dùng GitHub Pages, Vercel, Netlify hoặc bất kỳ dịch vụ static hosting miễn phí nào. Yêu cầu deploy bắt đầu từ vòng Triển khai — vòng loại chưa cần.
Bài thi được chấm theo: thẩm mỹ & sáng tạo giao diện, kiến trúc White Label (tiêu chí lõi), chức năng UX & responsive, animation & hiệu ứng, clean code & tổ chức mã nguồn, cách sử dụng AI, và teamwork (qua lịch sử GitHub). Ở Chung kết có thêm phần demo khả năng tùy biến trực tiếp, thuyết trình và vấn đáp phản biện.
Được, và được khuyến khích — để lên kế hoạch, thiết kế nội dung, tạo hiệu ứng phức tạp, review code, viết tài liệu. Có 3 giới hạn: (1) phải hiểu và giải thích được code của mình, BGK sẽ vấn đáp ngẫu nhiên; (2) phải minh bạch, cung cấp prompt cho hiệu ứng phức tạp và báo cáo sử dụng AI khớp với lịch sử commit; (3) tránh AI slop, sẽ bị trừ điểm nặng.
Là sản phẩm mang dấu hiệu AI sinh hàng loạt, thiếu bàn tay con người: bố cục công thức hero → 3 cột → testimonial → footer lặp cho mọi trang, gradient tím–hồng mặc định, icon 3D bóng bẩy không liên quan nội dung, ảnh minh họa không ăn nhập ngành nghề, chữ chung chung. Cách tránh: dùng AI để hỗ trợ, còn bố cục, phối màu, ý tưởng thiết kế phải do đội tự quyết định và tinh chỉnh.
Sao chép giao diện hoặc mã nguồn của dự án có sẵn mà không ghi nguồn sẽ bị loại khỏi cuộc thi. Tham khảo ý tưởng thì được, nhưng phải tự thiết kế và tự code.