Prism: una aplicación de marcadores visuales que hace lo que Pinterest no puede

Al navegar por Internet y descubrir recursos útiles que le gustaría tener a mano, puede que no tenga una herramienta de marcadores eficiente para guardar los enlaces. Ni tampoco una interfaz que le permita consultar todos los sitios guardados de forma rápida y sencilla. Las listas de marcadores ofrecen enlaces indescifrables y poco útiles, y Pinterest no permite consultar rápidamente un sitio. Aquí es donde Prism destaca. Es una aplicación web y una extensión de marcadores visuales para Google Chrome que permite recopilar y explorar sus sitios favoritos desde un mismo lugar. Realiza capturas de pantalla que se actualizan automáticamente, por lo que siempre verá el contenido más reciente, pero también puede configurarlo para que sean estáticas (si quiere registrar un momento específico).

Prism es una empresa emergente remota, fundada por mujer y centrada en el diseño en el área de la Bahía de California. Concebida por una diseñadora, el objetivo de Prism es conseguir que la experiencia de navegar por Internet sea más visual. La fundadora de Prism es Anna Western (consejera delegada y diseñadora), quien posee más de 10 años de experiencia en diseño trabajando con estudios, empresas emergentes y empresas de la lista Fortune 500. Anteriormente, Anna trabajó como diseñadora de productos en Facebook, donde diseñaba herramientas internas, y fue cofundadora de una empresa emergente en YC W19. 

Mediante un esfuerzo coordinado entre el equipo de Anna y nuestros experimentados ingenieros de back-end y front-end, desarrollamos Prism desde cero y convertimos la idea de Anna en una solución funcional y útil para usuarios de todo el mundo.

El reto

Nuestro cliente, Anna Western, se puso en contacto con nosotros mediante la recomendación de su compañero David Weekly, quien ya nos conocía porque trabajamos en la aplicación médica Medcorder. Quería colaborar con el equipo de ingeniería para crear un producto mínimo viable de la aplicación de marcadores visuales Prism y la extensión del navegador que estaba diseñando.

La clienta buscaba un socio técnico competente para su empresa. El producto que quería crear era una aplicación de marcadores visual y una extensión para administrar los marcadores del navegador que permitiera recopilar sitios web y clasificarlos por categorías. Anna quería implementar el mecanismo para crear una captura de pantalla del sitio y guardarlo en un panel similar a Pinterest. Sin embargo, la aplicación tendría una diferencia clara en comparación con Pinterest. En Pinterest, al anclar un sitio, se ancla una única imagen que está en algún lugar de la página guardada. En cambio, Prism realiza una captura de pantalla de toda la página.

Por ejemplo, puede crear una lista de todos los sitios web que quiere volver a visitar. Tendrá una captura de pantalla de cada sitio y puede recopilarlas todas en un panel. Además, al visualizar las capturas de pantalla, estas se actualizan al instante para que siempre vea la versión más reciente del sitio web. Puede usar la aplicación mediante una extensión del navegador que permite ver, organizar y modificar los paneles de su cuenta personal de Prism.

Anna se puso en contacto con Evrone con un concepto de diseño preparado para una aplicación de marcadores visuales y una extensión para navegadores, además de bocetos y una visión de las funciones de la aplicación. Nuestra tarea era elaborar un estudio detallado, realizar una ronda de consultas, idear la solución técnica y sugerir una forma de diseñar la arquitectura del proyecto.

La solución

Evrone se convirtió en el socio de ingeniería para el equipo de Prism, cuya tarea era ayudarles a crear un administrador de marcadores. Realizamos una estimación del proyecto, evaluamos los riesgos, proporcionamos el plazo para su creación y ofrecimos consultas sobre todos los problemas planteados por Anna.

Nuestros ingenieros desarrollaron una aplicación web que está disponible como extensión del navegador para Chrome. La extensión de Chrome permite a los usuarios añadir páginas web a sus marcadores. Siguiendo los diseños proporcionados por Anna, el producto guarda capturas de pantalla de la página añadida a marcadores en un panel visual como referencia para el usuario y permite organizar en categorías las capturas de pantalla. De esta forma, el usuario tiene una referencia visual de las páginas guardadas de las que quiera llevar un seguimiento. Los usuarios también pueden importar los marcadores de Chrome existentes. Un usuario puede invitar a otros usuarios a su panel, que se convertirán en miembros.

Pusimos en marcha el proyecto en mayo de 2019 y lanzamos el producto en septiembre de 2019. Mediante una cooperación eficiente con Anna y el equipo de Prism, publicamos el producto mínimo viable en solo tres meses y medio, con tiempo adicional para corregir errores y mejorar el tiempo de carga. Usamos React para el front-end, donde ejecutamos las pantallas y seguimos cada detalle de las especificaciones para crear un diseño de front-end que cumpliera con todas las expectativas del cliente. El escalado de las páginas de la cuadrícula es flexible y se escala para adaptarse a la página, igual que Pinterest.

Usamos Python en el back-end y una instancia de Chrome sin interfaz para realizar las capturas de pantalla de los sitios web. Renderiza el sitio web, exportamos la imagen y la guardamos en DigitalOcean Spaces. Además, se usó Redis para distribuir las tareas de renderizado. En la pila del proyecto, se incluye Kubernetes, GraphQL y CircleCI para la integración y entrega continuas. Rollbar y Sentry se usaron para la depuración y seguimiento de errores en tiempo real, y sugerimos el uso del servicio de correo electrónico basado en la nube Mailgun para las campañas de correo electrónico. El equipo del proyecto estaba formado por un gestor de proyectos, un ingeniero de front-end y un ingeniero de back-end. El gestor del proyecto se encargaba de todas las comunicaciones entre el cliente y el equipo de ingeniería, lo que simplificó el proceso para el equipo de Prism.

Conclusión

Disfrutamos mucho al trabajar con el equipo de Prism y aceptar el reto de crear una aplicación web similar a Pinterest y una extensión del navegador personalizada que ofreciera una mayor flexibilidad y capacidad de personalización, y que se adaptara a las necesidades de los usuarios. Buscamos continuamente proyectos nuevos e innovadores en los que participar, ya sea una nueva aplicación creada desde cero o el desarrollo de una extensión o complemento para varios navegadores. Si tiene una idea para un producto y necesita ayuda con el desarrollo, póngase en contacto con nosotros para hablar sobre el proyecto y conocer cómo podemos ayudarle.