Energuias — Johanna Rosales

01 · SharePointUX/UI

Intranet corporativa en SharePointCorporate SharePoint intranet

Diseñé y desarrollé en Microsoft SharePoint los portales que el cliente usa para tomar decisiones importantes: inventario y abastecimiento, cuentas por pagar y facturación, proveedores y facturas electrónicas, todo en un solo lugar y accesible desde el computador o el celular.

I designed and built the Microsoft SharePoint portals the client uses for key decisions: inventory and procurement, accounts payable and invoicing, suppliers and e-invoices — all in one place, on desktop or mobile.

Intranet SharePoint en escritorio y móvil

Imagen de presentación (mockup) con contenido de ejemplo.

Presentation mockup with sample content.

Cómo usé cada herramienta

How I used each tool

SPSharePoint Online

Sitio de comunicación moderno con web parts de héroe, noticias, enlaces rápidos e indicadores. Listas y bibliotecas para proveedores, facturas y stock.

Modern communication site with hero, news, quick-link and indicator web parts. Lists and libraries for suppliers, invoices and stock.

UXArquitectura de informaciónInformation architecture

Ordené los contenidos por proceso de negocio (inventario, pagos, facturación) para que cada área llegue a lo suyo en pocos clics. Diseño responsive para móvil.

Organized content by business process (inventory, payments, invoicing) so each team reaches what it needs in a few clicks. Responsive mobile design.

02 · React Native · ExpoUX/UI

App móvil interna para el personalInternal mobile app for staff

Además de la intranet, diseñé en Figma y desarrollé en React Native con Expo una app móvil para uso interno del personal. Así el equipo puede ver entre todos cuál es la urgencia del mes: cuentas por pagar por autorizar, stock en faena e ítems bajo el mínimo, y facturas y despachos pendientes. El panel se testeó con Lighthouse y Microsoft Clarity.

Alongside the intranet, I designed in Figma and built with React Native and Expo a mobile app for internal staff use, so everyone can see the month's top priority: payables awaiting approval, on-site stock and items below minimum, and pending invoices and dispatches. The panel was tested with Lighthouse and Microsoft Clarity.

App móvil en React Native: ingreso de empleado, resumen e inventario

Cómo usé cada herramienta

How I used each tool

FiFigma

Diseño de las pantallas con código: ingreso de empleado, resumen con pestañas (Resumen, Inventario, Cuentas por Pagar) y tarjetas de estado con alertas de color.

Code-based screen design: employee login, tabbed summary (Summary, Inventory, Payables) and status cards with color alerts.

⚛React Native · Expo

App móvil con componentes reutilizables (tarjetas de CXP e inventario, lista de pendientes, acciones rápidas como Escanear guía, Aprobar pagos y Generar OC) y navegación inferior por pestañas.

Mobile app with reusable components (payables and inventory cards, pending list, quick actions like Scan dispatch note, Approve payments and Create PO) and bottom tab navigation.

LHLighthouse

Auditorías de rendimiento, accesibilidad, buenas prácticas y SEO para detectar y corregir problemas antes de liberar la app.

Performance, accessibility, best-practice and SEO audits to find and fix issues before release.

MCMicrosoft Clarity

Mapas de calor y grabaciones de sesión para ver cómo el personal usaba realmente el panel y ajustar el diseño según su comportamiento.

Heatmaps and session recordings to see how staff actually used the panel and adjust the design to their behavior.

03 · Power BI

Cuadro de Mando Integral — Operaciones 2026Balanced Scorecard — Operations 2026

Dashboard de KPIs para la gerencia con navegación por país (Chile, Perú y LATAM consolidado) y por indicador: objetivos y metas, ventas, costos, OPEX y EBITDA. Compara el real contra la meta mes a mes y marca en rojo lo que está fuera de meta.

KPI dashboard for management with navigation by country (Chile, Peru and consolidated LATAM) and by indicator: goals and targets, sales, costs, OPEX and EBITDA. Compares actual vs target month by month and flags in red what's off target.

Cuadro de Mando Integral en Power BI Desktop

Cómo usé cada herramienta

How I used each tool

fxDAX

Medidas para porcentaje real, porcentaje meta, acumulado del período, variación vs meta y estado (dentro o fuera de meta).

Measures for actual %, target %, period-to-date, variance vs target and status (on or off target).

PQPower Query

Limpieza y unión de las fuentes por país en un solo modelo, con datos anonimizados para la demo.

Cleaning and merging country sources into one model, with anonymized data for the demo.

⇄NavegaciónNavigation

Menú lateral con botones y marcadores para moverse por país e indicador, filtro de país y exportación a Excel.

Side menu with buttons and bookmarks to move across countries and indicators, a country filter and Excel export.

◉Diseño visualVisual design

Tarjetas KPI arriba, gráfico real vs meta, curva de variación y tabla de detalle al final: de lo general a lo particular.

KPI cards on top, actual-vs-target chart, variance curve and detail table last: from overview to detail.

04 · CotizadorQuoterUX/UI

Cotizador Maestro de flete EXW → ChileMaster EXW → Chile freight quoter

Plataforma interna para el área de ventas. Con la dirección del proveedor, el destino en Chile, la carga y la fecha en que está lista, compara las opciones de embarque y entrega el precio de venta sugerido en segundos, en vez de pedir cotizaciones una por una.

An internal platform for the sales team. From the supplier's address, the destination in Chile, the cargo and its ready date, it compares shipping options and returns a suggested sale price in seconds, instead of requesting quotes one by one.

Qué resuelve

What it does

⚓Compara 3 modalidadesCompares 3 modes

Marítimo contenedor completo (FCL), marítimo consolidado (LCL) y aéreo, con tránsito, fechas de llegada y etiquetas «más barato» y «más rápido».

Full-container sea (FCL), consolidated sea (LCL) and air, with transit time, arrival dates and "cheapest" / "fastest" labels.

$Costo y precio de ventaCost and sale price

Muestra el costo estimado y el precio de venta sugerido en USD, usando el dólar observado y el índice de flete del día.

Shows the estimated cost and suggested sale price in USD, using the day's observed dollar rate and freight index.

▦Reglas de cargaCargo rules

Carga por pallets o por totales, apilable o no apilable, con las reglas de alto y superficie de cada modalidad explicadas en pantalla.

Cargo by pallets or totals, stackable or not, with each mode's height and floor-space rules explained on screen.

✉Flujo rápidoFast flow

Tres pasos (origen y destino, carga, elegir y exportar PDF), opción de pegar el correo del cliente, historial de cotizaciones y fluctuación del mercado.

Three steps (origin and destination, cargo, choose and export PDF), paste-the-client-email option, quote history and market fluctuation.

← Ver más casosMore cases