portfolio.title

Maquetación, responsive y consumo de API de vistas como: dashboard, mensajería, médicos, edición de perfil de paciente. Carga de imágenes y archivos de audio.

Desarrollo frontend

Desarrollamos una aplicación web con arquitectura cliente - servidor, que permite administrar los datos de médicos, pacientes y empresas afiliadas. Completando los flujos de citas y su transición por cada una de las etapas. Atención de urgencias en tiempo real, herramienta gráfica para registrar y monitorear el progreso del paciente, carga de audio de grabación de las consultas, mensajería interna.

Registro gráfico y cronólogico de medidas como: presión arterial, saturación de oxígeno, glucosa, entre otros.

Curva de Mejora

Hampik permite la atención de urgencias en tiempo real, con los médicos que se encuentren en línea en el instante. Con la tecnología de socket.io

Atención de urgencias

El panel de atención de consultas permite ordenar exámenes, recetas, reconsultas, indicar tratamientos, y consultar otro médico.

Atención completa personalizada

Es importante conocer la satisfacción de los pacientes, para eso Hampik cuenta con un sistema de calificación a la atención del médico y mensajería interna médico - paciente.

Canales de escucha

Los médicos que laboran en Hampik pueden administrar su tiempo a su conveniencia, indicando horarios a medida.

Flexibilidad

large_hampik.herokuapp.com_.png

medium_hampik.herokuapp.com_.png

small_hampik.herokuapp.com_.png

thumbnail_hampik.herokuapp.com_.png

hampik.herokuapp.com_.png

large_hampik.herokuapp.com_cita-emergencia.png

medium_hampik.herokuapp.com_cita-emergencia.png

small_hampik.herokuapp.com_cita-emergencia.png

thumbnail_hampik.herokuapp.com_cita-emergencia.png

hampik.herokuapp.com_cita-emergencia.png

large_hampik.herokuapp.com_horario-medico.png

medium_hampik.herokuapp.com_horario-medico.png

small_hampik.herokuapp.com_horario-medico.png

thumbnail_hampik.herokuapp.com_horario-medico.png

hampik.herokuapp.com_horario-medico.png

large_hampik.herokuapp.com_dashboard-medico.png

medium_hampik.herokuapp.com_dashboard-medico.png

small_hampik.herokuapp.com_dashboard-medico.png

thumbnail_hampik.herokuapp.com_dashboard-medico.png

hampik.herokuapp.com_dashboard-medico.png

large_hampik.herokuapp.com_mi-perfil.png

medium_hampik.herokuapp.com_mi-perfil.png

small_hampik.herokuapp.com_mi-perfil.png

thumbnail_hampik.herokuapp.com_mi-perfil.png

hampik.herokuapp.com_mi-perfil.png

large_hampik.herokuapp.com_paciente_id-consulta=32.png

medium_hampik.herokuapp.com_paciente_id-consulta=32.png

small_hampik.herokuapp.com_paciente_id-consulta=32.png

thumbnail_hampik.herokuapp.com_paciente_id-consulta=32.png

hampik.herokuapp.com_paciente_id-consulta=32.png

large_hampik.herokuapp.com_dashboard-paciente(iPhone 6_7_8).png

medium_hampik.herokuapp.com_dashboard-paciente(iPhone 6_7_8).png

small_hampik.herokuapp.com_dashboard-paciente(iPhone 6_7_8).png

thumbnail_hampik.herokuapp.com_dashboard-paciente(iPhone 6_7_8).png

hampik.herokuapp.com_dashboard-paciente(iPhone 6_7_8).png

large_hampik.herokuapp.com_dashboard-paciente.png

medium_hampik.herokuapp.com_dashboard-paciente.png

small_hampik.herokuapp.com_dashboard-paciente.png

thumbnail_hampik.herokuapp.com_dashboard-paciente.png

hampik.herokuapp.com_dashboard-paciente.png

large_hampik.herokuapp.com_mensaje_mensaje=15.png

medium_hampik.herokuapp.com_mensaje_mensaje=15.png

small_hampik.herokuapp.com_mensaje_mensaje=15.png

thumbnail_hampik.herokuapp.com_mensaje_mensaje=15.png

hampik.herokuapp.com_mensaje_mensaje=15.png

large_hampik.png

medium_hampik.png

small_hampik.png

thumbnail_hampik.png

hampik.png

large_imagenDoctor.png

medium_imagenDoctor.png

small_imagenDoctor.png

thumbnail_imagenDoctor.png

imagenDoctor.png

HAMPIK

Hampik es la primera solución de telemedicina en Perú. Brinda atención en diferentes áreas de la salud; a través de consultas regulares o de urgencia vía online 

Aplicación web

Javascript

socket.io

Node

HTML

Desarrollo de parte de la lógica que asocia información avanzada a los productos, como el número de parte original y sus relacionados.

Desarrollo backend

Maquetación y responsive según diseño proporcionado en Adobe.

Participación en el diseño de la base de datos y funcionalidades principales.

Diseño lógico

Desarrollamos una aplicación web de arquitectura cliente servidor robusta, segura y escalable. Especializada en la lógica de negocios de venta de autopartes: año, marca, modelo, submodelo, motor y especificaciones que permiten cruce de referencias y búsquedas avanzadas.

Filtro de búsqueda por año, marca, modelo, submodelo, y motor.

Filtro de búsqueda

Configuración del usuario, que permite filtras los repuestos que aplican al/los automovil(es) seleccionados en el garaje.

Mi garaje

Relación de productos por numero de parte original de fabricante, utilizado por los aftermarket.

large_autopartesid.com_.png

medium_autopartesid.com_.png

small_autopartesid.com_.png

thumbnail_autopartesid.com_.png

autopartesid.com_.png

medium_autopartesid.com_ (1).png

small_autopartesid.com_ (1).png

thumbnail_autopartesid.com_ (1).png

autopartesid.com_ (1).png

medium_logo png autopartesid_Mesa de trabajo 1 (1).png

small_logo png autopartesid_Mesa de trabajo 1 (1).png

thumbnail_logo png autopartesid_Mesa de trabajo 1 (1).png

logo png autopartesid_Mesa de trabajo 1 (1).png

undraw_Vehicle_sale_a645.svg

Autopartes ID

Autopartes ID es una plataforma especializada en la venta y logísitca de partes de auto. Con catálogo de proveedores americanos y europeos .

Comercio electrónico

Python

Maquetación a partir de diseño en Figma.

Maquetación

Adaptación a dispostivos tablet y móvil

Responsive

Maqueté una landing page, partiendo del diseño proporcionado en figma. Estructura html de cada una de las secciones, estilos css, responsive y transiciones.

large_fairpay.pe_.png

medium_fairpay.pe_.png

small_fairpay.pe_.png

thumbnail_fairpay.pe_.png

fairpay.pe_.png

large_fairpay_mobile.png

medium_fairpay_mobile.png

small_fairpay_mobile.png

thumbnail_fairpay_mobile.png

fairpay_mobile.png

fairpay.svg

undraw_growth_analytics_8btt.svg

Fairpay

Firma peruana, experta en estudios salariales, pone a disposición de las empresas la solución al análisis, formulación y administración salarial.

Landing page

Diseño de interfaz, elementos ui e interacciones del usuario con figma

Diseño ui

Maquetación y responsive de home, lista de productos y detalles del producto.

Construímos una plataforma de comercio electrónico B2C, administrable, segura y escalable. Panel de administración de todos los procesos del negocio, acceso por roles, marketing electrónico, creación de órdenes online y offline, pagos seguros, seguimiento de transacciones, canales de comunicación internos y escucha al cliente.

La sencilla interfaz de distribuidores IDP, facilita la navegación en la tienda y el acceso a los llamados de acción.

Interfaz de usuario

Métodos de pago personalizados y propios del negocio, a través de la plataforma de pago local mas utilizada: Webpay

Métodos de pago

Para una mejor experiencia, se proveen herramientas como: barra de búsqueda, buscador por categorías y filtra que permiten ubicar más rápido los productos a comprar.

Herramientas de búsqueda

medium_distribuidoresidp.cl_(iPhone 6_7_8 Plus).png

small_distribuidoresidp.cl_(iPhone 6_7_8 Plus).png

thumbnail_distribuidoresidp.cl_(iPhone 6_7_8 Plus).png

distribuidoresidp.cl_(iPhone 6_7_8 Plus).png

large_distribuidoresidp.cl_shop.png

medium_distribuidoresidp.cl_shop.png

small_distribuidoresidp.cl_shop.png

thumbnail_distribuidoresidp.cl_shop.png

distribuidoresidp.cl_shop.png

medium_IDP-sinfondo.png

small_IDP-sinfondo.png

thumbnail_IDP-sinfondo.png

IDP-sinfondo.png

undraw_add_to_cart_vkjp.svg

Distribuidores IDP

Distribuidores IDP es una tienda online que comercializa maquinarias y equipos de protección personal.

Shopify

Desarrollo e implementación de características como: herramienta de búsqueda de afiliados en el mapa, perfil de tiendas afiliadas, ficha del producto, entre otros. Tomando como referencia el diseño porporcionado en diferentes tamaños de dispositivo.

En backend, he contribuído en soluciones como: métodos de envío personalizadas por tiendas, por producto y por tipo de logísticas, restricción de productos por países, productos/servicios por suscripción. Considerando permisos por grupo de acceso.

Modelado de características propias del modelo de negocio en UML

Desarrollamos una aplicación web de arquitectura cliente servidor, segura y escalable. Que cuenta con intranet, en la que los usuarios, de acuerdo a su nivel de acceso pueden gestionar datos, realizar transacciones y hacer seguimiento de las mismas. Portal web de comercio electrónico, con diferentes plataformas de pago integradas, blog, mensajería entre otros.

Localización de tiendas afiliadas en mapa con pines. Utilizando google maps.

Geolocalización

Los vendedores o tiendas afiliadas gestionan sus productos, clientes, campañas de marketing, e información del perfil comercial.

Autogestión de tiendas

Suimap provee una amplia variedad de productos de diferentes rubros, que pueden ser utilizados por las tiendas afiliadas sin tener que duplicarlo. 

Catálogo precargado

large_suimap-01.png

medium_suimap-01.png

small_suimap-01.png

thumbnail_suimap-01.png

suimap-01.png

large_suimap-02.png

medium_suimap-02.png

small_suimap-02.png

thumbnail_suimap-02.png

suimap-02.png

large_suimap-03.png

medium_suimap-03.png

small_suimap-03.png

thumbnail_suimap-03.png

suimap-03.png

image_20_077dad91c5.png

medium_large_montaje_20front_20_1_b63f99374f.png

small_large_montaje_20front_20_1_b63f99374f.png

thumbnail_large_montaje_20front_20_1_b63f99374f.png

large_montaje_20front_20_1_b63f99374f.png

Suimap

Suimap es el primer marketplace en su tipo que le brinda a los negocios la posibilidad de gestionar sus ventas on-line y off-line de forma unificada.

Coordinación del proyecto y equipos de desarrollo conformados por 25 participantes.

Líder de proyecto

Participé en el desarrollo de la intranet, construyendo características como: administrador de roles y permisos, gestión de solicitudes y sus estados, expediente médico, entre otros. Utilizando vuejs y consumo de API

Colaboré junto al DBA en el diseño de la base de datos a través de un modelo entidad- relación, en su tercera forma normal.

Diseño de base de datos

Desarrollo de una aplicación integrada en tres componentes: móvil, web, intranet, que interactúan a través de una API REST, y almacenan información en una misma base de datos.
Nephron cuenta con una arquitectura robusta y ha sido desarrollado garantizando la seguridad, escalabilidad y mantenibilidad.

Tanto médicos y pacientes valoran tener acceso a la planificación de actividades y servicios, registrar, asistencia, comentarios, incidencias, resultados.

Gestor de actividades y servicios

Muestra el progreso del estado del paciente y sus estadíos a través del tiempo, además de su información personal y médica, accesible para el paciente, su familiar y médicos.

Historial de paciente

Acceso a la aplicación controlado a través de un sistema de grupos, roles y permisos que se pueden configurar a medida.

Seguridad funcional

Útil para la toma de decisiones, provee información de valor, clasificada por variables, en rangos de tiempo, agrupada y ordenada como se requiera. Respaldada por tablas históricas, parámetros, estadísticos y gráficos.

Generador de reportes

large_2) Solicitar ingreso pacientes lleno.png

medium_2) Solicitar ingreso pacientes lleno.png

small_2) Solicitar ingreso pacientes lleno.png

2) Solicitar ingreso pacientes lleno.png

Nephron

Nephron es una herramienta de gestión para centros de atención a pacientes renales. Provee soluciones orientadas a pacientes, familiares, médicos y voluntarios que combaten la enfermedad renal.