Oliveros Gas ordena su web alrededor de las gestiones del usuario
El rediseño de Oliveros Gas reorganiza facturas, trámites, atención, prevención y contenidos institucionales según las tareas que las personas necesitan resolver.

El rediseño web de Oliveros Gas SAPEM organiza la información según las gestiones del usuario: consultar una factura, conocer los medios de pago, iniciar un trámite, encontrar un gasista matriculado o identificar un canal de atención. El proyecto fue desarrollado por DWVisual y combina arquitectura de contenidos, diseño visual y desarrollo web.
Rediseño web de Oliveros Gas: la portada como punto de partida
La página de inicio presenta a la empresa y, al mismo tiempo, ofrece accesos directos a tareas concretas. Entre ellos aparecen las facturas, la nueva Oficina Virtual, los consejos de seguridad y la información vinculada con Oliveros.
Las llamadas a la acción utilizan nombres descriptivos como “Ver y pagar facturas”, “Ver el tutorial” y “Conocé Oliveros Gas”. Según la documentación del proyecto, esta decisión busca que la persona pueda anticipar el destino de cada enlace sin depender de íconos o de la estructura interna de la organización.
Atención al usuario separada por necesidades
La navegación reúne facturas y pagos, medios de pago, trámites y formularios, gasistas matriculados, empresas contratistas, tarifas y cargos, preguntas frecuentes y contacto. Esta agrupación diferencia las consultas administrativas de la información institucional y de los contenidos de prevención.
La sección “Encontrá lo que necesitás” agrega una orientación inicial para quienes no conocen el nombre exacto del trámite. La factura se presenta como un recorrido paso a paso; los trámites remiten a requisitos y documentos; y el directorio de gasistas ofrece referencias de búsqueda por nombre, matrícula o localidad.
Oficina Virtual: orientar antes de derivar
El sitio institucional enlaza con la Oficina Virtual de Oliveros Gas, pero no presenta ese sistema como si estuviera integrado por completo dentro de la web principal. La separación aclara qué información se consulta en el sitio y dónde se realizan las operaciones de cuenta.
La portada incorpora accesos al tutorial de registro, las formas de pago, la explicación de la factura y el ingreso al sistema. Desde una perspectiva de experiencia de usuario, reunir esos caminos reduce la necesidad de encontrar una ayuda dentro de una noticia que podría perder visibilidad con el tiempo.
Facturas, trámites y documentos con destinos propios
El proyecto distingue entre encontrar una factura, entenderla y conocer las alternativas para abonarla. Las preguntas frecuentes incluyen temas vinculados con la descarga, la impresión y los pagos, mientras que los enlaces conducen a información ampliada cuando hace falta.
La estructura también contempla un centro de documentación y una sección de normativa y reglamento. Un trámite necesita requisitos y formularios; una novedad necesita fecha y contexto; un reglamento requiere una ubicación estable. Separar esos contenidos evita tratarlos como una lista uniforme de publicaciones.
Emergencias y consultas comerciales no comparten recorrido
La ventana de contacto pregunta con quién necesita hablar la persona y diferencia emergencias, WhatsApp comercial y guardia. La información disponible en el proyecto indica que los canales de emergencia tienen una presencia propia, mientras que las consultas sobre facturas, pagos y trámites se vinculan con la atención comercial.
Esta distinción tiene una consecuencia concreta: el usuario no debe interpretar un botón genérico para decidir dónde comunicarse. Los títulos y textos explican la finalidad de cada canal, un criterio especialmente relevante cuando se accede desde un teléfono o se necesita una respuesta rápida.
Prevención y contenidos locales dentro de la arquitectura
La web reserva un área para consejos de seguridad, monóxido de carbono y prevención de daños relacionados con obras y excavaciones. Estos contenidos mantienen una ubicación permanente y no dependen de que una publicación reciente los vuelva visibles.
El sitio también separa avisos del servicio, consejos y contenidos de comunidad. La sección “Comunidad y fechas” reúne instituciones, encuentros y publicaciones vinculadas con Oliveros sin desplazar de la portada los accesos a gestiones urgentes. La mascota de Oliveros Gas acompaña distintas escenas visuales, pero la orientación continúa dependiendo de textos, títulos y enlaces reconocibles.
Qué aporta este enfoque a una web de servicios
La propuesta muestra una aplicación concreta de diseño centrado en tareas: ofrecer varios caminos hacia la misma información mediante menú, buscador, accesos destacados y preguntas frecuentes. El buscador incorpora referencias como facturas, trámites, emergencias y gasistas, mientras que las páginas específicas pueden compartirse o guardarse para consultas posteriores.
La documentación del proyecto señala el uso de azules, fondos claros, áreas de contraste, tarjetas, botones y títulos con relaciones visuales consistentes. También indica que la navegación y los bloques se reorganizan para pantallas de distintos tamaños. Estas decisiones describen criterios de diseño; no constituyen, por sí solas, una medición de mejora en conversiones, tiempos de atención o satisfacción.
La información operativa debe mantenerse actualizada por Oliveros Gas en sus páginas de servicio. El portfolio de DWVisual sobre el rediseño de Oliveros Gas documenta la organización de la experiencia y atribuye el proyecto a Daniel Esteban Waisman, director de la firma.
Para empresas de servicios de Rosario y la región, el criterio es aplicable cuando el sitio debe atender consultas administrativas, urgencias, documentación y comunicación institucional sin mezclar sus prioridades. La decisión más importante no consiste en sumar secciones, sino en dar a cada tarea un nombre, un recorrido y un destino que puedan reconocerse desde el primer acceso.
Preguntas frecuentes
¿Qué organiza el rediseño web de Oliveros Gas?
La web organiza facturas, pagos, trámites, formularios, gasistas matriculados, empresas contratistas, tarifas, preguntas frecuentes y canales de contacto. También separa la información institucional, los avisos del servicio, la prevención y los contenidos vinculados con la comunidad de Oliveros.
¿La Oficina Virtual funciona dentro del sitio institucional?
El sitio institucional enlaza con la Oficina Virtual, pero la presenta como un destino específico para las operaciones de cuenta. La web explica cómo acceder, ofrece un tutorial de registro y reúne información sobre facturas y medios de pago antes de derivar al sistema correspondiente.
¿Cómo se diferencian las emergencias de las consultas comerciales?
La interfaz de contacto identifica destinos diferentes para emergencias, WhatsApp comercial y guardia. Las consultas sobre facturas, pagos y trámites se vinculan con la atención comercial. Así, cada canal comunica su finalidad en lugar de concentrar todas las consultas en un único botón.
Seguí leyendo
Explorá más notas y secciones de Diseño Web Rosario.



