Saltar al contenido

Proyectos

Productos digitales creados para necesidades reales de negocio.

Una selección de webs, sistemas de producto, prototipos y herramientas internas construidas con disciplina de producto e ingeniería.

Selección de proyectos en los que hemos estado trabajando...

Plataforma propia · En producción

NOPO Labs platform

Nuestra propia web bilingüe y el motor de leads con IA que la sostiene: de un breve chat a un concepto web investigado y una propuesta con precio, sin pasos manuales.

Detalle del proyecto

Problema

Convertir una consulta en una propuesta creíble suele requerir llamadas, investigación y tiempo de diseño antes de que el cliente vea algo concreto.

Objetivos

  • Guiar al visitante con un breve briefing por chat con IA, en inglés o español.
  • Investigar el negocio real (web, ficha pública y fuentes web) sin confundirlo con otros del mismo nombre.
  • Generar un concepto web con dirección de arte e imágenes propias, evaluado por una revisión automática antes de enviarse.
  • Enviar una propuesta bilingüe con precio cerrado de nuestro catálogo de ofertas y pago de reserva online.
  • Funcionar sin supervisión: cola de trabajos, reintentos, límites de tiempo, control de abuso y seguimiento de costes.

Qué medimos

  • Tiempo desde el briefing hasta el concepto y la propuesta entregados
  • Puntuación de calidad del concepto por ejecución
  • Coste de IA por lead generado
  • Propuestas que terminan en pago de reserva

Tecnología

React · TypeScript · Tailwind CSS · Postgres · Row-level security · Serverless functions · Scheduled job queue · Multi-model AI gateway · AI image generation · Places data · Web research API · Sandboxed HTML rendering · Transactional email · Stripe payments

Caso de estudio · Construido

Neutro Exteriores

Showroom premium de exteriores arquitectónicos y lujo, bilingüe, con presentación cinematográfica y exploración interactiva de pabellones.

Detalle del proyecto

Problema

Una oferta premium de arquitectura exterior es difícil de vender con fotos estáticas: el cliente necesita imaginar materiales, opciones y ambiente antes de contactar.

Objetivos

  • Presentar la marca con una jerarquía visual de lujo y cinematográfica, en inglés y español.
  • Permitir configurar un pabellón (estructura, cubierta, cerramientos, suelos, cocina, iluminación y más) mediante hotspots interactivos.
  • Convertir el interés en consultas cualificadas con un flujo de contacto estructurado.
  • Ser legible para buscadores y asistentes de IA, con consentimiento de cookies y páginas legales.

Qué medimos

  • Sesiones de configurador por visita
  • Consultas enviadas tras configurar
  • Velocidad de carga de páginas con muchas imágenes en móvil

Tecnología

React · TypeScript · Tailwind CSS · Server-side rendering · Interactive configurator · Smooth-scroll motion · Optimised WebP imagery · Postgres · Bilingual content · AI-search readiness

Caso de estudio · Construido

Sharon Nolan Coaching

Web de coaching ejecutivo con posicionamiento profesional, gestión de contenido, Leadership Check-In y recorrido de consulta.

Detalle del proyecto

Problema

La experiencia de una coach ejecutiva era difícil de valorar online: sin un recorrido de servicio claro, sin lugar para publicar contenido y sin un primer paso sencillo para un posible cliente.

Objetivos

  • Posicionar con claridad la oferta de coaching para directivos y equipos de RR. HH.
  • Permitir a la propietaria publicar y editar artículos ella misma con un editor de texto enriquecido.
  • Ofrecer un Leadership Check-In guiado como primer paso sin compromiso.
  • Hacer evidente la reserva de una consulta desde cualquier página.

Qué medimos

  • Check-ins iniciados y completados
  • Consultas reservadas desde la web
  • Artículos publicados sin ayuda técnica

Tecnología

React · TypeScript · Tailwind CSS · Server-side rendering · Postgres · Authentication and roles · Custom CMS with rich-text editor · Responsive images · Consent-based analytics

Caso de estudio · Reconstruido

Cartoony

Migración y reconstrucción de una presencia consolidada de ilustración/diseño preservando contenido, portfolio y marca.

Detalle del proyecto

Problema

Un estudio consolidado de ilustración y diseño dependía de una web WordPress envejecida, con plugins y dependencias externas que la hacían lenta y frágil de mantener.

Objetivos

  • Migrar todas las páginas, piezas del portfolio y recursos sin perder contenido.
  • Mantener la marca, la tipografía y la maquetación originales en lugar de rediseñarlas.
  • Presentar con claridad los servicios de ilustración, diseño gráfico y camisetas personalizadas.
  • Alojar todos los recursos en local y eliminar dependencias de terceros.

Qué medimos

  • Contenido y recursos migrados
  • Dependencias externas restantes
  • Velocidad de carga tras la migración

Tecnología

WordPress migration · React · TypeScript · Tailwind CSS · Static site · Self-hosted media · Portfolio gallery

Sistema de producto · En progreso

Company Online Cockpit

Cockpit guiado para lanzamiento de presencia online de pymes con flujo multi-tenant, configuración asistida por IA y tareas estructuradas.

Detalle del proyecto

Problema

Lanzar la presencia online de una empresa es trabajo repetido: los mismos pasos se explican de nuevo con cada cliente, se registran en documentos dispersos y se pierden entre partner y cliente.

Objetivos

  • Convertir el proceso de lanzamiento en un único flujo guiado compartido por partner y cliente.
  • Mantener cada cliente separado por tenant con accesos según rol.
  • Usar IA para preparar contenido de configuración en lugar de empezar de cero.

Qué medimos

  • Pasos de configuración completados sin seguimiento manual
  • Tiempo desde onboarding a presencia activa
  • Acciones del cliente completadas sin soporte

Tecnología

React · TypeScript · Tailwind CSS · Postgres · Row-level security · AI text generation

Prototipo

ACTAS Pro

Flujo de reuniones que convierte grabaciones/transcripciones en documentos ACTAS estructurados con revisión y aprobación.

Detalle del proyecto

Problema

Las actas se redactan de memoria o con notas sueltas, llegan tarde y rara vez siguen la misma estructura o aprobación.

Objetivos

  • Convertir una grabación o transcripción en un borrador estructurado.
  • Mantener revisión y aprobación humana antes de emitir cualquier documento.
  • Estandarizar decisiones, acuerdos y responsabilidades en cada documento.

Qué medimos

  • Tiempo desde el fin de la reunión al documento aprobado
  • Correcciones por borrador generado
  • Documentos que siguen la estructura acordada

Tecnología

React · TypeScript · Tailwind CSS · Speech-to-text · Structured AI output · Document export

Workspace de entrega · Build

Projecto

Workspace de colaboración y entrega de proyectos con roles, invitaciones y controles administrativos.

Detalle del proyecto

Problema

El trabajo de clientes y proyectos vive entre chats, archivos y correos, así que nadie tiene una visión fiable de quién hace qué.

Objetivos

  • Dar a cada proyecto un único espacio con miembros, roles e invitaciones.
  • Separar la visibilidad del cliente de la administración interna.
  • Hacer legible el estado de entrega sin pedir actualizaciones.

Qué medimos

  • Proyectos activos gestionados en un único lugar
  • Invitaciones aceptadas sin soporte
  • Peticiones de estado enviadas por email

Tecnología

React · TypeScript · Tailwind CSS · Postgres · Authentication and roles · Row-level security

Herramienta operativa mobile-first · Build

Vozapp

Gestión de mantenimiento e incidencias de apartamentos con seguimiento, informes PDF y flujos multilingües.

Detalle del proyecto

Problema

Las incidencias de mantenimiento llegan por llamadas, fotos en chats y traspasos verbales, así que nada es trazable y los informes se rehacen a mano.

Objetivos

  • Registrar incidencias en el sitio, desde el móvil, con fotos y campos estructurados.
  • Seguir cada incidencia desde el aviso hasta su resolución.
  • Generar un informe PDF compartible sin redacción manual.
  • Funcionar en más de un idioma para equipos mixtos.

Qué medimos

  • Incidencias reportadas con evidencia fotográfica
  • Tiempo desde el aviso hasta la resolución
  • Informes generados sin edición manual

Tecnología

React · TypeScript · Tailwind CSS · Postgres · Image storage · PDF generation

Prototipo de sistema de reglas · Prototipo

Spain Bureaucracy Navigator

Cuestionario guiado y sistema visual de reglas para navegar escenarios administrativos en España.

Detalle del proyecto

Problema

Los trámites administrativos en España dependen del conocimiento experto de cada persona, así que las respuestas son inconsistentes y difíciles de mantener actualizadas.

Objetivos

  • Convertir la lógica experta de decisión en un cuestionario guiado.
  • Permitir editar y simular reglas sin tocar código.
  • Mostrar al usuario solo el siguiente paso relevante.

Qué medimos

  • Escenarios resueltos sin intervención experta
  • Preguntas necesarias antes de una respuesta clara
  • Actualizaciones de reglas publicadas sin un despliegue

Tecnología

React · TypeScript · Tailwind CSS · Rule engine · Postgres · Admin tooling

Producto mobile-first · Prototipo

Car Care Companion

Flujo de taller para historial de servicio, captura multimedia, informes estructurados y pasaporte del coche compartible.

Detalle del proyecto

Problema

El historial de servicio del vehículo vive en carpetas de papel y facturas sueltas, así que los talleres repiten diagnósticos y el propietario no puede demostrar el mantenimiento.

Objetivos

  • Registrar cada servicio con fotos, vídeo y campos estructurados.
  • Construir un historial completo y ordenado por vehículo.
  • Dar al propietario un registro del coche que pueda compartir.

Qué medimos

  • Servicios registrados con evidencia multimedia
  • Vehículos con historial completo
  • Tiempo dedicado a preparar informes de cliente

Tecnología

React · TypeScript · Tailwind CSS · Postgres · Media storage · Report generation

Navegador privacy-first · Prototipo

Mind Path Finder

Navegador anónimo multilingüe de recursos de apoyo con chat temporal y triaje de seguridad.

Detalle del proyecto

Problema

Quien busca apoyo se encuentra con directorios dispersos, lenguaje poco claro y formularios que piden identidad antes de ofrecer ayuda.

Objetivos

  • Guiar hacia recursos relevantes sin requerir una cuenta.
  • Mantener el estado de la conversación temporal por diseño.
  • Dirigir situaciones sensibles con límites de seguridad explícitos.
  • Funcionar en más de un idioma.

Qué medimos

  • Sesiones que llegan a un recurso relevante
  • Datos personales almacenados por sesión
  • Casos sensibles dirigidos correctamente

Tecnología

React · TypeScript · Tailwind CSS · AI conversation · Ephemeral session state · Multilingual content

Build de marca/web · Build

El Tochar Fitness Club

Web one-page juguetona para gimnasio local que muestra ejecución rápida de marca y sitio a medida.

Detalle del proyecto

Problema

Un gimnasio local no tenía presencia online clara: horarios, oferta y contacto solo estaban en redes sociales y de boca en boca.

Objetivos

  • Explicar el club, la oferta y los horarios en una sola página enfocada.
  • Dar a la marca un carácter distintivo y desenfadado.
  • Hacer evidentes el contacto y la inscripción desde el móvil.

Qué medimos

  • Consultas que llegan a través de la web
  • Visitantes móviles que llegan al contacto
  • Velocidad de carga e interacción

Tecnología

React · TypeScript · Tailwind CSS · Responsive single-page build