yomidev / Abogabot-LaunchX

Practice 1 from LaunchX Bootcamp (Microsoft)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Abogabot Launch X (README en Ingles Click Here)

Práctica Módulo 1 (Frontend)

Se requiere realizar un sistema para un grupo de abogados en el cual se permita la automatización al seguimiento de los casos y demandas legales que se van a atender. Por lo parte del cliente el sistema debe de permitir ingresar la información correspondiente al caso legal; permitir realizar el pago correspondiente a través del sistema y por último tener un seguimiento del estatus de su caso y/o demanda

Toma de Requerimientos

  • Nombre del proyecto: Abogabot
  • Usuarios finales: Abogados y Clientes

Requerimientos para el sistema final que usaran los Abogados

  • Página web en donde se muestre la información correspondiente de los servicios que se ofrecen
  • Formulario para registro de casos de los clientes
  • Agregar forma de pago dentro de la página
  • Interfaz de administración para los casos y las demandas de los Clientes
  • Recibir notificaciones cada vez que llegue se registre un casos
  • Ver los detalles del caso, tanto la información ingresada por el cliente (esto se debe de poder exportar a un documento de Word) y la información del pago correspondiente
  • El sistema debe de permitir actualizar el estatus de la demanda así como de poder realizar comentarios sobre la misma
  • Poder visualizar dentro del dashboard el total de ingresos percibidos (Una opción seria también permitir realizar reportes de esto)

Requerimientos para el sistema final que usaran los clientes del despacho

  • Visualizar pagina web informativa
  • Formulario para poder registrar los datos de su caso o demanda
  • Poder realizar el pago correspondiente de honorarios
  • Recibir notificaciones vía correo electrónico sobre el estatus de su caso
  • Una vez que el cliente realiza el registro de su demanda, se debe de crear una cuenta en el sistema para que pueda llevar el seguimiento de sus casos
  • Una vez que el cliente tiene una cuenta en la plataforma, desde ahí puede dar de alta algún otro caso

Observaciones a considerar

  • Se debe de considerar el diseño responsive para que pueda ser accesible desde cualquier dispositivo
  • El sistema deberá de validar si ya existe un registro a través del correo electrónico
  • Si el registro de la persona ya existe, lo que se registro en el formulario se deberá de asignar a la cuenta existente; esto para evitar registros repetidos dentro del sistema y garantizar la integridad de la información

Buyer persona

Buyer Persona (Abogado) Buyer Persona Abogado

  • Visualizar Buyer Persona Abogado (PDF) Click here

Buyer Persona (Cliente) Buyer Persona Cliente

  • Visualizar Buyer Persona Cliente (PDF) Click here

Publico Objetivo

Publico Objetivo

Diseño UX

Wireframe Desktop (Landing Page)

Esquema PT 1 Ver Wireframes individuales click here

Wireframe Mobile (Landing Page)

Esquema PT 1 Ver Wireframes individuales click here

Wireframe Desktop (Admin Site)

Esquema PT 1 Ver Wireframes individuales click here

Diseño UI

Diseño en Figma

Para desarrollar el diseño UI se utilizo la herramienta conocida como Figma; para el diseño se utilizo un color morado azulado, que nos indica elegancia y un color amarillo opaco. (Es mi primera vez usando Figma).

  • El Diseño completo se puede visualizar a través del siguiente enlace
  • Diseño Figma
  • Algunas capturas del diseño Img1 Img2 Img3 Img4 Img5 Img6 Img7 img8

About

Practice 1 from LaunchX Bootcamp (Microsoft)