The design process began with a collaborative discussion with the CTF ARA 4.0 committee to identify key requirements for the competition website. This phase focused on understanding user flows, feature needs, and technical constraints—ensuring the platform would effectively support participants before and during the event.

Following the requirement gathering, a low-fidelity wireframe was created to map out the site structure and core functionality. This stage emphasized usability and clarity, laying the groundwork for a smooth and intuitive experience for users.

The transition to high-fidelity design focused on refining visual details while staying true to the event brand identity. Using predefined components and styles from ARA 4.0 Website Design System, the final design balanced clarity and consistency suited for a cybersecurity competition.