Web

Web

Tecnología

Tecnología

SGM

SGM

Sitio de producto para un sistema de gestión de microcréditos.

Una sola página que explica a SOFOM y microfinancieras cómo dejar las hojas de cálculo y operar su cartera desde una plataforma.

Ordenada como una conversación de venta: el problema, la operación, las funciones y la demostración.

El proyecto

Un software financiero explicado desde la operación diaria

SGM, Sistema de Gestión de Microcréditos, es una plataforma desarrollada por Nextline para SOFOM y microfinancieras: conecta al equipo en campo con la mesa de control y entrega reportes a la dirección. El sitio debía presentar un producto técnico a un lector que no es técnico, el director de una financiera que hoy administra su cartera en hojas de cálculo y grupos de mensajería. El reto fue traducir módulos y funciones a situaciones que ese lector reconoce en su operación, y conducirlo a una sola acción: agendar una demostración. El sitio web se diseñó para el equipo de Nextline, creador de la plataforma y del servicio.

Cliente

SGM

Industria / Giro comercial

Tecnología · Software financiero

Año de colaboración

2026

Servicios

Diseño web, Iconografía

Submarca de

Nextline

Ver todas las imágenes

Ver todas las imágenes

El sitio

Primero el problema, después el producto

La página abre con una frase dirigida a quien todavía lleva su cartera en Excel y con la ventana del sistema a la vista. Antes de describir funciones, la sección «Reconoces la operación» enuncia cuatro situaciones en palabras del propio cliente: la cartera en hojas de cálculo, el trabajo en campo sin visibilidad, los cobros que se pasan y los documentos que se pierden.

Tres puntos de control

El funcionamiento se explica por rol y no por módulo. Equipo en campo, mesa de control y visibilidad ejecutiva ocupan cada uno un bloque con su verbo (registra, aprueba, supervisa), un párrafo breve y la pantalla que le corresponde, en teléfono o en computadora según quién la usa.

Sistema visual

El sitio se resuelve con azul marino, verde y menta sobre fondos que alternan entre oscuro y claro para separar los momentos del recorrido. Los títulos se componen en Outfit con interletra cerrada y reservan el verde para la mitad de la frase que importa; el coral aparece únicamente en los iconos de los problemas. El logotipo de SGM ya existía; para el sitio solo se adaptaron las variantes de su isotipo.

Ver todas las imágenes

Ver todas las imágenes

El recorrido

Funciones que se leen de un vistazo

Las seis características de la plataforma se presentan en tarjetas con un icono de línea, un título y una sola oración. Los seis iconos se dibujaron para el sitio: comparten trazo y un aro que va del verde a la menta, de modo que el conjunto se percibe como una familia y no como una lista.

Una sola acción

El botón para agendar una demostración se repite en la navegación, en el inicio, en la sección de características y en el cierre; el inicio y el cierre lo acompañan de las mismas tres condiciones: duración, adaptación al modelo de crédito y cotización. Las preguntas frecuentes resuelven las objeciones habituales antes del contacto.

Versión móvil

En teléfono, cada sección se reordena en una sola columna y conserva su jerarquía: las tarjetas de problemas se apilan, los tres puntos de control mantienen su pantalla y el llamado a la demostración permanece al alcance durante todo el recorrido.

El resultado es un sitio de una página que permite a Nextline presentar el sistema completo en una primera conversación y dejar al interesado a un paso de la demostración.

0

0

Secciones en una sola página

0

0

Problemas de operación enunciados

0

0

Puntos de control explicados por rol

0

0

Características con icono propio

0

0

Secciones en una sola página

0

0

Problemas de operación enunciados

0

0

Puntos de control explicados por rol

0

0

Características con icono propio

Construyamos juntos
la identidad que tu marca merece.

Construyamos juntos
la identidad que tu marca merece.

Construyamos juntos
la identidad que tu marca merece.

¿Su marca aparece con nosotros y prefiere que se retire? Escríbanos desde el correo de su empresa a contacto@hopara.com.mx y con gusto atendemos su caso.

Diseñado y desarrollado con 💜 desde Guadalajara, México.

© 2026 Hopara, todos los derechos reservados.

Diseñado y desarrollado con 💜 desde Guadalajara, México.

© 2026 Hopara, todos los derechos reservados.

Hablemos de tu proyecto

Hablemos de tu proyecto