OTOKON is Turkey's national robotics olympiad organization, and ITURO is its flagship university-level competition. Both sites had aged designs that no longer reflected the scale or prestige of the events. This project involved a complete visual and structural redesign of both properties, delivered as hand-coded HTML, CSS, and JavaScript without a framework or CMS.
Design Process
The redesign began with an audit of the existing sites: outdated typography, inconsistent spacing, poor mobile behavior, and a visual language that did not convey the technical seriousness of the competitions. New designs were developed with a focus on clear information hierarchy, fast load times, and a visual identity that could work across both print and web contexts. Color and type choices were aligned with OTOKON's branding while modernizing the overall aesthetic.
Implementation
Both sites are built with semantic HTML5, custom CSS using CSS custom properties for theming, and vanilla JavaScript for interactive elements such as countdown timers, responsive navigation, and schedule accordions. No build tooling or frameworks were used, keeping the deployment simple and the sites fast on shared hosting. The ITURO subdomain was later migrated to its own domain, ituro.org, with appropriate redirects preserved.
Outcome
The redesigned sites are live and have been used across multiple competition cycles. Mobile usability improved substantially compared to the previous versions, and the visual refresh was positively received by the organizing committee. Both sites continue to serve as the primary public-facing presence for their respective competitions.