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
Academic CompetitionWebDesign.
Web Design is an annual website interface programming competition organized by the Mobile Programming Club with the desire to bring a meaningful and creative playground.
Countdown to contest day
--
Days
--
Hours
--
Minutes
--
Seconds
WebDesign · Gallery×Contest rules
+
mpclub.dev/webdesign/gallery/01
01 / 08
FINAL · 2025
Grand Final Night
HTML5
CSS3
JavaScript
TypeScript
React
Figma- UI/UX
- Responsive
- Git & GitHub
01 - > events
Purpose of Organization
Web Design was created to provide a healthy academic playground, helping students apply their learned knowledge into practice. Thereby helping competing teams develop teamwork skills, time management skills, UI/UX design, and Frontend programming.
The competition emphasizes not only programming skills but also the usability and aesthetics of the product.
#ui_ux#frontend#collaboration
purpose.json
{
"competition": "Web Design",
"organizer": "Mobile Dev Club",
"frequency": "Annual",
"purpose": "Purpose of Organization",
"skills": [
"UI/UX Design",
"Frontend Dev",
"Teamwork"
]
}02 - > rules
Rules
Three basic requirements to form a team.
/01
Team Competition
Each team has 2–3 members who ideate and build the website together.
/02
Eligibility
Students majoring in IT or anyone passionate about Information Technology.
/03
Deliverable
Finish the product, deploy it to the internet and put it into real use.
03 - > timeline
Timeline
From a Figma idea to the Finals stage.
- 24/09 – 03/10/2026
Registration & Media
Online registration via Google Form opens and the official rules are published. Solo registrants will be matched into teams.
- 04/10/2026 · 00:00–23:59
Opening & Topic Draw
Opening ceremony, rules briefing and the business-field draw for each team.
- 05/10 – 11/10/2026
Qualifiers
Teams build the homepage and up to 3 main pages at home. On the last day, teams come to campus to finalize, answer questions and be judged in person. Top 5 teams advance.
- 12/10 – 16/10/2026
Implementation
The 5 teams complete their websites, deploy them online and prepare 2–3 content sets to prove White Label flexibility. No competitive scoring in this round; organizers give technical feedback.
- 18/10/2026 · 18:00–21:30
Finals
Teams present their slides, demo live on the deployed website (switching between content sets) and answer questions from the Judges.
04 - > criteria
Judging criteria
The judges evaluate each product on four criteria.
Interface
Transparent layout, harmonious colors, responsive design
Experience
Easy to use, convenient operations, fast loading
Creativity
Uniqueness in ideas, breakthrough UX
Relevance
Fits the competition theme, practical and usable
05 - > regulations
Full rules (PDF) - View / downloadContest regulations
A summary of the key terms. The official rules will be published by the organizers in Phase 1.
06 - > prizes
Prizes & Benefits
GOLD AWARD
1st Prize
Worth over 800,000 VND, a special sponsor gift and a trophy
SILVER AWARD
2nd Prize
Worth over 400,000 VND, a special sponsor gift and a trophy
BRONZE AWARD
3rd Prize
Worth over 200,000 VND, a special sponsor gift and a trophy
Certificate & Training Points
All contestants who complete the contest receive a Certificate of Participation and +5 training points.
For Supporters
Join and cheer at the Final Night to receive +2 training points & a Lucky Draw ticket with tech prizes.
07 - > exhibition
Featured Projects
Products from teams of previous seasons.
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
Gallery
> join
Ready to build your team's website?
See more details on our fanpage for additional information about the rules, prize structure, and how to register to participate.
$ 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
Partner With Us
Web Design attracts over 500+ interested students annually. Great opportunity for companies to promote and recruit talent.
09 - > faq
Frequently Asked Questions
Can't find your answer? Message the MPC fanpage for support.
Web Design is an annual web design and front-end development contest organized by the Mobile Programming Club (MPC). In 2026, teams build a landing page for a fictional business in a drawn field, with White Label as the core criterion: the brand, content and colors can be changed without touching the source code.
All students currently enrolled at Ho Chi Minh City Open University. Each team has 2–3 members, with at least one member from the Faculty of IT or the Special Training Faculty (IT track); other members may come from any faculty. Up to 15 teams are accepted.
We know many of you could easily go solo 🐧 But to encourage collaboration and teamwork, every team must have 2–3 members.
Absolutely! The rules are designed for every cohort: first-years get to try new technologies, while seniors get to revisit the skills they may have let "fall asleep" 😄
Yes. A team only needs at least one member from IT/Special Training. Design, copywriting and presentation skills are all valuable for a strong team.
A website deployed and accessible on the internet, with White Label capability — the brand (content, colors, logo, fonts, images) can be changed without editing the source code. Teams prepare at least 2 different content sets from the same code base for the demo.
NOT allowed: UI frameworks (React, Vue, Angular, Svelte…), prebuilt UI kits/templates (Bootstrap, DaisyUI, Tailwind UI, Flowbite, MUI, Ant Design…) and tools that need a build step. ALLOWED: plain HTML, CSS, JavaScript, core Tailwind CSS and utility libraries such as Three.js, GSAP, AOS and icon sets. Rule of thumb: libraries that give you tools are fine; libraries that give you a ready-made interface are not.
No. The contest is front-end only; data is mocked with JSON files or similar. You may call third-party APIs/services directly from the browser (AI APIs, form services…), but you may not write your own server.
It's completely free. You can use GitHub Pages, Vercel, Netlify or any free static hosting. Deployment is required from the Implementation round onward — not in the Qualifiers.
Entries are judged on: visual aesthetics & creativity, White Label architecture (the core criterion), UX features & responsiveness, animation & effects, clean code & project structure, use of AI, and teamwork (via GitHub history). The Finals add a live customization demo, the presentation and a Q&A defense.
Yes, and it's encouraged — for planning, content, complex effects, code review and documentation. Three limits: (1) you must understand and explain your own code — judges will ask at random; (2) be transparent: share prompts for complex effects, and your AI-usage report must match your commit history; (3) avoid AI slop — it is heavily penalized.
It's output that looks mass-generated by AI with no human touch: a formulaic hero → 3 columns → testimonials → footer on every page, default purple–pink gradients, glossy 3D icons unrelated to the content, stock imagery that doesn't fit the business, and generic copy. To avoid it: let AI assist, but decide and refine the layout, colors and design ideas yourselves.
Copying the design or code of an existing project without attribution leads to disqualification. Drawing inspiration is fine, but you must design and code it yourselves.