Archive

(02) / 06

Cien Mares

WEBSITE 2025 Website

Astro · Tailwind CSS · GSAP

Cien Mares — Hero visual with nautical branding
Cien Mares — Maritime experience interface
Cien Mares — Responsive layout detail
Cien Mares — Booking flow and CTA section

(01) Briefing

Overview

Project context

Cien Mares is a nautical experiences brand based in Cádiz. FRN.Q redesigned its website to present the experiences with a clearer content hierarchy and responsive layouts.

(02) / CASE NOTES

From problem to outcome

  1. Problem

    The challenge

    The previous website had broken responsive layouts, inconsistent styling and an unclear hierarchy. The brief was to present the nautical experiences more clearly and provide a straightforward route to contact.

  2. Resolution

    The solution

    The site was rebuilt with Astro and Tailwind CSS. Its information architecture and responsive layouts organise the experiences, navigation and contact routes; restrained motion supports the maritime identity without obscuring content.

Stack

  • Astro
  • Tailwind CSS
  • GSAP

Live site

cien-mares.vercel.app Launch

Next project (03)

Fernando Feijoo

Interactive — 2025