InOut: de tienda de plantilla a conserjería de élite

InOut es una conserjería para propietarios de segundas residencias y clientes de alto nivel en Andorra. Rediseñamos su web de cero con código propio: de una tienda genérica sobre plantilla Shopify a una presencia premium, rápida y profesional, a la altura del servicio que presta.

El punto de partida

InOut es nuestro proyecto insignia en Andorra: un servicio de conserjería pensado para quien gestiona un patrimonio a distancia y necesita un interlocutor de confianza sobre el terreno. El cliente ideal no es el comprador impulsivo de un e-commerce; es un propietario internacional que decide en los primeros segundos si la marca que tiene delante está a la altura de lo que administra. En ese contexto, la web no es un folleto opcional: es el primer filtro de seriedad antes de que nadie escriba un mensaje.

La web de partida, sin embargo, contaba otra historia. Partía de una tienda montada sobre una plantilla de Shopify, con la estética de un e-commerce genérico: catálogo de productos, botones de «añadir al carrito», una jerarquía visual pensada para vender objetos y no para presentar un servicio de élite. Quien aterrizaba por primera vez veía una tienda online cualquiera, no la puerta de entrada a una conserjería de alto nivel. El desajuste entre el servicio real y la superficie digital era evidente en el primer scroll.

Ese desajuste no es un detalle cosmético. En un mercado donde los negocios de hospitality, inmobiliaria y gestión de patrimonio compiten por la misma atención —a menudo en la misma sesión del mismo móvil—, la primera impresión digital es parte del servicio. Una plantilla reconocible, tipografía por defecto y una navegación de tienda comunican justo lo contrario de exclusividad, por bien resuelto que esté el trabajo real detrás. Es la misma brecha que vemos en muchas conserjerías de élite en Andorra y negocios de alto nivel: oferta premium, presencia digital genérica.

El problema no era «falta de páginas» ni «falta de productos en el catálogo». Era de posicionamiento. La arquitectura, el tono y el tratamiento visual empujaban a InOut hacia el marco mental de una tienda de objetos, cuando lo que se vende es atención, discreción y criterio. Un visitante que llega con la expectativa de un servicio de élite y se encuentra con la lógica de un carrito de la compra no se queda a leer el «quiénes somos»: cierra la pestaña. Había que reconstruir la web desde la lógica del servicio, no desde la lógica del carrito.

También importaba el tono. Un e-commerce genérico habla de stock, de envíos y de botones de compra. Una conserjería de élite habla de confianza, de disponibilidad y de un interlocutor que entiende el contexto del propietario. El copy, la jerarquía de titulares y el orden de las secciones tenían que dejar de competir con un catálogo y empezar a conducir una conversación de servicio. Sin inventar una voz artificial: simplemente alineando lo que se ve con lo que InOut es de verdad.

Decisiones de diseño

El rediseño parte de cero: código propio, sin plantilla de por medio. Esa decisión no es un capricho técnico; es la condición para que el diseño no quede limitado por lo que el constructor permite, y para que el resultado no se parezca a otras doscientas webs hechas con el mismo tema de Shopify. Con código a medida controlamos la semántica, el peso de cada página y el comportamiento en móvil sin pelear con capas de un constructor.

En tipografía, sustituimos la fuente por defecto del constructor por una composición editorial: jerarquía clara, contraste entre display y cuerpo, ritmo de lectura pensado para pantallas de móvil y de escritorio. El objetivo no es «verse más bonito» en abstracto; es que un visitante entienda en segundos de qué va el servicio, sin pelear con un layout de catálogo. Los titulares marcan el territorio de la marca; el cuerpo sostiene la explicación sin ruido visual.

En fotografía, el paso del stock y las imágenes de producto a un tratamiento cinematográfico propio cambia el registro por completo. La imagen deja de ser un relleno de plantilla y pasa a sostener la promesa de la marca: cuidado, ambientación, nivel. En un servicio de conserjería, la fotografía no es decoración; es prueba de criterio. El visitante no necesita un dossier de 40 páginas: necesita sentir, en un golpe de vista, que detrás hay un estándar alto.

La arquitectura de navegación se reescribió para presentar el servicio como lo que es —una conserjería de alto nivel— y no como una tienda. Menos fricción de catálogo, más claridad sobre qué se ofrece, a quién y cómo se contacta. El propietario que gestiona su patrimonio desde otro país no quiere recorrer diez páginas de productos: quiere entender la propuesta y hablar con alguien de confianza sin formularios interminables ni esperas de correo. WhatsApp como canal directo forma parte de esa fricción mínima; la web prepara la conversación, no la sustituye con un embudo de bloques genéricos.

Cada decisión visual y de información se midió con la misma pregunta: ¿esto ayuda a que un cliente internacional confíe en segundos, o lo frena? Si no ayuda, no entra. Ese criterio es el mismo que aplicamos en el resto del trabajo de Seuweb para marcas que no pueden permitirse una primera impresión mediocre. No se trata de acumular efectos: se trata de que cada elemento —tipo, foto, sección, CTA— trabaje en la misma dirección.

El resultado de ese filtro es una web más sobria y más clara. Hay menos elementos que «rellenan» y más elementos que deciden: promesa, prueba visual, contacto. En un proyecto de este nivel, la contención es parte del craft. Una conserjería de élite no necesita gritar en la pantalla; necesita que la pantalla no estorbe.

Resultados

El resultado se puede ver y medir. En producción (inoutad.pages.dev), Lighthouse reporta rendimiento 97, accesibilidad 96, buenas prácticas 100 y SEO 100. El LCP es de 2,1 s y el CLS es 0.

Traducido a experiencia humana: la página carga al instante, se mantiene estable mientras se renderiza (sin saltos de layout que desorienten) y se lee como una web cuidada, no como un constructor con plugins de más. Un propietario que entra desde el móvil no espera a que «termine de cargar el tema»; entra y entiende. Eso no es un lujo técnico: es la diferencia entre generar confianza o quedar descartado en la misma sesión.

Un LCP de 2,1 s y un CLS de 0 se sienten como una página que no pelea con el visitante. No hay empujones de contenido, no hay la sensación de «aún está montándose la plantilla». La accesibilidad alta y el SEO en 100 no son un adorno de informe: son la base para que la web se pueda usar, indexar y leer con solidez técnica. Los números de Lighthouse no son un trofeo abstracto; son la prueba de que el código propio y un hosting bien servido se notan en la experiencia real.

Cuando un proyecto se presupuesta a medida en el plan Marca, parte de lo que se está comprando es precisamente esa base —no un tema rellenado de bloques. La calidad percibida y la calidad medida van juntas: se ve premium porque está construida con criterio, y es fiable porque no depende de capas opacas de un constructor. Si te interesa el marco de inversión de un proyecto de este tipo (sin cifras de este caso concreto), el artículo de cuánto cuesta una página web resume el criterio con el que trabajamos planes y alcance.

Stack

Código propio, exportación estática y servicio en CDN global (Cloudflare Pages): la web se entrega como archivos ligeros, se cachea cerca del visitante y no arrastra el peso de un CMS o un constructor en cada visita. Menos piezas móviles en producción significa menos sorpresas de rendimiento y un control más directo sobre lo que se publica.

InOut es el caso que usamos de referencia cuando hablamos de craft a nivel de diseño web premium en Andorra y en el resto del corredor que atendemos: La Seu d'Urgell, l'Alt Urgell, la Cerdaña, el Pirineu y Andorra. Mismo estudio, mismo estándar, sin submarcas ni jerarquías entre zonas. Si tu negocio presta un servicio de alto nivel y la web actual sigue contando la historia de una plantilla, el camino es el mismo: reconstruir desde el servicio, no maquillar la tienda. El delta que importa no es un listado de features: es que la presencia digital deje de restar y empiece a estar a la altura de lo que ofreces.