Materiales del proyecto
Tipografías: Italiana · Marcellus (Google Fonts, licencia libre) · Usa ↓ para desplazarte por el proyecto completo
El proyecto
Un hotel boutique frente al puerto de Fornells, en el norte de Menorca. Diseño contemporáneo, confort honesto y la sensibilidad de un lugar que respeta su entorno. El proyecto digital abarca desde el posicionamiento de marca hasta la estrategia de contenido, pasando por el diseño, desarrollo web y optimización SEO.
Alcance del trabajo
1. Brand Brief — Posicionamiento, mensajería, voz de marca
2. Brand Book — 30 slides de guía de marca con aplicaciones
3. Design System — Colores, tipografía, componentes, tokens
4. Diseño Web — 7 páginas diseñadas (desktop, tablet, mobile)
5. Desarrollo Web — Astro + Cloudflare Pages, en producción
6. SEO Técnico — Schema, sitemap, robots, meta tags
7. Estrategia SEO — Keywords, arquitectura, plan de acción
8. Blog (6 posts) — Contenido optimizado para posicionamiento
9. Plan de Contenido — Pilares, calendario, repurposing
10. Marketing RRSS — Análisis competitivo, calendario abril
Marca
S'Algaret es una submarca de Nomad Boutique Hotels. Comparte el sistema tipográfico y el tono editorial de la marca madre, pero tiene identidad visual y cromática propia, inspirada en el verde de la posidonia mediterránea y el blanco de la cal menorquina.
Para quién
Parejas 30-55, viajeros de diseño, presupuesto medio-alto. Buscan autenticidad, no lujo genérico.
Diferencial
Primer hotel boutique con diseño contemporáneo en Fornells. Ubicación única frente al puerto. Trato cercano, sin pretensiones.
Identidad visual
Paleta
Dark Nomad
#191A19
S'Algaret Deep
#184B44
S'Algaret Soft
#E8F0DE
Off White
#F5F5F0
Tipografía
Italiana
Titulares y display
Marcellus
Cuerpo y lectura
Brand Book
30 slides que cubren posicionamiento, personalidad, voz, vocabulario, paleta, logo, aplicaciones (tarjetas, señalética, amenities, keycard, menú, welcome pack) y touchpoints digitales.
Aplicaciones de marca
Menú del restaurante · Welcome pack para huéspedes · Amenities con identidad propia
Diseño
Antes de escribir una sola línea de código, se diseñaron las 7 páginas de la web en 3 viewports (desktop, tablet, mobile) partiendo de un Design System centralizado: tokens de color, tipografía, espaciado y componentes reutilizables.
Design System
19 variables de diseño
10 componentes reutilizables
Escala tipográfica responsive
Tokens de espaciado y motion
Páginas diseñadas
Home · Habitaciones · Experiencias
Menorca · Reservar · Contacto · Blog
Responsive: 375px · 768px · 1920px
15 archivos de diseño (.pen)
Del diseño a producción
Cada página fue diseñada pixel a pixel antes de desarrollarla. El Design System garantiza coherencia visual en toda la web: mismos colores, misma tipografía, mismo espaciado, mismos componentes.
15
Archivos de diseño
Desktop + tablet + mobile
150+
Fixes responsive
Overflow, spacing, contraste
3
Rondas de auditoría
Hasta score ≥ 8.5/10
Web en producción
Astro + Cloudflare Pages. Estática, rápida, optimizada para SEO. Motor de reservas Mews integrado.
Rendimiento técnico
Incluye
Imágenes WebP responsive (3 tamaños)
Schema JSON-LD (Hotel, Organization)
View Transitions entre páginas
Tipografía self-hosted (sin Google Fonts en runtime)
Integraciones
Motor de reservas Mews (modal nativo)
Formulario de contacto con rate-limiting
Sitemap XML automático
robots.txt AI-ready (GPTBot, ClaudeBot)
SEO
Fornells no tiene ningún hotel boutique posicionado en Google. La demanda de búsqueda existe — restaurantes, calas, qué ver — pero nadie la captura con contenido de calidad desde el punto de vista de un hotel local.
Keywords objetivo
| Keyword | Vol./mes | Intención | URL objetivo |
|---|---|---|---|
| eclipse solar menorca 2026 | 2.900 | Informacional | /blog/eclipse-solar-menorca-2026 |
| restaurantes fornells | 1.600 | Informacional | /blog/restaurantes-fornells |
| que ver en fornells | 590 | Informacional | /blog/que-ver-fornells |
| snorkel menorca | 390 | Informacional | /blog/snorkel-norte-menorca |
| caldereta de langosta fornells | 320 | Informacional | /blog/caldereta-langosta-fornells |
| calas norte menorca | 260 | Informacional | /blog/calas-norte-menorca |
| hotel boutique menorca | 140 | Transaccional | / |
| hotel fornells | 110 | Transaccional | /habitaciones |
8 de las 20 keywords principales. El 65% del volumen es informacional → el blog es la puerta de entrada al hotel.
Contenido
Qué ver en Fornells — guía completa · 590 búsq./mes
Restaurantes en Fornells — gastronomía local · 1.600 búsq./mes
Calas del norte de Menorca — playas y accesos · 260 búsq./mes
Caldereta de langosta — tradición gastronómica · 320 búsq./mes
Snorkel en el norte — actividad acuática · 390 búsq./mes
Eclipse solar 2026 — evento temporal · 2.900 búsq./mes
Todos los posts incluyen CTAs a la habitación y al motor de reservas. Escritos con voz de marca — como si el hotel recomendara a un huésped.
Plan editorial
30%
Fornells y Menorca
Guías locales, rutas, planes. Capturar demanda informacional y posicionar al hotel como referente local.
25%
Gastronomía
Restaurantes, caldereta, mercado local. Fornells es destino gastronómico — el blog lo captura.
20%
El hotel
Diseño, materiales, experiencia de huésped. Contenido que muestra qué hace diferente a S'Algaret.
Restante 25%: experiencias (kayak, snorkel, faros) + behind the scenes. Cadencia: 2 piezas madre/mes + repurposing a RRSS.
Marketing digital
Piezas madre (blog)
7 abril — Qué ver en Fornells
14 abril — Eclipse solar 2026 (urgente, temporal)
21 abril — Restaurantes en Fornells
Assets RRSS
10 assets repurposed desde blog (IG, FB, Reddit)
12 assets nativos (stories, reels, GBP posts)
25 piezas totales en abril
Recursos
Tipografías: Italiana · Marcellus (Google Fonts, licencia libre)
Próximos pasos
Inmediato (abril)
Google Analytics + Search Console
Google Business Profile
Perfiles RRSS (@hotelsalgaret)
Ejecutar calendario editorial abril
Quick wins SEO (titles, metas, robots)
Medio plazo (mayo–julio)
Fotos reales del hotel post-apertura
Versión EN de la web (hreflang)
Expandir blog (3 posts más planificados)
Revenue management: pricing dinámico
Reseñas: monitorización y respuesta
Objetivo a 6 meses
La web lleva live desde el 1 de abril de 2026. Los primeros resultados orgánicos son esperables a partir de la semana 3-4.
