Despacho contable · portal del clientePorto Alegre
Cotejo Contabilidade.
Sitio y portal del cliente de un despacho contable de Porto Alegre. El cliente entra, ve el mes fiscal con los plazos reales, envía los documentos que faltan y sigue cómo se desbloquea cada guía, con la contadora en el mismo lugar.
Caso de estudio
El desafío.
En un despacho contable, el mes del cliente suele correr por WhatsApp y correo: pedidos de documentos que se pierden, guías que llegan sueltas y la duda sobre lo que ya se pagó. El dueño de la empresa no sabe que el DAS (la guía de pago del Simples Nacional) espera el informe de ventas, ni que un día 20 en feriado cambia tres fechas. El sistema tenía que mostrar esa relación de causa y efecto, con plazos verdaderos, sin jerga y sin parecer un panel de adorno.
- 01 Mes disperso en conversacionesPedidos, guías y respuestas quedan divididos entre WhatsApp, correo y teléfono, sin historial de quién envió qué.
- 02 Documento que bloquea una guía de pagoEl cliente no ve que la guía depende de él: sin el informe de ventas, el cálculo del Simples no empieza.
- 03 Cada plazo, una reglaEl DAS y el eSocial pasan al día hábil siguiente; el FGTS y el INSS se adelantan. Errar la regla cuesta una multa.
- 04 Guía falsa en el correoLa Receita (autoridad tributaria de Brasil) ya advirtió sobre DAS falsos que solo se pagan con Pix; la guía tenía que llegar por un camino verificado.
Método Flowt
El diagnóstico.
El sitio y el portal reúnen el mes fiscal del cliente en un solo lugar, con los plazos reales, los documentos que faltan y la contadora cerca, en lugar de pedidos sueltos por WhatsApp.
- Primera pantalla y propuesta de valorDice qué hace y dónde (contabilidad para pequeñas y medianas empresas en Porto Alegre), el diferencial concreto (el portal con el mes a la vista) y muestra la acción de la demostración antes de la línea de tiempo.
- VelocidadSin ninguna foto y con las fuentes en el propio sitio; GSAP entra solo en la línea de tiempo de octubre y el portal es JavaScript puro.
- Accesibilidad verificableCero violaciones en axe en seis páginas y en las cuatro pantallas del portal.
- Camino hasta la acción principalDesde el primer toque en el celular hasta el formulario de contacto, con cuatro campos obligatorios.
- Servicio y primer pasoCuatro servicios que indican para quién son, qué se entrega y los plazos del mes; el primer paso es una conversación de 30 minutos y la propuesta por escrito, y la demostración muestra el día a día.
- Contenido que informaLa línea de tiempo de octubre filtra los plazos por régimen, con la fuente legal de cada uno; el ejemplo del ICMS-ST explica una verificación real; las preguntas tratan del cambio de contador y de la reforma tributaria, sin promesas.
Ver el análisis completo
Los 13 criterios, con la evidencia de cada punto: lo que cumple, lo que cumple en parte y lo que depende de una empresa real. Como la marca es un concepto, no existe un "antes" ni una nota total.
Ser encontrado
Título y descripción por página, un H1, JSON-LD de AccountingService, FAQPage y WebApplication, y los plazos en texto con fuente. Parcial por el noindex a propósito y por no haber menciones de terceros.
Marca conceptual, sin reseñas reales. En un proyecto real, el volumen, la recencia y las respuestas se miden antes y después en el Perfil de Empresa en Google.
Marca ficticia, sin perfil. En un proyecto real, el perfil tendría la categoría de despacho contable, con horario y barrio iguales a los del sitio.
Ser elegido
Dice qué hace y dónde (contabilidad para pequeñas y medianas empresas en Porto Alegre), el diferencial concreto (el portal con el mes a la vista) y muestra la acción de la demostración antes de la línea de tiempo.
6 de 6 verificaciones
Estructura lista: tres personas con nombre, rol y CRC marcado como ejemplo, el despacho con registro propio y barrio. En una empresa real entran los registros verdaderos y reseñas con origen.
No hay canales externos para comparar. Dentro del sitio, los plazos, el horario y los registros dicen lo mismo en la home, en el contacto, en el pie de página y en el portal.
Sin perfil por ser un concepto. En un proyecto real, la bio diría contabilidad y Porto Alegre, con enlace al portal y al contacto.
Cuatro servicios que indican para quién son, qué se entrega y los plazos del mes; el primer paso es una conversación de 30 minutos y la propuesta por escrito, y la demostración muestra el día a día.
La línea de tiempo de octubre filtra los plazos por régimen, con la fuente legal de cada uno; el ejemplo del ICMS-ST explica una verificación real; las preguntas tratan del cambio de contador y de la reforma tributaria, sin promesas.
Ser contactado
Sin ninguna foto y con las fuentes en el propio sitio; GSAP entra solo en la línea de tiempo de octubre y el portal es JavaScript puro. El elemento más grande es el título de la apertura. Medición de laboratorio.
Lighthouse 100 en celular · LCP 1,6 s
Cero violaciones en axe en seis páginas y en las cuatro pantallas del portal. El calendario se mueve con las flechas, arrastrar un archivo tiene alternativa por botón y cada estado tiene palabra e ícono, no solo color.
axe: 0 violaciones
Ningún rastreador, ninguna solicitud de red en el formulario ni en el portal, y un aviso de privacidad propio con base legal de la LGPD. Sin medición instalada, porque es un proyecto conceptual.
Desde el primer toque en el celular hasta el formulario de contacto, con cuatro campos obligatorios. La página dice lo que pasa después: respuesta en un día hábil, conversación de 30 minutos y propuesta por escrito.
1 toque hasta el formulario · 6 hasta enviar
Obligaciones del sectorDecreto-Lei 9.295/1946, art. 20, y NBC PG 01, ítem 4, r: el despacho y cada profesional aparecen con el registro en el CRC marcado como ejemplo, y el sitio no trae testimonios, precios ni número de clientes.
En un proyecto real, cada criterio se mide antes y después, con la misma regla y la evidencia de cada punto. No hay nota: lo que se ve es cuántos puntos siguen abiertos.
Estrategia
Estrategia y mapa del sitio.
El sitio del despacho abre con una herramienta, no con una promesa: la línea de tiempo de octubre, en la que la persona elige el régimen y si tiene empleados y ve los plazos que valen para ella, con la fuente legal de cada día. El portal se diseñó a partir de la dependencia entre las cosas: documento enviado, verificación, guía lista, pago. Por eso la pantalla principal es el calendario del mes, y cada guía bloqueada dice qué documento falta. La conversación con la contadora queda en el mismo sistema y reacciona a lo que pasa.
01Inicio
- Apertura con la línea de tiempo de octubre
- De dónde viene cada guía de pago
- El nombre: un ejemplo de cotejo
- Servicios y plazos
- Guías de pago por un solo camino
- El despacho y el equipo
- Preguntas
- Cierre
02Contacto
- Lo que pasa después
- Dónde estamos
- Formulario simulado
- Confirmación
03Aviso de privacidad
- Datos recibidos
- Finalidad y base legal
- Uso compartido y conservación
- Derechos
04Portal: entrada
- Lo que muestra la demostración
- Entrar a la demostración
05Portal: panel
- Este mes
- Documentos
- Guías de pago
- Conversación
- Controles de la demostración
Sistema visual
Tipografía, color y ritmo.
Atkinson Hyperlegible Next y Mono, una familia diseñada para que 0 y O, 1 y l no se confundan: en un portal de valores y códigos de barras, leer mal un número es el error que importa. La base es grafito y papel oficio. El amarillo de resaltador marca solo lo que pide acción; lo que está resuelto retrocede al gris, y el atraso es rojo con palabra.
- Línea de tiempo de octubre con filtro por régimen
- Calendario del mes con estados
- Documento que desbloquea una guía de pago
- Guía de pago con composición y regla
- Conversación con respuestas predefinidas
Momento distintivo
El mes fiscal que reacciona.
El DAS de septiembre aparece bloqueado por dos documentos. La persona arrastra los archivos de ejemplo, ve el envío, la verificación y la guía quedar lista para pagar; el calendario cambia y la contadora explica que el monto de la guía bajó porque los ingresos con ICMS por sustitución se separaron. Quien nunca entendió qué hace el contador ve la verificación suceder, con datos simulados y rotulados.
En el celular
Hecho para la pantalla pequeña.
Tres pantallas del sitio en un celular de 390 px de ancho, el más común hoy.
Comprobantes
Rendimiento medido.
Las puntuaciones siguientes se midieron en el sitio publicado con Google Lighthouse. No son una promesa: reflejan el estado del sitio en la fecha de medición. Las demostraciones se presentan en video. Las mediciones registran el estado del proyecto en la fecha indicada.
En el celular
- Elemento visible más grande (LCP)
- 1.6 s
- Estabilidad (CLS)
- 0
- Bloqueo (TBT)
- 0 ms
En computadora
- Elemento visible más grande (LCP)
- 0.4 s
- Estabilidad (CLS)
- 0.001
- Bloqueo (TBT)
- 0 ms
Medido el 04/10/2026 con Lighthouse 13.5.0, en celular simulado y en computadora. *El SEO queda por debajo de 100 a propósito: el sitio conceptual lleva la instrucción noindex para no aparecer en Google ni competir con empresas reales. La accesibilidad también se verificó con axe (cero violaciones) y la alineación se revisó en 7 anchos de pantalla.
Detrás de escena
Ficha técnica.
- Páginas
- Inicio, Contacto, Aviso de privacidad, entrada del portal, panel con cuatro pantallas y página 404
- Idiomas
- Portugués (Brasil)
- Tecnología
- HTML, CSS y JavaScript sin framework, generados por un script propio en Python
- Portal en JavaScript puro: estado de la demostración, rutas por ancla, arrastrar con puntero y con archivos de la computadora
- Ventanas con el elemento dialog nativo y atajos de teclado
- GSAP solo en la línea de tiempo de la apertura; el portal anima con CSS
- Fuentes servidas por el propio sitio, con fuente de respaldo de métrica ajustada
- CSS por página y JavaScript minificados con esbuild
- Datos estructurados schema.org (AccountingService, FAQPage y WebApplication)
- Imágenes
- Ninguna fotografía: la línea de tiempo, el calendario, el ejemplo de factura y toda la interfaz del portal se dibujaron en HTML, CSS y SVG.
- Accesibilidad
- Calendario con flechas del teclado, alternativa por botón para arrastrar archivos, etiquetas de estado en texto e ícono (nunca solo color), versión sin movimiento y cero violaciones en axe.
- Reglas del sector
- Sigue el Decreto-Lei 9.295/1946 y la NBC PG 01: el despacho y cada contadora aparecen con registro en el CRC marcado como ejemplo, sin testimonios, precios ni número de clientes.
Empieza ahora
Llevemos tu presencia digital al nivel de tu servicio.
Empieza con el diagnóstico gratuito: medimos tu presencia digital y te mostramos, punto por punto, qué corregir primero.
Agenda abierta para nuevos proyectos
Cuéntanos sobre tu proyecto
Con poca información basta. Lo demás te lo preguntamos.