Fastservice
Diseño Web / 10.07.2020
Descripción.
FastService operaba mediante un modelo tradicional dependiente de WhatsApp y llamadas telefónicas, resultando en tiempos de espera de 45 minutos, 30% de servicios cancelados y pérdida del 40% de clientes potenciales. La ausencia de infraestructura tecnológica y procesos digitalizados impedía el crecimiento sostenible del negocio.
Esta situación evidenció la urgente necesidad de una transformación digital integral que revolucionara tanto la experiencia del usuario como la eficiencia operativa del servicio.
Cliente:
FastService
Servicios:
Diseño UX, Programación, Aplicación móvil.
Nuestra investigación de mercado reveló que el 70% de usuarios experimentaba dificultades para encontrar servicios confiables, mientras que el 90% de profesionales buscaba construir una reputación digital sólida. Este insights nos llevó a diseñar una solución integral que no solo abordaría los problemas operativos inmediatos, sino que transformaría fundamentalmente la industria de servicios profesionales. La estrategia se centró en desarrollar una plataforma que combinara verificación profesional, geolocalización inteligente y pagos seguros, respondiendo directamente a las necesidades identificadas en el mercado.
Implementamos una arquitectura tecnológica de vanguardia utilizando React Native para la aplicación móvil y React.js con Next.js para el panel administrativo, asegurando una experiencia de usuario consistente y fluida. El backend, desarrollado en Node.js con Express, se complementó con MongoDB para datos principales y Redis para caché, optimizando el rendimiento. La infraestructura en AWS ECS con auto-scaling garantiza escalabilidad, mientras que la integración de servicios como Stripe, Firebase Cloud Messaging y Socket.io proporciona funcionalidades críticas como pagos seguros, notificaciones en tiempo real y comunicación instantánea.
El contenido y las características.
El proceso de diseño se fundamentó en un sistema robusto de componentes utilizando Tailwind CSS, con una paleta cromática que combina un naranja energético (#FF4B2B) para elementos de acción y un azul confiable (#2B73FF) para elementos de confianza. La arquitectura de información se estructuró priorizando la facilidad de uso, implementando características clave como búsqueda predictiva, sistema de calificaciones verificadas y tracking en tiempo real. Las optimizaciones incluyeron un sistema de caché inteligente y compresión de datos, resultando en tiempos de carga significativamente mejorados.
Beige es confiable, conservador y flexible. El color beige es neutro, tranquilo y relajante; los atributos y significados asociados con el beige cambian según los colores que lo acompañan.
El verde está en todas partes. Es el color más común en el mundo natural y es el color que asociamos con el medio ambiente, siendo el color de la revitalización y el renacimiento.
El proceso y los desafíos.
Divano fue definitivamente uno de los proyectos más agradables que tuve la oportunidad de producir. Me apoyaron en cada solicitud durante todo el proceso, lo que me hizo sentir más cómodo probando diferentes enfoques en la etapa de diseño y desarrollo.
Comenzamos con varias reuniones para descubrir cómo se sentirían nuestros clientes, preparando, investigando y probando componentes visuales. Después de decidirnos por los colores, la tipografía, la dirección de arte y la atmósfera, comenzamos a producir los recursos y el contenido del sitio web, como imágenes, videos, redacción y, finalmente, la parte más complicada del proceso: el desarrollo del sitio web.
Eso me llevo a la parte más desafiante de crear un sitio web que se base en una cantidad razonable de elementos visuales sin perder rendimiento ni velocidad. Esta tarea requirió mucho tiempo y estrategia porque el objetivo era crear un entorno moderno y creativo sin sacrificar la experiencia de la tienda.
Inverti horas y horas optimizando cada bit de imágenes, videos, fuentes y codificación para brindar una experiencia memorable y no perder la conversión al cargar componentes visuales.
Tecnologías
Utilicé el proceso estándar de Shopify para crear el sitio web, con elementos líquidos, metacampos y componentes de sección que permitieron al cliente tener un sitio web dinámico completo. El equipo de Divano puede interactuar y cambiar cualquier composición en el sitio web sin ningún esfuerzo, y un aspecto de las herramientas de desarrollo que utilicé: