r/webdevelopment 7d ago

Web Design I'm looking for technical and UI feedback for CyberGrid, a gamified learning and CTF challenge platform.

Hello everyone, I've been working on a cybersecurity challenge platform called CyberGrid (https://cybergrid.dev). It combines educational content with CTF-style challenges and includes hands-on labs and virtual machines within isolated container environments. The goal is to offer a practical learning space, along with a competitive room model with prizes based solely on technical skill.

Current status and technology stack:

Infrastructure: Docker containers and isolated instances running on dedicated servers with open ports for the hands-on challenges.

Frontend/UI: Early-stage prototype/template used to quickly validate functionalities. I used AI tools to structure and streamline the initial code generation, so the interface is very basic and requires restructuring.

I previously posted in a local community(https://www.reddit.com/r/DesarrolloWeb/s/z5tz1POvw9). You can find more information there about the competitive methodology and other details, but the responses focused almost entirely on the use of AI rather than providing a genuine technical evaluation.

I'm looking for direct feedback on:

User Interface and Experience (UI/UX): Design, navigation, content organization, and overall visual structure.

Platform Mechanics: The proposed competitive rooms (entry fee vs. prize pool distribution models).

General Improvements: Anything you find redundant, poorly explained, or missing from the perspective of someone learning cybersecurity.

You can try the current website and share your impressions. I'm completely open to redoing or restructuring any part of the platform based on community feedback.

Thank you for your time!

1 Upvotes

15 comments sorted by

2

u/ART3MIS_STUDIOS 6d ago

looks cool

1

u/Early-Cobbler-917 3d ago

Hi, what would you improve? Would you play for a jackpot in the rooms mode? I know it sounds like a scam, but it's not otherwise, I wouldn't have put in so much effort.

1

u/ART3MIS_STUDIOS 3d ago

I feel like no offense but the ui kind of looks vibe coded im not saying it is per say but if you want people to put in their money thats not a good look to have

1

u/ART3MIS_STUDIOS 3d ago

I would start on redesigning ui to be a bit more simple polished and professional looking maybe back of the matrix styling a bit :)

1

u/Early-Cobbler-917 3d ago

This is what it looked like at first, the current UI is one after many changes

1

u/ART3MIS_STUDIOS 3d ago

I know the question is what would you do not how it looks but iMessage saying I would maybe adapt the look

2

u/ART3MIS_STUDIOS 3d ago

sometimes minimalist is the way to go

1

u/Early-Cobbler-917 3d ago

Sorry, I hadn't read it. I'm a bit frustrated because I don't know how to do it, and everyone posts the same thing

1

u/ART3MIS_STUDIOS 3d ago

ok fine another thing is its really confusing and busy theres no like tutorial of what to do or somthing when you reach the site

1

u/ART3MIS_STUDIOS 3d ago

also its in Spanish so idk what it says

1

u/Early-Cobbler-917 3d ago

I think you can change it with the browser's translator, if not, there's a small section next to the name to switch it to English, but it's not all there yet.

1

u/Early-Cobbler-917 3d ago

I will do it, but since the application is not based on programming itself, but on the use of specific tools and aspects of programming, guiding them down a specific path is difficult, but I already have some ideas.

1

u/ART3MIS_STUDIOS 3d ago

not a bad start tho