Construyendo un mercado escalable para Miistico con React

remix
react
AWS
Meta

Miistico, un portal líder de servicios esotéricos, necesitaba escalar su sitio de WordPress existente.

Su objetivo era crear una plataforma dedicada (pro.miistico.com) construida con React para manejar la funcionalidad del mercado para la contratación de profesionales. Este nuevo mercado necesitaba ser:

  • Más rápido y más eficiente: Mejoramos la experiencia del usuario reduciendo significativamente los tiempos de carga de la página
  • Altamente accesible: Asegúrese de que la plataforma sea utilizable para todos
  • Experiencia de usuario mejorada: Proporcionar una experiencia más intuitiva y visualmente atractiva en comparación con su solución existente.
  • Funcionalidad optimizada: Integre funciones esenciales como videollamadas, reserva de sesiones y control de acceso basado en roles directamente en la plataforma
  • Rentable y escalable: Minimice los costos de mantenimiento del servidor y al mismo tiempo garantice la escalabilidad para el crecimiento futuro.
Desafío

El proyecto inicial, desarrollado por otro equipo durante un año con WordPress, no cumplía con las expectativas de Miistico. Los tiempos de carga de la página eran lentos, la accesibilidad no era una prioridad y faltaba la experiencia general del usuario.

Para acelerar el proceso y lograr una solución de mayor calidad, reiniciamos el desarrollo desde cero y completamos el MVP en 4 meses.

Solución

Utilizamos nuestra experiencia en React, Node.js y tecnologías en la nube (AWS) para construir una plataforma eficaz y fácil de usar. Así es como abordamos las necesidades de Miistico:

  • Rendimiento ultrarrápido: Optimizamos la aplicación para lograr una velocidad de carga de página de 0,5 segundos, una mejora espectacular con respecto a los 4 segundos originales.
  • Accesibilidad perfecta: La plataforma obtuvo una puntuación perfecta en Lighthouse, lo que garantiza la usabilidad para todos los usuarios.
  • Diseño mejorado: Mejoramos significativamente el diseño inicial proporcionado por el cliente, creando una experiencia de usuario más atractiva y visualmente atractiva.
  • Funcionalidad integrada: Desarrollamos una plataforma interna de videollamadas y un sistema de reserva de sesiones, eliminando la dependencia de servicios externos como Google Meet y Calendly. Esto también permitió la integración con Google Calendars de profesionales.
  • Control de acceso basado en roles: Desarrollamos un sistema que muestra páginas e información relevantes basadas en perfiles de usuario (administrador, profesional, usuario), asegurando una experiencia personalizada.
  • Implementación escalable de la nube: Implementamos la plataforma en AWS para lograr bajos costos de mantenimiento del servidor y alta escalabilidad, lo que permitió a Miistico manejar el crecimiento futuro de manera eficiente. También implementamos medidas de seguridad y respaldo completo.
Resultados

El nuevo mercado basado en React fue un éxito rotundo.

  • Seguro de calidad: Obtuvo una puntuación perfecta en herramientas de análisis web como Lighthouse, lo que significa un rendimiento y una experiencia de usuario excepcionales.
  • Aumento de ventas: La plataforma ha generado un aumento significativo en ventas e inversión, lo que ha permitido a Miistico expandirse en América Latina.
Pila de tecnología
  • Interfaz: React (biblioteca de JavaScript para crear interfaces de usuario)
  • Backend: Node.js (entorno de ejecución de JavaScript para desarrollo del lado del servidor)
  • Infraestructura cloud: AWS (Amazon Web Services) para implementación y escalabilidad
  • Tecnologías adicionales
    • Tailwind CSS (marco CSS de utilidad) para un estilo rápido
    • WebRTC (Comunicación web en tiempo real) para videollamadas internas
    • Stripe y PayPal (pasarelas de procesamiento de pagos)
    • API de Google Calendar (integración con calendarios profesionales)
    • Google Analytics (análisis e informes del tráfico del sitio web)

Este proyecto ejemplifica el poder de React en la creación de aplicaciones web rápidas, escalables y fáciles de usar. Nyxidiom ayudó a Miistico a lograr sus objetivos comerciales y crear una experiencia de usuario verdaderamente excepcional al centrarse en el rendimiento, el diseño, la funcionalidad integrada y la infraestructura segura.

miistico profesional
pagespeed

Contáctenos aquí

Conéctate con nosotros

Agendar una cita de trabajo

Consigue una cotización