Indice del articulo
- Una web puede seguir funcionando y necesitar evolucionar
- De una etapa centrada en el lanzamiento a otra centrada en el crecimiento
- 1. Una experiencia más rápida para un portfolio intensivo en imágenes
- 2. Una estructura de contenidos más precisa
- 3. Una gestión multilingüe adaptada al alcance internacional
- 4. Más contexto para los buscadores mediante datos estructurados
- 5. Mantener la calidad visual sin penalizar la velocidad
- 6. Cada proyecto como una puerta de entrada
- 7. Una arquitectura preparada para seguir cambiando
- Qué ha cambiado realmente para BC Estudio Group
- La evolución de Jelpus también forma parte del proyecto
- Cuándo tiene sentido plantear una migración similar
- Evolucionar también significa revisar decisiones que funcionaron
De Wix a Next.js: la evolución digital de BC Estudio Group junto a Jelpus
En 2023, BC Estudio Group necesitaba una web capaz de presentar con claridad su trabajo en arquitectura, interiorismo y paisajismo.
Desde Jelpus desarrollamos aquella primera versión sobre una base Wix, pero con capas de personalización y código a medida mediante Velo, una tecnología con la que trabajábamos habitualmente y que respondía bien a los objetivos, gestión de los contenidos, personalización y especialmente la capacidad de auto-gestión de ese momento.
Esa primera web no fue un paso provisional ni una solución equivocada. Permitió ordenar el portfolio, consolidar la presencia digital del estudio y disponer de una plataforma que el equipo podía gestionar con agilidad.
Desde entonces, BC Estudio Group ha evolucionado.
Su volumen de proyectos ha crecido, su proyección internacional se ha reforzado y el posicionamiento orgánico ha adquirido más importancia dentro de su estrategia digital.
Jelpus también ha evolucionado.
Durante estos años hemos ampliado nuestras capacidades de ingeniería, desarrollo a medida y SEO técnico. Hoy podemos abordar proyectos que requieren un nivel diferente de control sobre el rendimiento, los contenidos, los idiomas y la arquitectura de la información.
La nueva versión de la web nace de esa evolución compartida.
No se trata de corregir una plataforma que estuviera mal planteada. Se trata de construir la infraestructura que BC Estudio Group necesita en su siguiente etapa.
La primera web de BC Estudio Group fue desarrollada también por Jelpus y cumplió los objetivos para los que fue concebida. La nueva arquitectura responde a una etapa distinta del estudio y refleja, al mismo tiempo, la evolución de nuestras capacidades como partner tecnológico.
Una web puede seguir funcionando y necesitar evolucionar
Las necesidades digitales de una empresa no permanecen inmóviles.
Una plataforma adecuada para lanzar una primera versión puede empezar a encontrar límites cuando aumentan el volumen de contenidos, la importancia del SEO, el número de idiomas o las funcionalidades que se quieren incorporar.
Esto no significa que la decisión inicial fuera incorrecta.
Significa que el contexto ha cambiado.
En el caso de BC Estudio Group, la web debía asumir un papel más amplio:
- presentar un portfolio visual cada vez mayor;
- facilitar la visibilidad internacional del estudio;
- posicionar proyectos y servicios de forma independiente;
- mejorar la experiencia de navegación;
- y disponer de una base preparada para futuras evoluciones.
La conversación no empezó preguntando qué tecnología debíamos utilizar.
Empezó identificando qué necesitaba ahora el negocio que no era prioritario en 2023.
De una etapa centrada en el lanzamiento a otra centrada en el crecimiento
La primera versión permitió poner en marcha una presencia digital profesional sin sobredimensionar el proyecto.
La nueva etapa requería un enfoque distinto.
| Etapa inicial, 2023 | Nueva etapa |
|---|---|
| Prioridad en lanzamiento y gestión ágil | Prioridad en rendimiento, SEO y evolución |
| Portfolio corporativo centralizado | Proyectos y servicios con mayor autonomía |
| Gestión visual mediante Wix | Desarrollo a medida con Next.js |
| Infraestructura adecuada para las necesidades iniciales | Arquitectura preparada para mayor volumen y control |
| Posicionamiento general de la marca | Posicionamiento específico por proyecto, servicio e idioma |
La migración no invalida el trabajo anterior.
Se apoya en él.
La nueva arquitectura aprovecha el contenido, el aprendizaje y la estructura construidos durante la primera etapa para llevarlos a un sistema más flexible.
1. Una experiencia más rápida para un portfolio intensivo en imágenes
En una web de arquitectura, el contenido visual es el producto.
Las fotografías deben conservar su calidad, pero también deben cargarse con suficiente rapidez para que el visitante no abandone antes de descubrir los proyectos.
La nueva web se desarrolló con Next.js y se desplegó en Vercel. Esta combinación permite servir gran parte del contenido mediante generación estática y distribuirlo desde una infraestructura global.
Según las mediciones internas realizadas durante el proyecto, la evolución observada fue la siguiente:
| Métrica | Versión de 2023 | Nueva versión | Evolución |
|---|---|---|---|
| Tiempo total de carga | 7,41 segundos | 0,079 segundos | 98,9 % menos |
| Tiempo hasta el primer byte | 2,48 segundos | 0,069 segundos | 97,2 % menos |
| Peso del HTML comprimido | 878 KB | 328 KB | 62 % más ligero |
| Carga de scripts | Scripts bloqueantes | Carga optimizada | Interacción más temprana |
Más allá de las cifras, el cambio se percibe en la experiencia.
Los contenidos aparecen antes, la navegación entre proyectos es más fluida y la calidad del portfolio deja de estar enfrentada con el rendimiento de la página.
Los resultados de rendimiento pueden variar según el dispositivo, la conexión, la ubicación, la caché y la herramienta utilizada. Antes de publicar una comparación técnica, conviene acompañarla de una metodología de medición validada.
2. Una estructura de contenidos más precisa
Las personas interpretan una web mediante el diseño.
Los buscadores necesitan, además, una jerarquía técnica que les ayude a entender qué contenido es principal y cómo se relacionan las diferentes secciones.
En la primera versión, la estructura respondía principalmente a las posibilidades de composición del constructor visual.
En la nueva web, cada página dispone de una jerarquía semántica definida:
- un encabezado principal para identificar el contenido;
- encabezados secundarios para organizar los grandes bloques;
- y encabezados de tercer nivel para servicios, disciplinas o proyectos.
Esta estructura facilita la lectura, mejora la accesibilidad y ayuda a los buscadores a comprender el contexto de cada página.
No se trataba simplemente de añadir etiquetas para cumplir una lista de SEO.
Se trataba de conseguir que la estructura técnica expresara el mismo orden que percibe una persona al navegar.
3. Una gestión multilingüe adaptada al alcance internacional
BC Estudio Group trabaja en un contexto internacional y publica contenido en inglés, español y catalán.
Una web multilingüe no consiste únicamente en traducir textos.
Cada versión debe indicar correctamente:
- qué idioma utiliza;
- qué alternativas idiomáticas existen;
- qué URL corresponde a cada versión;
- y qué contenido debe mostrarse como opción por defecto.
La nueva arquitectura gestiona etiquetas hreflang para inglés, español, catalán y x-default.
También permite declarar dinámicamente el idioma base del documento según la página que está visitando el usuario.
Esto reduce ambigüedades y ayuda a los buscadores a mostrar la versión correcta en cada mercado.
El objetivo no es únicamente llegar a más países.
También es evitar que diferentes idiomas de una misma página compitan entre sí o envíen señales contradictorias.
4. Más contexto para los buscadores mediante datos estructurados
Un buscador puede leer el contenido de una página, pero no siempre interpreta de forma precisa qué representa.
¿Está viendo una empresa?
¿Un estudio local?
¿Una página de proyecto?
¿Una obra de arquitectura?
¿Una imagen vinculada a un trabajo creativo?
Los datos estructurados permiten responder a estas preguntas mediante información específica para buscadores.
La nueva web incorpora diferentes tipos de schema según el contenido:
OrganizationyLocalBusinesspara describir el estudio;WebSiteyWebPagepara establecer la jerarquía general;BreadcrumbListpara representar la navegación;CreativeWorkpara identificar los proyectos;- e
ImageObjectpara aportar contexto sobre el contenido visual.
Esta implementación no garantiza que Google muestre resultados enriquecidos.
Lo que sí hace es ofrecer información más clara y reducir el esfuerzo de interpretación que debe realizar el buscador.
En una web con decenas de proyectos, esa precisión puede marcar una diferencia importante.
5. Mantener la calidad visual sin penalizar la velocidad
La migración no podía resolver el rendimiento reduciendo el protagonismo de las imágenes.
La solución debía conservar la calidad fotográfica del portfolio y mejorar la forma en que los archivos se preparaban y entregaban.
| Aspecto | Etapa inicial | Nueva etapa |
|---|---|---|
| Formatos principales | PNG y JPG | WebP |
| Carga diferida | Aplicación parcial | Aplicación general |
| Textos alternativos | Gestión desigual | Gestión sistemática |
| Entrega de imágenes | Gestionada desde el constructor | Integrada en la arquitectura |
El formato WebP permite reducir el peso de las imágenes manteniendo una calidad adecuada para la web.
La carga diferida evita solicitar todos los archivos al abrir una página. Las imágenes se cargan a medida que el usuario se aproxima a ellas durante la navegación.
Los textos alternativos cumplen además una doble función:
- ayudan a las personas que utilizan tecnologías de asistencia;
- aportan contexto adicional a los buscadores.
La optimización no consistió en comprimir fotografías indiscriminadamente.
Consistió en crear un sistema de entrega coherente con una web cuyo principal activo es visual.
6. Cada proyecto como una puerta de entrada
Una web corporativa limita su capacidad de posicionamiento cuando toda su autoridad se concentra en la página principal.
BC Estudio Group dispone de proyectos, ubicaciones y disciplinas capaces de responder a búsquedas muy específicas.
La nueva arquitectura permite que cada proyecto o servicio tenga:
- una URL propia;
- un título específico;
- una descripción diferenciada;
- una dirección canónica;
- metadatos para redes sociales;
- y relaciones internas con otros contenidos.
El sitemap actual reúne 94 URLs indexables entre páginas corporativas, servicios y proyectos.
Esto cambia la lógica de captación.
Una persona no necesita conocer previamente la marca para llegar a la web. Puede descubrir BC Estudio Group mediante un proyecto concreto, una especialidad o una ubicación.
Una página como /our-projects/spain/hotel-seventy puede responder a una búsqueda específica con mucha más precisión que una página principal generalista.
El sitio deja de depender de una única puerta de entrada y empieza a funcionar como una red de contenidos relacionados.
7. Una arquitectura preparada para seguir cambiando
Una web no debería evaluarse únicamente por lo que muestra el día de su lanzamiento.
También importa lo fácil o difícil que será modificarla más adelante.
La nueva base permite abordar con mayor control futuras necesidades como:
- crear nuevas tipologías de proyecto;
- ampliar el número de idiomas;
- introducir filtros o sistemas de búsqueda;
- añadir taxonomías;
- conectar una fuente de contenidos;
- mejorar la analítica;
- o incorporar nuevas experiencias digitales.
Esto no significa que Next.js sea la solución correcta para cualquier empresa.
Hay proyectos en los que un constructor visual continúa siendo la opción más sensata por presupuesto, velocidad, autonomía o complejidad.
La tecnología adecuada depende del momento y de las necesidades reales.
En BC Estudio Group, la migración tenía sentido porque las prioridades actuales requerían un nivel de control diferente al de 2023.
Una solución no deja de haber sido útil porque años después sea necesario evolucionarla. Las buenas decisiones digitales se toman con el contexto disponible y se revisan cuando cambian los objetivos.
Qué ha cambiado realmente para BC Estudio Group
La evolución no se resume en haber sustituido Wix por Next.js.
El cambio importante está en lo que la nueva infraestructura permite hacer:
- Mostrar un portfolio más amplio sin convertir su peso visual en una barrera.
- Gestionar de forma más precisa los idiomas y mercados internacionales.
- Dar entidad propia a cada proyecto y servicio.
- Facilitar la interpretación del contenido por parte de los buscadores.
- Disponer de mayor control sobre rendimiento, metadatos y estructura.
- Preparar la web para nuevas funcionalidades y futuras etapas.
La primera versión ayudó a BC Estudio Group a consolidar su presencia digital.
La nueva versión está diseñada para acompañar un escenario más ambicioso.
La evolución de Jelpus también forma parte del proyecto
Este caso no explica únicamente cómo ha evolucionado la web de un cliente.
También refleja cómo ha evolucionado Jelpus.
En 2023 trabajábamos con un modelo de desarrollo en el que Wix ocupaba un lugar importante. Nos permitía ofrecer soluciones corporativas visuales, gestionables y adecuadas para muchos proyectos.
Con el tiempo, incorporamos más capacidad interna de ingeniería, arquitectura web y SEO técnico.
Eso amplió el tipo de problemas que podíamos resolver.
Hoy no tenemos que elegir una herramienta como punto de partida. Podemos analizar primero el contexto y decidir después si el proyecto necesita una plataforma existente, una arquitectura a medida o una combinación de ambas.
Esta evolución no convierte el trabajo anterior en incorrecto.
Demuestra que una empresa tecnológica también debe revisar su manera de trabajar, aprender de los proyectos y ampliar sus capacidades.
La relación con BC Estudio Group nos ha permitido acompañar ambas etapas.
Primero, construyendo una presencia digital adecuada para su momento.
Después, desarrollando una infraestructura preparada para su siguiente fase.
Cuándo tiene sentido plantear una migración similar
Cambiar una plataforma únicamente porque existe una tecnología más reciente suele generar coste sin una mejora clara para el negocio.
La migración empieza a tener sentido cuando aparecen síntomas concretos:
- la web carga lentamente por el volumen de contenido;
- la gestión de idiomas genera duplicidades o inconsistencias;
- los proyectos no pueden posicionarse de forma independiente;
- resulta difícil controlar títulos, descripciones, schemas o redirecciones;
- cada nueva funcionalidad requiere una solución temporal;
- o la plataforma limita la estrategia digital de la empresa.
En ese punto, la primera pregunta no debería ser:
¿Qué framework deberíamos utilizar?
La pregunta adecuada es:
¿Qué necesita hacer ahora la web que la arquitectura actual ya no permite resolver con suficiente claridad?
Evolucionar también significa revisar decisiones que funcionaron
La primera versión de la web de BC Estudio Group cumplió su propósito.
Permitió presentar el estudio, ordenar el portfolio y construir una presencia digital coherente con las necesidades de aquel momento.
La nueva versión no borra ese recorrido.
Se apoya en él.
Hoy el estudio necesita más velocidad, más control sobre los contenidos, una gestión internacional más precisa y una arquitectura capaz de acompañar su siguiente etapa.
Jelpus también cuenta hoy con capacidades técnicas y una metodología más amplias para responder a ese contexto.
Ese es el valor de una relación tecnológica a largo plazo: no defender una herramienta para siempre, sino entender cuándo sigue resolviendo el problema y cuándo el negocio necesita avanzar.
En Jelpus no empezamos preguntando qué tecnología debemos sustituir.
Empezamos revisando qué necesita ahora el negocio, qué ha cambiado desde la decisión anterior y qué base puede sostener la siguiente etapa.
Porque hacer bien un proyecto no significa construir algo que nunca tenga que cambiar.
Significa tomar una buena decisión para el presente y acompañar al cliente cuando llegue el momento de dar el siguiente paso.
