Sitio web de diseñadora de accesorios
Vanessa Casado había iniciado recientemente su presencia digital a través de Instagram, utilizándolo como vitrina para mostrar parte de su catálogo. Sin embargo, la falta de un sistema centralizado dificultaba mantener el portafolio actualizado y transmitir la profesionalidad de su trayectoria. El objetivo del proyecto fue crear un catálogo digital siempre disponible y fácil de actualizar, que sirviera tanto como escaparate en línea como punto de contacto para nuevas clientas.
El problema
Uno de los principales desafíos del proyecto estuvo relacionado con el manejo de imágenes. Dado que el catálogo de Vanessa Casado se basa en mostrar accesorios de alta calidad, era esencial implementar fotografías que reflejaran el detalle y la elegancia de cada pieza, sin comprometer la resolución ni el rendimiento del sitio.
En esta primera etapa, la solución fue trabajar con el canvas de Framer para incrustar directamente las imágenes dentro del sitio. Esta estrategia permitió lanzar el catálogo rápidamente y mantener un alto estándar visual.
Sin embargo, de cara al futuro, se identificó la necesidad de evolucionar hacia una solución más robusta mediante el uso de un CMS, lo que permitiría:
- Consultar y administrar imágenes de manera centralizada.
- Actualizar el catálogo sin depender de modificaciones directas en Framer.
- Mantener la calidad visual sin afectar la velocidad de carga.
Este reto marcó un punto clave en la planeación del proyecto, ya que la plataforma debía crecer junto con la marca y adaptarse a sus futuras necesidades de expansión digital.
Contexto del proyecto
El proyecto se desarrolló durante la segunda mitad de julio de 2025 y fue liberado en septiembre del mismo año.
En esta primera fase, mi rol fue el de consultor digital y desarrollador web, utilizando Framer como herramienta principal para construir la solución. Esta etapa priorizó la rapidez de lanzamiento y la calidad visual, permitiendo validar el catálogo digital en un entorno real.
A mediano y largo plazo, se definió una estrategia de evolución tecnológica para asegurar la escalabilidad, el rendimiento y la sostenibilidad técnica del proyecto.
Evolución tecnológica del proyecto
Primera etapa: Framer
- Publicación rápida de un catálogo digital funcional.
- Mantenimiento de un alto estándar visual desde el primer lanzamiento.
- Validación de la experiencia de usuario y del recorrido de conversión.
Segunda etapa: Migración a Next.js
En noviembre, el proyecto evolucionó hacia una nueva versión desarrollada en Next.js, elevando la base tecnológica y la experiencia digital.
- Renovación de animaciones y transiciones.
- Incorporación de la sección de servicios.
- Rediseño y ampliación del catálogo con colecciones renovadas.
- Optimización de rendimiento, escalabilidad y arquitectura.
Proceso de diseño y desarrollo
Para responder a las necesidades de Vanessa Casado y transmitir la elegancia de su trabajo en un medio digital, se definieron una serie de lineamientos clave en el diseño del sitio web.
Paleta de colores
Se eligieron tonalidades beige, dorado y negro con el objetivo de proyectar una estética sofisticada y elegante, alineada con el estilo de los accesorios diseñados por Casado. Esta decisión ayudó a suplir la ausencia de una identidad de marca consolidada, aportando un lenguaje visual distintivo.
Arquitectura y navegación
Se diseñó una taxonomía básica, centrada en la organización clara del catálogo y una navegación intuitiva. Se evaluó el tipo de menú más adecuado para las usuarias objetivo, asegurando un acceso sencillo a productos, servicios y colecciones.
Listas de contenido
- Colecciones: sección destinada a mostrar el catálogo actualizado, con descripciones detalladas y fotografías en alta calidad.
- Portafolio: espacio que reúne imágenes reales de novias, quinceañeras y clientas en eventos sociales, reforzando la confianza al mostrar los accesorios en contextos reales.
- Servicios: nueva sección enfocada en explicar de forma clara los servicios ofrecidos, reforzando la propuesta comercial.
Estrategia de conversión
Todo el recorrido de navegación conduce hacia un CTA principal: “Agendar cita”. Este botón conecta directamente con WhatsApp, facilitando la comunicación inmediata con Vanessa y permitiendo que la experiencia digital se traduzca en contacto directo y ventas.
Solución
Con estas decisiones, el sitio evolucionó de un catálogo digital a una plataforma de negocio integral, capaz de escalar junto con la marca y adaptarse a nuevas necesidades comerciales y tecnológicas.
Resultados y estado actual
Actualmente, la nueva tienda en línea se encuentra en producción, consolidando el proyecto como un ecosistema digital completo.
- Disponibilidad: el portafolio y las colecciones están siempre accesibles en línea, alcanzando a clientas de todo el país.
- Profesionalización: la migración a Next.js y la incorporación de nuevas secciones fortalecieron la percepción de confianza, calidad y madurez digital de la marca.
- Crecimiento digital: el sitio se encuentra en análisis continuo de métricas, enfocado en optimizar SEO, performance y conversión.
- Escalabilidad: la nueva arquitectura tecnológica permite integrar futuras funcionalidades y expandir la tienda en línea sin fricciones.