ATENDER · Una web que hace visible
el valor de acompañar.

Un proyecto que empezó por entender cómo trabaja ATENDER

El rediseño del sitio de ATENDER partió de una necesidad concreta: explicar con claridad qué hace un broker de seguros cuando su trabajo incluye mucho más que gestionar una contratación. La empresa analiza riesgos, acompaña a sus clientes, participa en la gestión de siniestros y conecta distintos departamentos y especialidades. Esa forma de trabajar necesitaba una presencia digital capaz de mostrar sus diferencias y orientar a públicos con necesidades distintas.

Desde DWVisual abordamos el proyecto como un sistema de comunicación completo. El diseño, la arquitectura, el desarrollo y la organización de los contenidos se trabajaron juntos. Cada página debía tener una función reconocible dentro del recorrido: presentar la propuesta de ATENDER, explicar un servicio, aportar información útil o abrir una conversación con el equipo adecuado. El sitio resultante puede recorrerse en atender.com.ar.

El trabajo se desarrolló en contacto con Juan Caeiro, conocido como Juanjo, y el equipo de ATENDER. Los materiales y las revisiones del cliente fueron fundamentales para conservar su conocimiento del negocio. Nuestra tarea consistió en convertir ese contenido en una experiencia web coherente, legible y administrable, con atención a los detalles que aparecen tanto en una pantalla grande como en un teléfono.

La home: una entrada con una idea central

La página de inicio presenta el posicionamiento de ATENDER desde el primer contacto. La cabecera combina una imagen de gran presencia con un mensaje directo y una composición que permite reconocer la marca. A partir de allí, el recorrido explica su método: diagnóstico, recomendación, cobertura y seguimiento. Esa secuencia ayuda a entender cómo comienza el vínculo y por qué el análisis de riesgos ocupa un lugar propio dentro de la propuesta.

La jerarquía visual organiza la información por importancia. Los títulos permiten explorar rápidamente; los párrafos amplían lo necesario; las tarjetas y los enlaces llevan hacia contenidos específicos. El visitante puede conocer los departamentos de Vida, Salud y Defensa al Asegurado, consultar las opiniones de clientes, reconocer aseguradoras y acceder a las novedades. Las piezas forman parte de una misma navegación y conservan una identidad reconocible.

También trabajamos las transiciones entre secciones. Una portada con fuerza necesita mantener el interés durante el resto de la página. Por eso se combinaron cambios de escala, espacios de lectura y bloques visuales con funciones precisas. El objetivo de cada recurso es facilitar la orientación y hacer visible la información relevante, especialmente cuando la visita ocurre desde un celular y con poco tiempo disponible.

Arquitectura para empresas, personas y productores asesores

Una de las decisiones principales fue organizar el sitio de acuerdo con los públicos de ATENDER. Una empresa que busca analizar sus riesgos necesita un recorrido distinto del de una persona interesada en vida o salud. A su vez, un Productor Asesor de Seguros que evalúa sumarse a una red necesita conocer el respaldo técnico, las capacitaciones y las condiciones de trabajo compartido.

La navegación principal permite reconocer esas entradas y acceder a páginas especializadas. Se incorporan recorridos para Pymes y Personas, junto con PAS Asociados, Blog, Nosotros y Contacto. El conjunto se completa con Análisis de Riesgos, Todo Riesgo Operativo, Vida, Salud y DDA. Las denominaciones se mantienen consistentes entre menú, contenido y pie de página para que el visitante pueda ubicarse a lo largo de la navegación.

El trabajo de arquitectura también alcanza los enlaces dentro de los textos. Una explicación puede conectar con un caso, un concepto puede ampliarse en el glosario y una necesidad puede conducir a la consulta correspondiente. Estas relaciones evitan que las páginas funcionen como piezas aisladas y permiten que cada persona profundice según su situación. La estructura hace explícita la relación entre la empresa, sus servicios y los contenidos que los explican.

DDA: una identidad propia para explicar la defensa del asegurado

El Departamento de Defensa al Asegurado tiene una página con personalidad visual propia dentro del sistema de ATENDER. Su cabecera utiliza la imagen de una niña frente a un rinoceronte, una composición elegida para acompañar el concepto de respaldo frente a una situación desigual. El trabajo de diseño cuidó la relación entre imagen, título y espacio disponible, con encuadres específicos para escritorio y móvil.

La página presenta qué es el DDA y en qué situaciones interviene. La información se organiza en bloques que permiten comprender los tipos de gestión que describe ATENDER: reclamos a terceros, revisión de ofertas y gestión integral de siniestros complejos. El contenido mantiene la voz y las precisiones aportadas por el cliente. Desde el diseño, nuestro aporte fue ordenar esos mensajes y facilitar su lectura sin perder su relación con la identidad general del sitio.

Las preguntas frecuentes aportan otra profundidad de lectura. Quien necesita entender el alcance del departamento puede desplegar respuestas concretas antes de avanzar. El formulario reúne los datos necesarios para iniciar una evaluación, mientras que un enlace hacia un caso real permite conocer cómo se presenta una intervención. La página conecta explicación, contexto y contacto en un recorrido visible. Las condiciones del servicio corresponden a ATENDER y se consultan en su sitio.

PAS Asociados: mostrar una red que trabaja en conjunto

La sección PAS Asociados se dirige a Productores Asesores de Seguros. Su diseño se diferencia mediante una cabecera oscura y una representación visual de conexiones. El recurso acompaña la idea de una red disponible para respaldar el trabajo de cada productor. La composición mantiene la marca de ATENDER y suma una identidad que permite reconocer inmediatamente este recorrido específico.

El contenido organiza los motivos para pertenecer a la red en áreas concretas: acceso a compañías, respaldo técnico, siniestros y capacitación. Cada bloque reúne un título, una explicación breve y una jerarquía común. Así, el visitante puede comparar los distintos aspectos del acompañamiento antes de seguir leyendo. La información sobre el equipo y sus alianzas amplía esa presentación con el contexto aportado por ATENDER.

Los testimonios audiovisuales tienen un lugar central en la sección. La página permite reproducir las experiencias de Maximiliano Sciascia, Fernanda Szakiel, Hernán Maidana y Santiago Tejerina. Presentar sus nombres y roles junto a los videos ayuda a reconocer quién habla. La experiencia se completa con preguntas frecuentes y un formulario de contacto orientado a conocer al productor y acercarlo a las capacitaciones. En móvil, los contenidos se reorganizan para conservar lectura y controles accesibles.

Un sistema visual que se adapta a cada contenido

La identidad del proyecto se sostiene mediante tipografía, paleta, proporciones y criterios de composición compartidos. Los fondos claros acompañan la explicación de servicios; los bloques oscuros permiten destacar mensajes y construir pausas dentro del recorrido. Las imágenes reciben un tratamiento específico según su función: presentar personas, introducir un departamento o acompañar un contenido editorial. La intención es que el usuario reconozca a ATENDER en cada página y, al mismo tiempo, distinga el tema que está consultando.

La adaptación responsive requirió decisiones particulares. Una imagen que funciona como cabecera horizontal puede necesitar otro encuadre en un teléfono. Un título que ocupa varias líneas debe mantener su legibilidad sin tapar los elementos importantes de la fotografía. Las tarjetas y los testimonios deben reorganizarse de acuerdo con el ancho disponible. Se trabajaron estas situaciones durante las rondas de revisión, incluyendo ajustes de tamaño, alineación, espaciado y ubicación de elementos.

También se prestó atención a los movimientos y estados de interacción. Las apariciones de contenido y transiciones acompañan la lectura; los controles de navegación conservan señales visuales que ayudan a reconocer su función. El criterio de movimiento reducido forma parte de la implementación. El diseño busca que la información siga siendo comprensible cuando el visitante prefiere una experiencia con menos animaciones o navega de otra manera.

Blog, casos y glosario: el conocimiento tiene una estructura

El sitio reúne servicios y contenido editorial en una misma arquitectura. El blog permite publicar análisis y novedades vinculados con el mundo de los seguros. Los casos presentan situaciones y decisiones que ayudan a comprender cómo trabaja ATENDER. El glosario reúne conceptos que pueden resultar desconocidos para una persona que llega por primera vez. Cada tipo de contenido responde a una necesidad de lectura diferente.

Diseñar estas secciones implicó organizar títulos, imágenes, extractos y accesos. Una tarjeta editorial debe permitir reconocer el tema antes de abrir la página. Dentro de la nota, los encabezados ayudan a recorrer el contenido y los enlaces permiten ampliar la información. La posibilidad de compartir una publicación acompaña ese uso: las notas cuentan con acciones para compartir y copiar el enlace, además de accesos a WhatsApp, Facebook y LinkedIn.

La autoría también forma parte del proyecto. El conocimiento especializado de ATENDER se presenta con el contexto de quien lo aporta. Esa relación entre contenido y responsable ayuda a interpretar una publicación y a reconocer la experiencia detrás de ella. Para DWVisual, organizar el conocimiento del cliente significa darle una forma que pueda consultarse, mantenerse y conectarse con las necesidades de quienes visitan la web.

WordPress y una administración pensada para continuar

El desarrollo se apoya en WordPress y en una implementación adaptada al proyecto. La administración permite sostener el contenido institucional y editorial, con una estructura que conserva la relación entre páginas, publicaciones y recursos. El sitio fue trabajado como una base que puede evolucionar cuando ATENDER actualiza información, incorpora materiales o desarrolla nuevas líneas de comunicación.

Los formularios se integran en los recorridos de consulta. Cada uno mantiene etiquetas comprensibles, los campos correspondientes a su contexto y referencias a las condiciones de privacidad. El trabajo del proyecto incluyó revisiones de validación, presentación de estados y protección contra envíos no deseados. La documentación de las últimas rondas registra la comprobación de los circuitos de recepción y posteriores mejoras de protección de los formularios.

La puesta en línea también requirió atender aspectos que no se perciben en una captura: enlaces internos, versiones de recursos, organización de archivos y conservación de respaldos. Estas tareas sostienen la operación cotidiana. El proyecto incluye un proceso de revisiones sucesivas en el que se ajustaron elementos visuales y funcionales a partir de observaciones del cliente, hasta llegar a la presentación publicada que mostramos en este portfolio.

SEO y comprensión por sistemas de inteligencia artificial

La preparación para buscadores y sistemas de IA comienza por expresar con claridad quién es ATENDER, qué servicios ofrece y cómo se relacionan sus contenidos. El proyecto trabaja esa base mediante páginas con objetivos definidos, títulos descriptivos, jerarquías semánticas y enlaces internos. La información central se presenta como texto visible, de modo que pueda leerse y comprenderse junto con las imágenes que la acompañan.

La estructura técnica contempla metadatos, direcciones de página, referencias canónicas, mapas del sitio y datos estructurados vinculados con los contenidos. Estas piezas ayudan a describir la organización y a ordenar sus publicaciones. El trabajo incluye el archivo llms.txt como referencia complementaria. Su presencia acompaña la documentación del sitio; la comprensión y la visibilidad siguen dependiendo del contenido, de su calidad y de cómo lo procesan los servicios externos.

En la conversación sobre GEO —optimización para entornos de búsqueda generativa— es útil distinguir las acciones realizadas de sus resultados futuros. En ATENDER se desarrolló una base de contenido y estructura para facilitar la interpretación del sitio. La aparición en respuestas de asistentes, la indexación y las posiciones dependen de cada plataforma y de una evolución que requiere seguimiento. Presentamos el trabajo implementado y su propósito, sin atribuirle resultados que no fueron medidos.

El detalle se construyó en las revisiones

La documentación de ATENDER muestra un proceso de trabajo sostenido. Las observaciones llegaron organizadas por páginas y elementos: cabeceras, encuadres, títulos, navegación, testimonios, formularios y pie de página. Esa precisión permitió revisar cada punto con su contexto y conservar las decisiones que ya estaban aprobadas. El intercambio con el cliente ayudó a encontrar el equilibrio entre una presentación visual fuerte y la manera concreta en que ATENDER quiere explicar su actividad.

Entre los ajustes finales aparecen el tratamiento de las imágenes de DDA y Análisis de Riesgos, la organización de enlaces del pie de página, la ubicación de la información institucional y los controles para compartir notas. Son detalles diferentes, pero todos influyen en el uso del sitio. Una web se experimenta como un conjunto: la coherencia depende tanto de la primera impresión como de lo que ocurre al desplazarse, abrir un menú o buscar dónde consultar.

La experiencia de Juan Caeiro “Juanjo”

Juan compartió una reseña de cinco estrellas en Google sobre el trabajo realizado. Su testimonio aporta la perspectiva del cliente y describe tanto el proceso a distancia como su valoración de la web:

★★★★★

“Trabajamos con Daniel todo Online con una predisposición y un profesionalismo, excelente logramos una página web para mi empresa, estéticamente agradable para el humano y con mucho trabajo para el GEO de IA”

Juan Caeiro “Juanjo” · ATENDERReseña original en Google ↗

Valoramos especialmente esa devolución porque conecta dos aspectos que trabajamos durante el proyecto: la experiencia de las personas y la organización técnica del contenido. La reseña expresa la opinión de Juan sobre el resultado. Para nosotros, también representa el valor de una colaboración en la que el cliente aporta su conocimiento y participa de las decisiones que terminan definiendo la web.

Recorré el proyecto publicado

La nueva web de ATENDER puede visitarse en atender.com.ar. Desde este caso podés explorar la home, abrir DDA y conocer PAS Asociados, además de comparar las capturas de escritorio y celular. Los mockups reúnen pantallas reales del sitio para mostrar cómo se relacionan sus distintas secciones. La composición de presentación pertenece al portfolio de DWVisual; las interfaces corresponden al trabajo publicado para ATENDER.

Si tu empresa necesita ordenar una oferta amplia de servicios, renovar su presentación o convertir su conocimiento en contenido consultable, podés conocer nuestro servicio de diseño web corporativo y conversar con DWVisual. Trabajamos desde Rosario con empresas de distintas ciudades, mediante un proceso de definición, diseño, desarrollo y revisión. El punto de partida es comprender qué necesita comunicar cada organización y cómo debería funcionar su sitio para acompañar ese trabajo.