Inicio  —  Portfolio  —  Ocean King

Webs corporativas

Ocean King

Web de marca a medida de un constructor italiano de yates, centrada en el origen y la filosofía del astillero.

ClienteOcean King SectorAstillero / yates de lujo UbicaciónItalia
Proyecto en colaboración
Ocean King
El proyecto

En qué consistió

El reto: En yates de lujo el producto se vende antes por relato que por ficha técnica. Había que construir una web de marca, no un catálogo.

Cómo nos repartimos el trabajo
Dos Tintas Estrategia y diseño

Briefing y definición de objetivos, estrategia de marca, branding y diseño UX/UI de todas las pantallas.

Alicante Developers Maquetación y desarrollo

Maquetación fiel del diseño recibido, desarrollo a medida, rendimiento, SEO técnico, puesta en producción y soporte posterior.

Ocean King es un constructor italiano de yates. En este segmento la decisión de compra no se toma comparando esloras en una tabla: se toma cuando el comprador conecta con lo que representa el astillero.

Por eso la web se planteó como pieza de marca. Las secciones centrales son Origins y Philosophy —de dónde viene el astillero y cómo entiende la construcción naval— y el producto aparece dentro de ese relato en lugar de encabezarlo. Es el planteamiento inverso al de una web de catálogo, y es deliberado.

Se desarrolló como sitio estático a medida con Tailwind CSS, sin CMS de por medio. En una web de marca donde el contenido cambia poco, esa decisión da una velocidad de carga que un gestor no alcanza y elimina el mantenimiento de actualizaciones y seguridad, algo especialmente valioso cuando la web es la cara internacional de la marca.

La narrativa se apoya en GSAP con ScrollTrigger para que el contenido se revele conforme se navega, con Swiper en las galerías y vídeo de YouTube integrado bajo una Content Security Policy que restringe qué se puede embeber, cerrando una vía habitual de inyección de contenido en sitios con vídeo.

Servicios realizados

  • Maquetación web
  • Desarrollo a medida
Resultado

Web editorial a medida con narrativa de origen y filosofía, animación de scroll y vídeo integrado con seguridad reforzada.

Cómo lo hicimos

El proceso, paso a paso

Cada proyecto sigue un método claro para que sepas en todo momento qué esperar, con trato directo y sin sorpresas.

Fase 01

Briefing y objetivos

Escuchamos al cliente, entendemos el negocio y definimos metas, alcance y referencias.

Fase 02

Diseño UX/UI

Diseñamos estructura e interfaz a medida, cuidando la experiencia y la identidad de marca.

Fase 03

Desarrollo

Programamos el proyecto con tecnología robusta, rápida y preparada para crecer.

Fase 04

Pruebas y SEO

Optimizamos rendimiento, accesibilidad y posicionamiento antes de publicar.

Fase 05

Lanzamiento y soporte

Publicamos, formamos al cliente y damos soporte y mantenimiento continuo.

Stack

Tecnologías utilizadas

Desarrollo web a medida (sitio estático)Tailwind CSSGSAP con ScrollTriggerSwipervídeo de YouTube con política de seguridad de contenido
¿Empezamos?

¿Quieres un proyecto como este?

Cuéntanos tu idea y te preparamos una propuesta a medida, sin compromiso. Trato directo con Yeray y el equipo.

Yeray León

"Cada proyecto lo llevamos personalmente, de principio a fin. Hablas directamente con quien lo desarrolla."

Yeray LeónCEO y fundador

Cuéntanos tu proyecto

Te respondemos en menos de 24 h laborables.