Oliveros Gas: rediseño web para la atención al usuario

La página de inicio presenta a Oliveros Gas y, al mismo tiempo, permite empezar una gestión. La frase «Tu servicio de gas, más cerca» acompaña un acceso visible a las facturas. Las siguientes escenas presentan la nueva Oficina Virtual, los consejos de seguridad y la relación de la empresa con Oliveros. Esta secuencia distribuye información que tiene distinta urgencia y evita que la portada dependa de una única noticia para explicar el servicio.

Trabajamos las llamadas a la acción con nombres concretos. «Ver y pagar facturas», «Ver el tutorial» y «Conocé Oliveros Gas» anticipan el destino de cada enlace. La persona puede elegir su recorrido por lo que necesita resolver. Más abajo, los accesos a medios de pago, trámites, gasistas y tarifas sostienen esa misma lógica. La portada funciona como una entrada a los contenidos, con distintas oportunidades de llegar a una sección sin recorrer un menú completo.

La navegación agrupa las gestiones en un área de atención al usuario. Allí aparecen facturas y pagos, medios de pago, trámites y formularios, gasistas matriculados, empresas contratistas, tarifas y cargos, preguntas frecuentes y contacto. Esta organización permite distinguir las consultas administrativas de los contenidos sobre la empresa o la seguridad del hogar. También da a cada tema una dirección propia que puede compartirse en una respuesta o guardarse para una consulta posterior.

La arquitectura contempla diferentes formas de buscar. Algunas personas conocen el nombre de un trámite y van directamente al menú. Otras necesitan una orientación inicial. Por eso, la portada incluye el bloque «Encontrá lo que necesitás», con explicaciones breves sobre cada destino. La factura se presenta como un recorrido paso a paso; los trámites remiten a requisitos y documentos; el directorio de gasistas explica qué puede buscarse. El contenido acompaña la elección antes de pedirle al usuario que abra otra página.

La web conecta con la Oficina Virtual de Oliveros Gas mediante enlaces identificables. El sistema de gestión se mantiene como un destino específico, mientras el sitio institucional explica cómo llegar y qué puede hacerse allí. Esta distinción es parte del trabajo de comunicación: la persona encuentra orientación en la web y realiza las operaciones de su cuenta dentro del sistema correspondiente. No se presenta el acceso como una función desarrollada íntegramente dentro del sitio institucional.

Para acompañar el cambio de sistema, la portada incorpora un bloque dedicado a la nueva Oficina Virtual. Desde allí se puede abrir el tutorial de registro, consultar las formas de pago, acceder a la explicación de la factura o ingresar al sistema. Reunir esos enlaces permite resolver dudas previas sin abandonar el contexto. El tutorial tiene una presencia propia y no queda escondido dentro de una noticia que perdería visibilidad al incorporarse publicaciones posteriores.

La factura reúne varias necesidades que conviene separar: encontrarla, entenderla y conocer las opciones para abonarla. En el diseño las tratamos como recorridos relacionados, con destinos claros. La página de inicio ofrece tanto el ingreso a la Oficina Virtual como una guía para leer la factura. Los medios de pago cuentan con un acceso propio. De esta manera, una persona que busca una explicación no necesita entrar primero a su cuenta para descubrir dónde está la ayuda.

Las preguntas frecuentes completan ese recorrido con respuestas sobre descarga, impresión y opciones de pago. Desde esas respuestas se enlaza la información ampliada. El criterio consiste en dar una orientación breve y ofrecer un siguiente paso concreto. Las condiciones operativas deben mantenerse actualizadas en las páginas del servicio; el portfolio documenta la organización de la experiencia, sin reemplazar las instrucciones vigentes que publica Oliveros Gas para sus usuarios.

La estructura diferencia los trámites de la información institucional y de las novedades. Esto permite que los requisitos y los formularios se encuentren por su función, aunque no sean contenidos recientes. El menú incluye además un centro de documentación y una sección de normativa y reglamento. Esos espacios ayudan a reunir materiales de consulta que tienen otra duración y otra forma de uso que una publicación de actualidad.

Desde el punto de vista del diseño web, esta separación evita presentar todos los contenidos como una lista de artículos. Un trámite necesita un título reconocible, una explicación y acceso a la documentación relacionada. Una novedad necesita fecha y contexto. Un reglamento requiere una ubicación estable. El trabajo de DWVisual organiza esos tipos de información dentro de un mismo sitio, respetando la forma en que cada uno puede ser buscado, compartido y consultado.

El sitio incorpora accesos diferenciados para gasistas matriculados y empresas contratistas. La presentación del directorio de gasistas indica que la búsqueda puede realizarse por nombre, matrícula o localidad. Así, el usuario cuenta con varias referencias para localizar información. El enlace aparece tanto en la navegación como entre las tareas destacadas de la portada, lo que reconoce su utilidad dentro de la atención cotidiana.

La web también conserva una aclaración necesaria: antes de contratar, corresponde confirmar la habilitación y la categoría de la matrícula. Mostrar un directorio no equivale a resolver todas las verificaciones de una contratación. En la comunicación del proyecto evitamos atribuir al sitio una garantía que no ofrece. El aporte del desarrollo consiste en ordenar el acceso a la información disponible y conectar al usuario con el contenido pertinente de Oliveros Gas.

La atención comercial y una emergencia necesitan recorridos distintos. El sitio hace visible esa diferencia mediante una ventana de contacto que pregunta con quién necesita hablar la persona. Las opciones identifican emergencias, WhatsApp comercial y guardia. En lugar de llevar todas las consultas a un único botón genérico, el diseño presenta alternativas con su propósito y permite elegir el canal que corresponde.

Esta organización también se refleja en los teléfonos útiles y en la navegación superior. Los canales de emergencia tienen presencia propia; las consultas sobre facturas, pagos y trámites se vinculan con la atención comercial. El trabajo visual usa títulos, color y espacio para distinguir las opciones. La elección de un canal no depende solamente de reconocer un icono. El texto explica el destino y mantiene la información comprensible para quien llega por primera vez.

La prevención ocupa un área reconocible dentro de la web. El menú incluye consejos de seguridad, monóxido de carbono y prevención de daños vinculada con obras y excavaciones. En la portada, un bloque introduce estos contenidos y conduce a las páginas correspondientes. La información se presenta como parte de la relación cotidiana con el servicio, con acceso permanente y una jerarquía propia.

La mascota de Oliveros Gas acompaña varias escenas del sitio y ayuda a mantener continuidad entre atención, información y consejos. En el proyecto visual se integra con la identidad de la empresa, las pantallas y los mensajes. La ilustración acompaña la explicación; los enlaces y los textos siguen siendo los elementos que permiten orientarse. Esta combinación evita que la información dependa de leer una imagen o interpretar un gesto del personaje.

Los avisos requieren una presencia distinta de los contenidos que se consultan durante todo el año. La portada dispone de un espacio reconocible para comunicar novedades operativas y dirigir a una página con más información. La estructura también contempla un archivo de avisos. Esa separación permite que una comunicación puntual tenga visibilidad sin reemplazar los accesos a facturas, trámites o atención.

El menú de novedades distingue consejos, avisos del servicio y comunidad. La clasificación ayuda a entender qué tipo de información se está consultando. También permite construir una comunicación que no dependa únicamente de las redes sociales: el sitio conserva páginas propias, con enlaces que pueden compartirse desde otros canales. Para una empresa de servicio local, disponer de ese punto de referencia facilita que una misma explicación pueda encontrarse desde distintos recorridos.

La web reserva un espacio a las instituciones, fechas y encuentros vinculados con Oliveros. La sección «Comunidad y fechas» convive con los contenidos de atención y presenta publicaciones relacionadas con la vida local. En la portada, estas piezas tienen una identidad diferenciada que permite reconocer su carácter comunitario antes de abrirlas. El sitio expresa así una relación con el lugar que va más allá de enumerar servicios.

En el diseño cuidamos que este espacio no compita con una gestión urgente. Su ubicación forma parte de una secuencia que primero presenta tareas, orientación y seguridad, y luego desarrolla otros aspectos de la empresa. La jerarquía permite sumar contenido institucional sin obligar a recorrerlo para encontrar una factura. El resultado es una portada con distintos niveles de lectura, donde cada persona puede detenerse en aquello que necesita.

El buscador ofrece otra forma de acceder a trámites, documentos y consejos. Su interfaz propone referencias como facturas, trámites, emergencias y gasistas, y también conduce a los resultados completos. Estos accesos acompañan a quien prefiere escribir una consulta o necesita orientación para empezar. La búsqueda se integra al sistema de navegación y conserva la relación con las preguntas frecuentes.

Las preguntas frecuentes, por su parte, permiten consultar respuestas breves sin abrir de inmediato una página extensa. Cada pregunta tiene un tema reconocible y, cuando corresponde, un enlace para ampliar. En el trabajo de contenidos se busca que las respuestas tengan sentido por sí mismas y que el siguiente paso sea claro. Esta combinación de menú, buscador, accesos destacados y preguntas ofrece caminos diferentes hacia la misma información útil.

La composición utiliza la identidad de Oliveros Gas con una paleta de azules, fondos claros y áreas de contraste para los mensajes principales. Las tarjetas, los botones y los títulos mantienen relaciones visuales reconocibles. El diseño distribuye contenidos extensos en bloques que pueden recorrerse de manera progresiva. La portada combina escenas amplias con accesos de lectura breve, lo que ayuda a diferenciar presentación institucional y tareas concretas.

El trabajo contempla la consulta desde pantallas de distintos tamaños. La navegación y los bloques se reorganizan para que las opciones sigan siendo identificables al cambiar de dispositivo. Los mockups del proyecto muestran el sitio como parte de una experiencia digital completa, pero la información importante permanece disponible como texto en las páginas. Este criterio permite explicar el servicio con claridad y facilita que los contenidos se mantengan y compartan sin depender de una pieza gráfica.

La organización del sitio describe entidades y tareas concretas: Oliveros Gas SAPEM, servicio de gas natural, facturas, trámites, gasistas y atención al usuario. Los títulos explican el tema de cada página y los enlaces relacionan contenidos que se complementan. Esta base forma parte del enfoque de diseño web y SEO de DWVisual: que la información tenga una estructura útil para las personas y pueda interpretarse con claridad en los sistemas de búsqueda.

La presencia de secciones y textos no garantiza posiciones ni resultados comerciales. El trabajo que puede observarse es la organización de contenidos, la identidad visual y la conexión entre tareas. La evolución del sitio requiere mantener vigentes los avisos, documentos y condiciones del servicio. El proyecto deja una estructura donde esa información tiene un lugar definido y donde cada actualización puede integrarse sin reconstruir toda la navegación.

El resultado reúne una portada orientada a gestiones, accesos a la Oficina Virtual, orientación sobre facturas, directorios, documentación y comunicación local. El diseño conecta esos contenidos con una identidad común y con llamados a la acción que explican qué puede hacer el usuario. La renovación convierte al sitio en un punto de consulta sobre la empresa y sus servicios, con recorridos diferenciados para necesidades que antes de diseñar conviene entender por separado.

Podés recorrer el sitio de Oliveros Gas para ver cómo se relacionan sus secciones. Si tu organización necesita ordenar trámites, contenidos o consultas, en DWVisual trabajamos el diseño y desarrollo web desde esa experiencia de uso. Cada proyecto requiere revisar su información real y decidir qué debe encontrar primero el visitante. En este caso, la respuesta se construyó alrededor de una comunidad y de las gestiones que forman parte de su vida cotidiana.

Visitar la web de Oliveros Gas SAPEM · Ver otros trabajos de DWVisual · Contanos tu proyecto