Skip to content
16 changes: 8 additions & 8 deletions 01 - INTRO/practicas/README.md
Original file line number Diff line number Diff line change
@@ -1,24 +1,24 @@
# Practicas de Intro a Frontend
# Prácticas de Intro a Frontend

Para las practicas de esta semana tendrán el siguiente caso y a raiz de eso sacar los puntos mencionados abajo.
Para las prácticas de esta semana tendrán el siguiente caso y a raíz de eso sacar los puntos mencionados abajo.

**Caso: Abogabot**
Descripción:
- Es un despacho de abogados que quiere automatizar las demandas de sus clientes, esto lo harán a traves de una página web llenando un formulario.
- Al momento de llenar el formulario se manda al proceso de pago para finalizar la transacción.
- Para dar seguimiento a su demanda, el cliente crea una cuenta en la plataforma y verá el seguimiento de cada una de las actualizaciones del proceso legal.
- El administrador del sitio recbe la notificación de una nueva demanda y con los datos llenados del formulario se crea automaticamente el documento legal en formato word para empezar el proceso.
- El administrador del sitio recibe la notificación de una nueva demanda y con los datos llenados del formulario se crea automáticamente el documento legal en formato word para empezar el proceso.
- El administrador recibe el pago y debe de ser capaz de verlo en un dashboard para ver la cantidad de ingresos recibidos.
- El administrador actualiza el proceso de la demanda y agrega comentarios en cada paso del proceso.
- Al usuario le llegan correos de notificación para saber el avance de su proceso.
- La página debe de ser responsive para poderla ver desde el celular.
- La preferncia de colores del cliente es azul marino y blanco, pero acepta propuestas.
- La página debe de ser responsive para poder visualizarla correctamente desde el celular.
- La preferencia de colores del cliente es azul marino y blanco, pero acepta propuestas.


- **Practicas**
- **Prácticas**
- [Toma de requerimientos](./1.-requerimientos.md)
- [Crea tu buyer persona](./2.-buyerPersona.md)
- [Publico objetivo](./3.-publicoObjetivo.md)
- [Crea tu buyer persona](./2.-buyerPersona.md)
- [Público objetivo](./3.-publicoObjetivo.md)
- [Crea tu primer Wireframe UX](./4.-wireframe.md)
- [Ahora el UI](./5.-ui.md)

Expand Down
Binary file added 01 - INTRO/propias/1. Requerimientos.pdf
Binary file not shown.
Binary file added 01 - INTRO/propias/2. buyer_persona.pdf
Binary file not shown.
Binary file added 01 - INTRO/propias/3. publico_objetivo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 01 - INTRO/propias/4. Wireframe.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 01 - INTRO/propias/5. UI.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
17 changes: 17 additions & 0 deletions 01 - INTRO/propias/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
# Prácticas de intro a la FrontEnd-Mission

## 1. Requerimientos que solicita el cliente para el caso Abogabot
Para el modelamiento de los requerimientos se usa la plantilla de este [enlace](https://github.com/romarpla/FrontEnd-Mision/blob/main/01%20-%20INTRO/practicas/1.-Reqierimientos.doc) y la webapp HEFLO BPM https://www.heflo.com/

## 2. Buyer persona
Para esta asginación se usa la webapp https://www.hubspot.es/make-my-persona

## 3. Público Objetivo
Para esta práctica se usa la plantilla del sitio web miro https://miro.com/es/plantillas/publico-objetivo/

## 4. Wireframe
Para el wireframe se usa la herramienta Balsamiq https://balsamiq.com/wireframes/ y la herramienta Lucidchart http://www.lucidchart.com

## 5. UI
Para la UI se usa la herramienta FIGMA y alguna de sus plantillas disponibles
https://www.figma.com/community