Diseño web · Desarrollo Astro · SEO técnico · Bilingüe
Web para el estudio de software Devecu
Devecu es el estudio de software a medida que estoy creando, y su web la diseñé y desarrollé yo mismo. Parte de un diseño en Figma y está construida con Astro y Tailwind CSS: bilingüe (español e inglés), rápida, con formulario de contacto, analítica con consentimiento y datos estructurados para SEO desde el primer día.
- Cliente
- Devecu · estudio de software a medida (proyecto propio)
- Sector
- Desarrollo de software
- Año
- 2026
- Servicios
- Diseño UI · Desarrollo web · SEO técnico · Formularios y analítica
- Herramientas
- Figma · Astro · TypeScript · Tailwind CSS · Brevo · Cloudflare Turnstile
El punto de partida
Explicar software sin humo
Devecu ofrece software a medida, aplicaciones e integraciones a empresas de cualquier país. Su web tenía que explicar tres servicios técnicos de forma clara, sin prometer más de lo que hay, y servir como carta de presentación ante quien evalúa contratar.
Además debía nacer bien hecha por dentro: en dos idiomas, rápida en móvil, con un formulario que no se llene de spam y con analítica que respete el consentimiento del visitante.
La propuesta
Sobria, clara y verificable
Partí de un diseño en Figma con una base visual sobria: esquinas cuadradas como el logo, un verde de marca, Playfair Display para los titulares y Montserrat para el texto.
El contenido sigue una regla: solo datos reales y verificables. Sin clientes, cifras ni testimonios inventados; el proyecto destacado se presenta como un caso de estudio que explica qué se construyó y con qué tecnología.
El resultado es una web clara que cuenta qué se construye, con qué tecnología y cómo se trabaja, y que lleva al visitante a contar su proyecto.
Del diseño
a la web publicada
Del diseño en Figma a la web publicada, con la parte técnica resuelta desde el principio.
Calcula tu presupuesto- 01
Diseño en Figma
Definí la base visual y las secciones de la home y de las páginas interiores.
- 02
Desarrollo con Astro
Construí las páginas con Astro, TypeScript y Tailwind CSS, con muy poco JavaScript en el navegador.
- 03
Español e inglés
Cada página existe en los dos idiomas, con sus enlaces alternativos para buscadores y selector de idioma.
- 04
Formulario seguro
El formulario de contacto envía los datos a Brevo, con Cloudflare Turnstile contra el spam y aviso por email.
- 05
Analítica con consentimiento
Google Analytics solo se carga tras aceptar las cookies, con Consent Mode v2 en «denegado» por defecto.
- 06
Publicación
Servidor Node en Hostinger, con redirecciones, 404, caché y cabeceras de seguridad.
Qué incluyó el proyecto
Me encargué de todo el proyecto, del diseño a la publicación.
- 01
Diseño y desarrollo de la web
Home, servicios, proyectos, nosotros, contacto y páginas legales, responsive y fieles al diseño.
- 02
Versión en dos idiomas
Español en la raíz e inglés en /en, con hreflang recíproco y sitemap con las alternativas.
- 03
SEO técnico
Datos estructurados, metadatos y imágenes para redes sociales, sitemap y robots.txt.
- 04
Formulario de contacto
Validación en servidor, Turnstile, alta del contacto en Brevo y aviso por email.
- 05
Analítica y cookies
Banner con el mismo peso para aceptar y rechazar, y Google Analytics condicionado al consentimiento.
¿Necesitas algo parecido para tu negocio?
Hablemos de tu proyecto
Cómo se ve
Las secciones principales de la web en devecu.com.
Resultado
Una web que cuenta lo que hacemos
Devecu tiene una web publicada en español e inglés que explica sus servicios, su proceso y su forma de trabajar, con un formulario que llega directo a mi correo y a Brevo.
Es también mi propio laboratorio: lo que aplico aquí (Astro, SEO técnico, consentimiento, formularios) es lo que puedo aplicar en tu proyecto.
¿Tienes un proyecto
WordPress en mente?
Cuéntame qué quieres crear, rediseñar o mejorar. Revisaremos tus necesidades y podremos definir la mejor forma de convertirlas en un sitio WordPress sólido, profesional y fácil de gestionar.