{"id":2704,"date":"2026-07-14T10:28:53","date_gmt":"2026-07-14T08:28:53","guid":{"rendered":"https:\/\/costabravaparcaventura.com\/2704-2\/"},"modified":"2026-07-16T12:36:27","modified_gmt":"2026-07-16T10:36:27","slug":"2704-2","status":"publish","type":"page","link":"https:\/\/costabravaparcaventura.com\/es\/2704-2\/","title":{"rendered":"Desarrollo web"},"content":{"rendered":"\n<!-- ==================================================\n     COSTA BRAVA PARC AVENTURA \u00b7 CAS D\u2019ESTUDI\n     ESCENA 1 \u00b7 TERMINAL \u2192 HERO\n================================================== -->\n\n<section class=\"cbpa-case-scene cbpa-case-scene--hero\" id=\"cbpa-case-scene-1\" aria-labelledby=\"cbpa-case-hero-title\">\n\n  <div class=\"cbpa-case-scene__ambient\" aria-hidden=\"true\">\n    <span class=\"cbpa-case-scene__glow cbpa-case-scene__glow--one\"><\/span>\n    <span class=\"cbpa-case-scene__glow cbpa-case-scene__glow--two\"><\/span>\n    <span class=\"cbpa-case-scene__grid\"><\/span>\n  <\/div>\n\n  <div class=\"cbpa-case-scene__container\">\n\n    <div class=\"cbpa-case-transform\" data-cbpa-scene=\"terminal-hero\">\n\n      <!-- ==============================================\n           ESTAT 1 \u00b7 TERMINAL\n      =============================================== -->\n\n      <div class=\"cbpa-case-transform__layer cbpa-case-transform__layer--terminal\" aria-hidden=\"false\">\n\n        <div class=\"cbpa-case-terminal\">\n\n          <div class=\"cbpa-case-terminal__glow\" aria-hidden=\"true\"><\/div>\n\n          <div class=\"cbpa-case-terminal__window\">\n\n            <header class=\"cbpa-case-terminal__header\">\n\n              <div class=\"cbpa-case-terminal__controls\" aria-hidden=\"true\">\n                <span class=\"cbpa-case-terminal__control cbpa-case-terminal__control--red\"><\/span>\n                <span class=\"cbpa-case-terminal__control cbpa-case-terminal__control--yellow\"><\/span>\n                <span class=\"cbpa-case-terminal__control cbpa-case-terminal__control--green\"><\/span>\n              <\/div>\n\n              <div class=\"cbpa-case-terminal__file\">\n                 <span class=\"cbpa-case-terminal__file-icon\" aria-hidden=\"true\">\n >\n                <\/span>\n\n                <span class=\"cbpa-case-terminal__file-name\">\n costa-brava-experience.js\n                <\/span> \n              <\/div>\n\n              <div class=\"cbpa-case-terminal__status\">\n                <span class=\"cbpa-case-terminal__status-dot\"><\/span>\n  building\n              <\/div>\n\n            <\/header>\n\n            <div class=\"cbpa-case-terminal__body\">\n\n              <div class=\"cbpa-case-terminal__code\" id=\"cbpa-case-terminal-code\" aria-label=\"Proc\u00e9s de construcci\u00f3 de l\u2019experi\u00e8ncia digital\"><\/div>\n\n              <span class=\"cbpa-case-terminal__cursor\" aria-hidden=\"true\"><\/span>\n\n            <\/div>\n\n            <footer class=\"cbpa-case-terminal__footer\">\n\n              <span class=\"cbpa-case-terminal__branch\">\n                <span aria-hidden=\"true\">\u2318<\/span>\n principal\n              <\/span>\n\n              <span class=\"cbpa-case-terminal__progress\">\n                <span class=\"cbpa-case-terminal__progress-track\">\n                  <span class=\"cbpa-case-terminal__progress-bar\"><\/span>\n                <\/span>\n\n                <span class=\"cbpa-case-terminal__progress-text\">\n Inicializando experiencia\n                <\/span>\n              <\/span>\n\n            <\/footer>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- ==============================================\n           ESTAT 2 \u00b7 HERO FINAL\n      =============================================== -->\n\n      <div class=\"cbpa-case-transform__layer cbpa-case-transform__layer--content\" aria-hidden=\"true\">\n\n        <article class=\"cbpa-case-hero\">\n\n          <div class=\"cbpa-case-hero__visual\" aria-hidden=\"true\">\n\n            <div class=\"cbpa-case-hero__orb cbpa-case-hero__orb--outer\"><\/div>\n            <div class=\"cbpa-case-hero__orb cbpa-case-hero__orb--middle\"><\/div>\n            <div class=\"cbpa-case-hero__orb cbpa-case-hero__orb--inner\"><\/div>\n\n            <div class=\"cbpa-case-hero__signal\">\n              <span><\/span>\n              <span><\/span>\n              <span><\/span>\n            <\/div>\n\n          <\/div>\n\n          <div class=\"cbpa-case-hero__content\">\n\n            <div class=\"cbpa-case-hero__eyebrow\">\n              <span class=\"cbpa-case-hero__eyebrow-dot\"><\/span>\n  Caso de estudio digital\n            <\/div>\n\n            <h1 class=\"cbpa-case-hero__title\" id=\"cbpa-case-hero-title\">\n Una nueva experiencia digital para\n              <span>Costa Brava Parc Aventura<\/span>\n            <\/h1>\n\n            <p class=\"cbpa-case-hero__description\">\n Redise\u00f1o web, arquitectura digital y experiencia visual\n construidos desde cero para transformar una oferta compleja\n en un sistema claro, atractivo y preparado para crecer.\n            <\/p>\n\n            <div class=\"cbpa-case-hero__meta\">\n\n              <div class=\"cbpa-case-hero__meta-item\">\n                 <span class=\"cbpa-case-hero__meta-label\">\n Proyecto\n                <\/span>\n\n                <strong class=\"cbpa-case-hero__meta-value\">\n Redise\u00f1o digital\n                <\/strong> \n              <\/div>\n\n              <div class=\"cbpa-case-hero__meta-item\">\n                 <span class=\"cbpa-case-hero__meta-label\">\n \u00c1mbito\n                <\/span>\n\n                <strong class=\"cbpa-case-hero__meta-value\">\n Web \u00b7 UX \u00b7 SEO\n                <\/strong> \n              <\/div>\n\n              <div class=\"cbpa-case-hero__meta-item\">\n                 <span class=\"cbpa-case-hero__meta-label\">\n Estado\n                <\/span>\n\n                <strong class=\"cbpa-case-hero__meta-value\">\n Sistema desplegado\n                <\/strong> \n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n    <div class=\"cbpa-case-scene__scroll\" aria-hidden=\"true\">\n      <span class=\"cbpa-case-scene__scroll-line\"><\/span>\n      <span class=\"cbpa-case-scene__scroll-text\">Explora el proyecto<\/span>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<!-- ==================================================\n     COSTA BRAVA PARC AVENTURA \u00b7 CAS D'ESTUDI\n     ESCENA 2 \u00b7 ARQUITECTURA DEL PROJECTE\n================================================== -->\n\n<section class=\"cbpa-case-scene-two\" id=\"cbpa-case-scene-two\" aria-labelledby=\"cbpa-scene-two-title\">\n\n  <!-- Decoraci\u00f3 ambiental -->\n  <div class=\"cbpa-case-scene-two__ambient\" aria-hidden=\"true\">\n    <span class=\"cbpa-case-scene-two__glow cbpa-case-scene-two__glow--one\"><\/span>\n    <span class=\"cbpa-case-scene-two__glow cbpa-case-scene-two__glow--two\"><\/span>\n    <span class=\"cbpa-case-scene-two__grid\"><\/span>\n  <\/div>\n\n\n  <div class=\"cbpa-case-scene-two__container\">\n\n    <!-- Cap\u00e7alera narrativa -->\n    <header class=\"cbpa-case-scene-two__header\">\n\n      <span class=\"cbpa-case-scene-two__eyebrow\">\n  02 \u00b7 Arquitectura digital\n      <\/span>\n\n      <h2 class=\"cbpa-case-scene-two__title\" id=\"cbpa-scene-two-title\">\n  Cada pieza forma parte<br\/> de un mismo sistema.\n      <\/h2>\n\n      <p class=\"cbpa-case-scene-two__description\">\n  El proyecto se estructur\u00f3 desde la ra\u00edz: contenido,\n navegaci\u00f3n, experiencia visual, rendimiento y posicionamiento.\n      <\/p>\n\n    <\/header>\n\n\n    <!-- Escenari principal -->\n    <div class=\"cbpa-case-scene-two__stage\">\n\n      <!-- Terminal inicial -->\n      <div class=\"cbpa-case-scene-two__terminal\" data-scene-two-terminal=\"\" aria-label=\"Terminal mostrant l'arquitectura del projecte\">\n\n        <div class=\"cbpa-case-scene-two__terminal-bar\">\n\n          <div class=\"cbpa-case-scene-two__terminal-controls\" aria-hidden=\"true\">\n            <span><\/span>\n            <span><\/span>\n            <span><\/span>\n          <\/div>\n\n          <span class=\"cbpa-case-scene-two__terminal-name\">\n project-architecture.js\n          <\/span>\n\n          <span class=\"cbpa-case-scene-two__terminal-status\">\n sistema online\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"cbpa-case-scene-two__terminal-body\">\n\n          <div class=\"cbpa-case-scene-two__line-numbers\" aria-hidden=\"true\">\n            <span>01<\/span>\n            <span>02<\/span>\n            <span>03<\/span>\n            <span>04<\/span>\n            <span>05<\/span>\n            <span>06<\/span>\n            <span>07<\/span>\n            <span>08<\/span>\n            <span>09<\/span>\n            <span>10<\/span>\n          <\/div>\n\n          <pre class=\"cbpa-case-scene-two__code\" aria-live=\"polite\"><code data-scene-two-code=\"\"><\/code><span class=\"cbpa-case-scene-two__cursor\" data-scene-two-cursor=\"\" aria-hidden=\"true\"><\/span><\/pre>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- Sistema visual final -->\n      <div class=\"cbpa-case-scene-two__system\" data-scene-two-system=\"\">\n\n        <!-- Nucli central -->\n        <div class=\"cbpa-case-scene-two__core\">\n\n          <div class=\"cbpa-case-scene-two__core-ring\" aria-hidden=\"true\"><\/div>\n          <div class=\"cbpa-case-scene-two__core-ring cbpa-case-scene-two__core-ring--outer\" aria-hidden=\"true\"><\/div>\n\n          <div class=\"cbpa-case-scene-two__core-content\">\n\n             <span class=\"cbpa-case-scene-two__core-label\">\n Costa Brava\n            <\/span>\n\n            <strong class=\"cbpa-case-scene-two__core-title\">\n Parc Aventura\n            <\/strong>\n\n            <span class=\"cbpa-case-scene-two__core-meta\">\n Ecosistema digital\n            <\/span> \n\n          <\/div>\n\n        <\/div>\n\n\n        <!-- Connexions decoratives -->\n        <svg class=\"cbpa-case-scene-two__connections\" viewbox=\"0 0 1000 650\" preserveaspectratio=\"none\" aria-hidden=\"true\">\n          <path class=\"cbpa-case-scene-two__connection\" d=\"M500 325 C390 270 300 175 195 130\"><\/path>\n\n          <path class=\"cbpa-case-scene-two__connection\" d=\"M500 325 C610 270 700 175 805 130\"><\/path>\n\n          <path class=\"cbpa-case-scene-two__connection\" d=\"M500 325 C360 350 270 420 165 510\"><\/path>\n\n          <path class=\"cbpa-case-scene-two__connection\" d=\"M500 325 C640 350 730 420 835 510\"><\/path>\n\n          <path class=\"cbpa-case-scene-two__connection\" d=\"M500 325 C500 410 500 500 500 590\"><\/path>\n        <\/svg>\n\n\n        <!-- M\u00f2duls del projecte -->\n        <article class=\"cbpa-case-scene-two__module cbpa-case-scene-two__module--architecture\" data-scene-two-module=\"\">\n          <span class=\"cbpa-case-scene-two__module-number\">01<\/span>\n\n          <div>\n            <span class=\"cbpa-case-scene-two__module-label\">\n  Estructura\n            <\/span>\n\n            <h3>Arquitectura web<\/h3>\n\n            <p>\n  Jerarqu\u00eda de p\u00e1ginas, navegaci\u00f3n y organizaci\u00f3n del contenido.\n            <\/p>\n          <\/div>\n        <\/article>\n\n\n        <article class=\"cbpa-case-scene-two__module cbpa-case-scene-two__module--experience\" data-scene-two-module=\"\">\n          <span class=\"cbpa-case-scene-two__module-number\">02<\/span>\n\n          <div>\n            <span class=\"cbpa-case-scene-two__module-label\">\n  Experiencia\n            <\/span>\n\n            <h3>Interfaz visual<\/h3>\n\n            <p>\n  Una experiencia clara, inmersiva y adaptada a cada dispositivo.\n            <\/p>\n          <\/div>\n        <\/article>\n\n\n        <article class=\"cbpa-case-scene-two__module cbpa-case-scene-two__module--content\" data-scene-two-module=\"\">\n          <span class=\"cbpa-case-scene-two__module-number\">03<\/span>\n\n          <div>\n            <span class=\"cbpa-case-scene-two__module-label\">\n  Contenido\n            <\/span>\n\n            <h3>Narrativa digital<\/h3>\n\n            <p>\n  Informaci\u00f3n transformada en recorridos visuales f\u00e1ciles de entender.\n            <\/p>\n          <\/div>\n        <\/article>\n\n\n        <article class=\"cbpa-case-scene-two__module cbpa-case-scene-two__module--seo\" data-scene-two-module=\"\">\n          <span class=\"cbpa-case-scene-two__module-number\">04<\/span>\n\n          <div>\n            <span class=\"cbpa-case-scene-two__module-label\">\n  Visibilidad\n            <\/span>\n\n            <h3>SEO t\u00e9cnico<\/h3>\n\n            <p>\n  Estructura sem\u00e1ntica, rendimiento y contenido preparado para posicionar.\n            <\/p>\n          <\/div>\n        <\/article>\n\n\n        <article class=\"cbpa-case-scene-two__module cbpa-case-scene-two__module--performance\" data-scene-two-module=\"\">\n          <span class=\"cbpa-case-scene-two__module-number\">05<\/span>\n\n          <div>\n            <span class=\"cbpa-case-scene-two__module-label\">\n  Tecnolog\u00eda\n            <\/span>\n\n            <h3>Rendimiento<\/h3>\n\n            <p>\n  Componentes modulares, carga optimizada y mantenimiento escalable.\n            <\/p>\n          <\/div>\n        <\/article>\n\n\n        <!-- Estat inferior -->\n        <div class=\"cbpa-case-scene-two__system-status\">\n\n          <span class=\"cbpa-case-scene-two__status-dot\" aria-hidden=\"true\"><\/span>\n\n           <span>\n 5 sistemas conectados\n          <\/span>\n\n          <span class=\"cbpa-case-scene-two__status-separator\" aria-hidden=\"true\"><\/span>\n\n          <span>\n 1 experiencia coherente\n          <\/span> \n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<section class=\"cbpa-case-scene-three\" id=\"cbpa-case-result\">\n\n  <div class=\"cbpa-case-scene-three__ambient\" aria-hidden=\"true\">\n    <span class=\"cbpa-case-scene-three__glow cbpa-case-scene-three__glow--one\"><\/span>\n    <span class=\"cbpa-case-scene-three__glow cbpa-case-scene-three__glow--two\"><\/span>\n    <span class=\"cbpa-case-scene-three__grid\"><\/span>\n  <\/div>\n\n  <div class=\"cbpa-case-scene-three__container\">\n\n    <!-- INTRODUCCI\u00d3 -->\n    <header class=\"cbpa-case-scene-three__header\">\n\n      <div class=\"cbpa-case-scene-three__status\">\n        <span class=\"cbpa-case-scene-three__status-dot\"><\/span>\n  Proyecto implementado\n      <\/div>\n\n      <p class=\"cbpa-case-scene-three__eyebrow\">\n  Resultado final\n      <\/p>\n\n      <h2 class=\"cbpa-case-scene-three__title\">\n  Una nueva arquitectura digital\n        <span>preparada para crecer.<\/span>\n      <\/h2>\n\n      <p class=\"cbpa-case-scene-three__lead\">\n  El proyecto transforma la experiencia digital de Costa Brava\n Parc Aventura en un sistema visual, estructurado y escalable,\n pensado para conectar cada actividad con su p\u00fablico.\n      <\/p>\n\n    <\/header>\n\n    <!-- RESULTATS -->\n    <div class=\"cbpa-case-scene-three__results\">\n\n      <article class=\"cbpa-case-scene-three__result\">\n\n        <span class=\"cbpa-case-scene-three__result-number\">\n  01\n        <\/span>\n\n        <div class=\"cbpa-case-scene-three__result-content\">\n          <span class=\"cbpa-case-scene-three__result-label\">\n  Experiencia\n          <\/span>\n\n          <h3>\n  Navegaci\u00f3n clara y visual\n          <\/h3>\n\n          <p>\n  Una estructura que permite descubrir circuitos,\n actividades, tarifas e informaci\u00f3n esencial con\n una experiencia coherente en cualquier dispositivo.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n      <article class=\"cbpa-case-scene-three__result\">\n\n        <span class=\"cbpa-case-scene-three__result-number\">\n  02\n        <\/span>\n\n        <div class=\"cbpa-case-scene-three__result-content\">\n          <span class=\"cbpa-case-scene-three__result-label\">\n  Sistema\n          <\/span>\n\n          <h3>\n  Arquitectura modular\n          <\/h3>\n\n          <p>\n  Cada p\u00e1gina forma parte de un sistema reutilizable\n que facilita la ampliaci\u00f3n de contenidos, actividades,\n idiomas y futuras funcionalidades.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n      <article class=\"cbpa-case-scene-three__result\">\n\n        <span class=\"cbpa-case-scene-three__result-number\">\n  03\n        <\/span>\n\n        <div class=\"cbpa-case-scene-three__result-content\">\n          <span class=\"cbpa-case-scene-three__result-label\">\n  Posicionamiento\n          <\/span>\n\n          <h3>\n  Base preparada para el SEO\n          <\/h3>\n\n          <p>\n  Jerarqu\u00edas de contenido, p\u00e1ginas espec\u00edficas y\n una estructura t\u00e9cnica orientada a mejorar la\n visibilidad org\u00e1nica del proyecto.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- SISTEMA CONSTRU\u00cfT -->\n    <div class=\"cbpa-case-scene-three__system\">\n\n      <div class=\"cbpa-case-scene-three__system-header\">\n\n        <div>\n          <span class=\"cbpa-case-scene-three__system-kicker\">\n  Sistema desplegado\n          <\/span>\n\n          <h3>\n  Piezas conectadas dentro de una misma experiencia.\n          <\/h3>\n        <\/div>\n\n        <span class=\"cbpa-case-scene-three__system-state\">\n  ONLINE\n        <\/span>\n\n      <\/div>\n\n      <div class=\"cbpa-case-scene-three__modules\">\n\n        <div class=\"cbpa-case-scene-three__module\">\n           <span class=\"cbpa-case-scene-three__module-icon\">\n UI\n          <\/span>\n          <span>Interfaz visual<\/span>\n        <\/div>\n\n        <div class=\"cbpa-case-scene-three__module\">\n           <span class=\"cbpa-case-scene-three__module-icon\">\n UX\n          <\/span>\n          <span>Experiencia de usuario<\/span>\n        <\/div>\n\n        <div class=\"cbpa-case-scene-three__module\">\n           <span class=\"cbpa-case-scene-three__module-icon\">\n SEO\n          <\/span>\n          <span>Arquitectura de contenidos<\/span>\n        <\/div>\n\n        <div class=\"cbpa-case-scene-three__module\">\n           <span class=\"cbpa-case-scene-three__module-icon\">\n CMS\n          <\/span>\n          <span>Gesti\u00f3n modular<\/span>\n        <\/div>\n\n        <div class=\"cbpa-case-scene-three__module\">\n           <span class=\"cbpa-case-scene-three__module-icon\">\n 4\u00d7\n          <\/span>\n          <span>Experiencia multiling\u00fce<\/span>\n        <\/div>\n\n        <div class=\"cbpa-case-scene-three__module\">\n           <span class=\"cbpa-case-scene-three__module-icon\">\n \u2197\n          <\/span>\n          <span>Sistema escalable<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- TANCAMENT -->\n    <footer class=\"cbpa-case-scene-three__footer\">\n\n      <div class=\"cbpa-case-scene-three__footer-copy\">\n\n        <span class=\"cbpa-case-scene-three__footer-label\">\n  Del concepto al sistema digital\n        <\/span>\n\n        <h3>\n  Construimos proyectos que pueden seguir evolucionando.\n        <\/h3>\n\n      <\/div>\n\n      <a class=\"cbpa-case-scene-three__cta\" href=\"https:\/\/www.bitb.cat\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <span>Iniciar una conversaci\u00f3n<\/span>\n\n        <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n          <path d=\"M7 17L17 7M9 7h8v8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n        <\/svg>\n      <\/a>\n\n    <\/footer>\n\n  <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>> costa-brava-experience.js building \u2318 principal Inicializando experiencia Caso de estudio digital Una nueva experiencia digital para Costa Brava Parc Aventura Redise\u00f1o web, arquitectura digital y experiencia visual construidos desde cero para transformar una oferta compleja en un sistema claro, atractivo y preparado para crecer. Proyecto Redise\u00f1o digital \u00c1mbito Web \u00b7 UX \u00b7 SEO Estado Sistema [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2704","page","type-page","status-publish","hentry"],"blocksy_meta":[],"featured_image_src":null,"_links":{"self":[{"href":"https:\/\/costabravaparcaventura.com\/es\/wp-json\/wp\/v2\/pages\/2704","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/costabravaparcaventura.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/costabravaparcaventura.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/costabravaparcaventura.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/costabravaparcaventura.com\/es\/wp-json\/wp\/v2\/comments?post=2704"}],"version-history":[{"count":8,"href":"https:\/\/costabravaparcaventura.com\/es\/wp-json\/wp\/v2\/pages\/2704\/revisions"}],"predecessor-version":[{"id":2879,"href":"https:\/\/costabravaparcaventura.com\/es\/wp-json\/wp\/v2\/pages\/2704\/revisions\/2879"}],"wp:attachment":[{"href":"https:\/\/costabravaparcaventura.com\/es\/wp-json\/wp\/v2\/media?parent=2704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}