Context
Final CSS project for the Conquer Blocks master. I rebuilt my English school’s website to apply my way of structuring code and organizing content.
Goal
Build a complete, attractive, and easy-to-navigate website that any real school could actually use, while keeping the code clean and ready to scale.
Por qué elegí este proyecto
Podía inventarme una web ficticia para el proyecto final de CSS del máster, pero quería trabajar con algo real. Elegí la academia donde estudiaba inglés, Conquer Languages, y tomé su web original como punto de partida.
No intenté reinventar la rueda ni hacer un rediseño drástico. El objetivo era construir la misma web desde cero, pero aplicando mi propio criterio: mis decisiones sobre cómo estructurar el HTML, cómo organizar el CSS y cómo pulir los detalles visuales a mi manera.
La misma web, hecha a mi manera
El resultado es un sitio multipágina completo que mantiene la esencia original, pero construido bajo mi visión técnica y de diseño:
- Una portada que presenta la academia, su método y cómo empezar.
- La página del curso principal con detalles de la metodología y contadores de alumnos animados.
- Un blog con artículos sobre aprendizaje, dándole a cada post un diseño limpio para la lectura.
- Una sección de “Sobre nosotros” y un reproductor de vídeo integrado.
Lo importante para mí era que todo funcionara como debe. Maqueté cada interacción con cuidado: el menú en móvil, el carrusel de testimonios, el acordeón de preguntas frecuentes… La diferencia no está en hacer una web radicalmente distinta, sino en hacerla bien, con un código ordenado y ajustes visuales que, para mí, dejaban la interfaz más limpia.
Dos semanas de decisiones
El proyecto duró unas dos semanas. Algunos días el trabajo fluía solo y avanzaba sin darme cuenta. Otros, me quedaba atascado ajustando algo que no terminaba de cuadrarme.
La parte más interesante fue tomar decisiones. Aunque partía de una base existente, tuve que elegir qué mantener y qué simplificar. Mi instinto a veces me pedía complicarme con más efectos, pero terminé quitando todo lo que no aportaba valor real a la lectura o a la navegación.
Lo que cambió en mi forma de trabajar
Este proyecto me enseñó a soltar. Soy de los que disfrutan ajustando cada detalle, pero descubrí que si no pongo un límite, nunca cierro nada. Aceptar mi propio perfeccionismo fue la clave para poder dar el proyecto por terminado y sentirme orgulloso.
También aprendí que forzar el ritmo no funciona. Los mejores días de trabajo fueron los que no me presioné. Cuando me daba espacio, las ideas llegaban más limpias y las decisiones eran mejores.
Why I chose this project
I could have made up a fictional website for the master’s final CSS project, but I wanted to work with something real. I chose the English school where I studied, Conquer Languages, and took their original website as a starting point.
I didn’t try to reinvent the wheel or do a drastic redesign. The goal was to build the same website from scratch, but applying my own criteria: my decisions on how to structure the HTML, how to organize the CSS, and how to polish the visual details my way.
The same website, built my way
The result is a complete multi-page site that keeps the original essence, but built under my technical and design vision:
- A landing page introducing the school, their method, and how to start.
- The main course page with methodology details and animated student counters.
- A blog with learning articles, giving each post a clean layout for reading.
- An “About us” section and an integrated video player.
What mattered to me was that everything worked as it should. I carefully built every interaction: the mobile menu, the testimonials carousel, the FAQ accordion… The difference isn’t about making a radically different website, but making it right, with clean code and visual tweaks that, to me, made the interface much cleaner.
Two weeks of decisions
The project took about two weeks. Some days the work just flowed and I made progress without realizing it. Others, I’d get stuck tweaking something that didn’t feel quite right.
The most interesting part was making decisions. Even though I was starting from an existing base, I had to choose what to keep and what to simplify. My instinct sometimes pushed me to add more complex effects, but I ended up removing anything that didn’t bring real value to the reading experience or navigation.
What changed in how I work
This project taught me to let go. I’m the kind of person who enjoys adjusting every detail, but I discovered that without setting a limit, I never finish anything. Accepting my own perfectionism was key to finally closing the project and feeling proud of it.
I also learned that forcing the pace doesn’t work. My best days were the ones where I didn’t push myself. When I gave myself room, ideas came through cleaner and decisions were sharper.
Lessons learned
Perfectionism is a double-edged virtue: caring about every detail is good, but obsessing prevents you from finishing. Learning to let go is what allowed me to close this project with pride.
Real progress is not linear. There were days of moving forward without noticing, and days of getting nowhere. Giving myself permission to go at my own pace is when my best work came out.
Less is more. Every element I removed because it "solved nothing" made the result cleaner and more honest.
Future improvements
- Add a second version in English by converting the content into a structured collection.
- Migrate to Astro to be able to generate pages per course without duplicating HTML.