Webpage Challenge (Development)

Webpage Challenge (Individual Entry).

About the Competition

Test your layout, UI/UX, and web content structuring skills by creating a fully functional, responsive web page based on a any content and design brief.

Rules

• Theme & Concept – The webpage must align with one of the given topics: Space Exploration, Small Business, Arena Animation Courses, Arena Animation Kalkaji, Portfolio . Choose any 1 topic.
• Originality – Must be an original creation. No templates, AI-generated code, or copied layouts allowed.
• Software & Tools – Any text editor, CSS, JavaScript, HTML allowed. No AI code generators.
• Layout Size & Responsiveness – Ensure designs work smoothly across standard view-ports like 1920×1080, 1440×1080, 1080×1080, 720×1080, and 360×600.
• No Explicit Content – Must be appropriate for all audiences.
• Submission Format – Submit a ZIP file with code and a hosted live preview link.
• Judging Criteria – Creativity, code structure, responsiveness, color harmony, UX clarity.
• Time Limit – 1 day.
• Color Usage – Ensure harmony, contrast, appropriate brightness.
• File Size – Images used should be under 2MB.
• No. of Participants – 1.
• File Name – WebPageChallenge_HouseName_StudentID_StudentName

Norms in Judging

• Visual Appeal
• Code Structure
• Responsiveness
• UX/Navigation
• Consistency with Design Brief
• File Organization
• Accessibility
• Image Optimization
• Presentation

References for Ideas

Create a page based on an event schedule, product showcase, blog, or portfolio.

• https://www.awwwards.com/websites/portfolio/
• https://onepagelove.com/
• https://dribbble.com/tags/webpage_design
• https://cssdesignawards.com/wotd/
• https://webflow.com/made-in-webflow