Archivo de proyectos seleccionados

Diez años de trabajo que nunca llegaron a ser un caso de éxito

Cinco proyectos tienen una descripción completa. Esto es el resto del registro: webs, portales, paneles y aplicaciones entregados en el sector médico, las finanzas, el negocio local y la hostelería. Algunos tienen diez años, otros eran internos y a otros sencillamente ya no se les encuentra en la red; juntos son la razón por la que un sector desconocido deja de intimidar.

32 / proyectos

Por qué no hay enlaces

Parte de estos trabajos tiene diez años, parte era interna y parte ha sido rediseñada desde entonces por otras personas. Enviarle a una dirección que ya no refleja lo que construí sería engañoso, así que cada entrada indica el contexto del producto, mi participación y el stack, y hasta ahí llega.

01 / Archivo de proyectos seleccionados

Software médico y productos sanitarios

Los productos médicos tienen una restricción que la mayoría del software desconoce: quien los usa está en plena consulta y el paciente espera. La información tiene que aparecer en segundos, la interfaz debe seguir siendo legible para alguien que apenas la mira, y «pregunte al desarrollador» nunca es una respuesta durante el horario de consulta.

En portales, información sobre medicamentos, foros y sistemas de consulta, el trabajo repetía siempre el mismo patrón: dejar la interfaz en lo que exige cada momento, proteger la legibilidad y mantener la coherencia a medida que se añaden módulos. dr100, del mismo ámbito, tiene su propio caso de éxito completo.

  1. UI/UX research · Frontend

    01

    Dream in Color

    Investigación y concepto de front end para un producto del sector médico: la fase en la que se averigua qué usarán de verdad los médicos, antes de que nadie escriba código de producción.

    Alcance y stack: UI/UX research, Frontend

  2. Frontend · UI/UX · Custom animations

    02

    LekSeek

    Una empresa de software que vende al sector sanitario: la web tenía que sonar a un equipo al que se confían los datos de los pacientes. Front end propio sobre WordPress, con animaciones escritas a mano en lugar de pegadas con un plugin.

    Alcance y stack: Frontend, UI/UX, Custom animations · WordPress

  3. Frontend · UI/UX

    03

    drWidget

    Web de presentación de un producto médico, construida en torno a la pregunta que el médico hace primero: ¿qué cambia realmente durante la consulta?

    Alcance y stack: Frontend, UI/UX

  4. Frontend · UI/UX

    04

    Leksykon

    Un portal médico construido en torno a herramientas prácticas y no a artículos: lo que el médico abre durante la consulta y cierra un minuto después.

    Alcance y stack: Frontend, UI/UX

  5. Frontend · UI/UX · Accessible interface

    05

    Lek Seniora

    Información sobre medicamentos para lectores mayores. El tamaño del texto, el contraste y el tamaño de los elementos táctiles eran el propio briefing, no un retoque final.

    Alcance y stack: Frontend, UI/UX, Accessible interface

  6. Frontend · UI/UX

    06

    Przychodnia Anin

    Web de una clínica en WordPress con front end propio, para que el centro pueda editar los contenidos por su cuenta sin heredar las manías de una plantilla ya hecha.

    Alcance y stack: Frontend, UI/UX · WordPress

  7. Frontend · UI/UX

    07

    MedNT

    Landing page de una empresa de desarrollo del mercado sanitario: breve y contundente, porque era toda la primera impresión.

    Alcance y stack: Frontend, UI/UX

  8. Frontend · UI/UX · Community product

    08

    Lekarze Lekarzom

    Foro de debate para médicos. Los productos de comunidad mueren por fricción, así que escribir un mensaje, encontrar un hilo antiguo y leer desde el móvil tenía que ser sencillo.

    Alcance y stack: Frontend, UI/UX, Community product

  9. Frontend · UI/UX · Content portal

    09

    MedKiosk

    Portal de noticias médicas en el que la tarea del front end es, sobre todo, no estorbar a la lectura.

    Alcance y stack: Frontend, UI/UX, Content portal

  10. Frontend · UI/UX · Content portal

    10

    Zdrowa Strona

    Noticias e información médica ordenadas de forma que el lector que llega a un artículo se vaya habiendo encontrado otros tres.

    Alcance y stack: Frontend, UI/UX, Content portal

  11. Frontend · UI/UX

    11

    ChPL

    Un portal médico especializado para moverse por información profesional muy densa: un producto en el que la búsqueda y los filtros pesan mucho más que la página de inicio.

    Alcance y stack: Frontend, UI/UX

  12. Frontend · UI/UX · Product workflows

    12

    Gabinet drWidget

    Una aplicación de gestión de consulta que cubre la parte operativa: quién viene, qué se ha hecho y qué pasa a facturación.

    Alcance y stack: Frontend, UI/UX, Product workflows

  13. Frontend · UI/UX · Product interface

    13

    myDR

    Gestión de una clínica sobre un front end en Vue.js: citas, documentación y los procesos médicos que las rodean.

    Alcance y stack: Frontend, UI/UX, Product interface · Vue.js

02 / Archivo de proyectos seleccionados

Aplicaciones web, paneles y finanzas

Las herramientas internas reciben la menor atención de diseño y son las que más se usan cada día, y es justo ahí donde viven los errores caros: una cifra desactualizada en una vista de inversión, una cola de moderación que nadie consigue seguir, un informe montado con datos introducidos dos veces.

Interfaces de producto en las que ser correcto y rápido de manejar pesa más que la ambición visual: colaboración en tiempo real, paneles de administración que los moderadores abren de verdad y datos financieros presentados de modo que se vea enseguida cuando algo no cuadra.

  1. Web application · Android app · Security monitoring

    01

    Open Systems

    Para Open Systems, una empresa suiza de ciberseguridad (2021): una aplicación web y una aplicación Android para monitorizar incidentes de seguridad en la red, donde el estado de un incidente tiene que verse al instante, tanto en el escritorio como en el móvil.

    Alcance y stack: Web application, Android app, Security monitoring

  2. Web application · Product development

    02

    ReportNest

    Una aplicación de gestión de proyectos en Meteor.js, donde la colaboración en tiempo real significa que dos personas que editan lo mismo no pueden sorprenderse entre sí.

    Alcance y stack: Web application, Product development · Meteor.js, MongoDB, Blaze

  3. Admin panel · Frontend · Product interface

    03

    ODI Chat

    El área de administración de un chat anónimo. Las herramientas de moderación son ingratas y a la vez decisivas: si van lentas, los moderadores dejan de usarlas sin decir nada.

    Alcance y stack: Admin panel, Frontend, Product interface · Meteor.js, React, MongoDB

  4. Frontend · Financial interface · API integration

    04

    eCapitalist

    Una aplicación de inversión que lee datos financieros a través de una API REST, donde una cifra desactualizada o mal leída no es un fallo cosmético.

    Alcance y stack: Frontend, Financial interface, API integration · React, REST API

  5. Admin panel · Frontend · UI/UX

    05

    SWPS dashboard

    Un panel interno para profesores, pensado para personas que lo abren dos veces por semestre y no deberían tener que aprenderlo de nuevo cada vez.

    Alcance y stack: Admin panel, Frontend, UI/UX

03 / Archivo de proyectos seleccionados

Webs corporativas y de negocios locales

Para una empresa de servicios, la web suele ser todo el proceso de venta: alguien busca, entra, decide en unos segundos si esta gente parece competente, y o llama o se va. La mayoría de estas empresas también necesita editar sus contenidos sin romper el diseño.

Front ends propios sobre WordPress y Joomla en lugar de una plantilla comprada, para que el diseño resista el choque con el contenido real, además de trabajo de velocidad allí donde los visitantes llegan desde un móvil con dos rayas de cobertura.

  1. Frontend · UI implementation · CMS integration

    01

    Mute Design

    Web de una empresa de productos arquitectónicos que reducen el ruido en los edificios. Un front end en Next.js que obtiene los contenidos de WordPress mediante la API REST, de modo que marketing siguió con el editor que ya conocía.

    Alcance y stack: Frontend, UI implementation, CMS integration · React, Next.js, Material UI, WordPress REST API

  2. Frontend · UI/UX

    02

    WIWTech DSP

    Web de una empresa polaca que crea soluciones digitales a medida: el problema clásico de describir un trabajo por encargo sin sonar como todos los demás.

    Alcance y stack: Frontend, UI/UX

  3. Frontend · UI/UX

    03

    Royal Lab

    Un centro de estética del automóvil en Varsovia: aquí la web tiene una única tarea real, convertir una búsqueda local en una cita reservada.

    Alcance y stack: Frontend, UI/UX · WordPress

  4. Frontend · UI/UX

    04

    ElektroFive

    Un taller mecánico local en Varsovia. La misma tarea, solo que más sencilla: teléfono, ubicación y la señal justa para que se note que esta gente sabe lo que hace.

    Alcance y stack: Frontend, UI/UX · WordPress

  5. Frontend · UI/UX

    05

    MC5 Germany

    Web corporativa de una agencia de branding que opera en el mercado alemán. La web de una agencia es el briefing más difícil, porque es a la vez su portfolio.

    Alcance y stack: Frontend, UI/UX

  6. Frontend · UI/UX

    06

    MC5 Poland

    La versión para el mercado polaco, con el mismo lenguaje visual pero dirigida a otro grupo de clientes.

    Alcance y stack: Frontend, UI/UX

  7. Frontend · UI/UX · Load speed optimization

    07

    Bäckerei Langrehr

    Una cadena alemana de panaderías en WordPress: front end más trabajo en la velocidad de carga, porque la mayoría de las visitas llegan desde el móvil, en algún momento entre dos tiendas.

    Alcance y stack: Frontend, UI/UX, Load speed optimization · WordPress

  8. Frontend · UI/UX

    08

    Bäckerei Schiffer

    Otra cadena alemana de panaderías, esta vez en Joomla con un front end propio por encima.

    Alcance y stack: Frontend, UI/UX · Joomla

  9. Frontend · UI/UX

    09

    Zimmerei Robrecht

    Una carpintería alemana: Joomla, front end propio y esa claridad sencilla a la que el sector de la construcción responde mejor que a la decoración.

    Alcance y stack: Frontend, UI/UX · Joomla

  10. Frontend · UI/UX

    10

    Bäckerei Krechel Café

    Una panadería con cafetería que se presenta a sus clientes: horario, lo que hay de verdad en el mostrador y cómo llegar.

    Alcance y stack: Frontend, UI/UX

04 / Archivo de proyectos seleccionados

Comercio, búsqueda de ofertas y hostelería

Es el mismo problema con distinta ropa: alguien compara opciones y elegirá la que le resulte más fácil de entender. Un zapato, una habitación de hotel y una casa rural que admite perros pierden todos ante una competencia más clara.

Interfaces para clientes construidas para encontrar y comparar: las fotografías tienen espacio, los filtros responden a la pregunta con la que la gente llegó de verdad y nada se interpone entre querer algo y poder consultar su disponibilidad.

  1. Web application · Data collection · AI verification

    01

    Product Hunter

    Una herramienta que busca las mejores ofertas de un producto en tiendas online españolas y en marketplaces como Vinted y Wallapop: recoge precios de muchas tiendas, comprueba con IA si el anuncio corresponde exactamente a ese modelo y ordena los resultados.

    Alcance y stack: Web application, Data collection, AI verification · Next.js, TypeScript, PostgreSQL, Prisma, OpenAI

  2. Frontend · UI/UX · Product presentation

    02

    Aurelka

    Una marca polaca de calzado infantil: el front end tiene que hacer lo que hace una buena dependienta, mostrar el producto como se debe y acertar con la talla.

    Alcance y stack: Frontend, UI/UX, Product presentation

  3. Frontend · UI/UX · Discovery interface

    03

    Pies w Hotelu

    Un portal para propietarios de perros que buscan hoteles donde admitan a su perro. Aquí el filtrado no es una función, es el producto en sí.

    Alcance y stack: Frontend, UI/UX, Discovery interface

  4. Frontend · UI/UX · Hospitality website

    04

    Hotel Buntrock

    Un hotel alemán que presenta habitaciones y ofertas, con el objetivo silencioso de toda web de hotel: conseguir la reserva directamente y no a través de una plataforma.

    Alcance y stack: Frontend, UI/UX, Hospitality website

Siguiente proyecto

Su proyecto no tiene por qué parecerse a ninguno de estos

Lo que se traslada no es el sector, sino el patrón: entrar en un ámbito desconocido, averiguar qué tiene que hacer realmente la interfaz y entregar un front end que la siguiente persona pueda mantener. Ha pasado ya las veces suficientes como para que sea repetible y no cuestión de suerte.

Hablemos de su proyectoLeer los casos de éxito completos