2023 - 2024

Macroestética

Next.js · TypeScript · Tailwind CSS

Notebook mostrando la plataforma de Macroestética Online

Macroestética era una plataforma para profesionales y empresas del sector estético, con herramientas de administración, formación, minisitios y transmisiones en vivo.

Contexto

Me incorporé como único desarrollador frontend cuando el diseño se encontraba prácticamente finalizado. Las pantallas estaban planteadas únicamente para desktop, por lo que adapté la interfaz a distintos tamaños de pantalla y definí comportamientos que no estaban contemplados originalmente.

Durante el desarrollo mantuve comunicación constante con backend para integrar la API, solicitar ajustes y resolver necesidades que aparecían al conectar la interfaz con el funcionamiento real de la aplicación.

Alcance de mi trabajo

Construí el registro y el inicio de sesión con pasos diferentes según el rol del usuario, además de distintos dashboards para administrar datos de cuenta, productos, categorías y otros contenidos.

También trabajé en compras, acceso a material formativo y otras áreas necesarias para conectar las distintas partes de la aplicación.

Macroestética: Registro por etapas en Macroestética
Registro por etapas en Macroestética
Macroestética: Datos de cuenta y perfil médico
Datos de cuenta y perfil médico

Minisitios para empresas

Las empresas con una suscripción activa podían administrar un minisitio público desde su propio dashboard. Allí configuraban productos, categorías, banners y algunas opciones visuales vinculadas a su marca.

El contenido disponible variaba según el plan contratado, manteniendo una estructura común y habilitando distintas capacidades para cada suscripción.

Macroestética: Configuración de banners y contenido del minisitio
Configuración de banners y contenido del minisitio
Macroestética: Ficha pública de un producto
Ficha pública de un producto

Transmisiones en vivo

Ante la necesidad de incorporar streaming, investigué distintas alternativas y comparé sus capacidades, posibilidades de integración y costos.

Propuse utilizar Agora después de evaluar qué ofrecía para las necesidades del sistema. También realicé estimaciones de pricing para presentar la alternativa al equipo antes de avanzar con su integración.

A partir de esa decisión incorporé la emisión y visualización de transmisiones en vivo dentro de la aplicación.

Estado del proyecto

El proyecto se pausó antes de completar todas las etapas previstas y llegar a producción. Aun así, quedaron desarrolladas varias áreas centrales del sistema, entre ellas el acceso por roles, los dashboards de administración, los minisitios y la integración de transmisiones en vivo.