Landing page para un estudio de diseño y desarrollo web
Astro + Tailwind
Ligero y eficiente100% SEO
Optimizado para motores de búsqueda<0.4s
First Contentful Paint
Tactil es un estudio creativo que ofrece diseño y desarrollo a medida para marcas ambiciosas que buscan experiencias digitales rápidas, escalables y únicas.
Busca romper con el mundo de las plantillas genéricas porque las plantillas son para presentaciones, no para tu web.
Visión
Los sitios web modernos suelen caer en dos extremos: plantillas sobrediseñadas pero poco eficientes, o temas rápidos pero visualmente anodinos. En Tactil, cubrimos ese hueco entregando interfaces hechas a mano, interacciones sutiles y bases de código eficientes, todo adaptado al ADN de la marca.
Construimos webs que:
- Convierten mejor por ser intencionales
- Escalan con tu negocio
- Cargan increíblemente rápido
- Se sienten vivas gracias al movimiento y al detalle
Nuestro eslogan lo resume:
Diseño y desarrollo a medida para marcas ambiciosas. Experiencias digitales rápidas🚀, únicas🦄 y escalables📈.
¿Por qué Astro?
La web no necesita más megabytes de JS para renderizar contenido estático.
Usamos Astro como base para seguir entregando:
- Cero JS por defecto, ideal para landing pages y SEO
- Arquitectura de islas, que permite interactividad selectiva
- Tiempos de compilación rápidos y optimizaciones incluidas
Combinado con React Islands y TailwindCSS, Astro nos da el poder de ofrecer rendimiento en tiempo real y interfaces expresivas.
Stack tecnológico
| Herramienta / Librería | Propósito |
|---|---|
Astro | Generador de sitios estáticos |
React | Islas de UI interactivas |
TailwindCSS | Estilos de utilidad |
@astrojs/mdx | Contenido enriquecido con Markdown y JSX |
@astrojs/rss | Soporte RSS para blog/posts futuros |
@astrojs/sitemap | Generación de sitemap optimizado para SEO |
@astrojs/react | Integración de React en Astro |
@polgubau/animated | Mi propia librería de componentes de animación |
astro-meta-tags | Generación dinámica de meta tags |
oxlint | Linter rápido para proyectos JS/TS modernos |
sharp | Procesamiento y optimización de imágenes |
Linting
Usamos oxlint para un linting ultrarrápido, integrado tanto manualmente como a través de hooks de Git (lint-staged).
Ejecutar lint:
pnpm linti18n y traducciones
El sitio web está construido con la internacionalización en mente. El contenido de texto se abstrae en archivos específicos por idioma (en.ts, es.ts, etc.).
Esto permite una expansión sencilla a otras regiones y admite la renderización dinámica de la UI por idioma.
🔍 SEO, rendimiento y buenas prácticas
- Completamente estático por defecto
- Etiquetas
<meta>generadas automáticamente conastro-meta-tags - Sitemap mediante
@astrojs/sitemap - Fuentes e imágenes optimizadas (
sharp) - Cero JS en el cliente salvo que sea necesario
Enlaces
