OpenTeams
OpenTeams reúne a organizaciones que utilizan software de código abierto con creadores y mantenedores de este software para facilitar y hacer crecer las oportunidades de financiación. La plataforma web OpenTeams permite a los colaboradores de proyectos de código abierto de cualquier tipo obtener un merecido reconocimiento.
Todos los clientesDesarrollo de productos
OpenTeams acudió a nosotros con la idea de seguir desarrollando y mejorando un producto web dedicado al código abierto, y unimos fuerzas para dar vida a esta audaz idea.
Más informaciónStartups e innovaciones
Nos basamos en la idea existente y llevamos a cabo la refactorización del código y el rediseño del sitio web para hacer que la plataforma OpenTeams fuera rápida, moderna y SEO-friendly. Con nuestra ayuda, OpenTeams ha conseguido una funcionalidad mejorada y una representación visual atractiva.
Más informaciónDesafío
El director de tecnología de OpenTeams se dirigió al equipo de Redwerk con la idea de crear un sitio web al estilo de Linkedin para celebrar las contribuciones de código abierto de diversos tipos, incluidas las que no son de código.
Parte del código ya se había escrito para el proyecto, pero era bastante básico y sólo cubría una funcionalidad limitada. También tuvimos que refactorizar el código existente.
El reto consistía en que OpenTeams tenía una visión de la plataforma, pero faltaban especificaciones claras.
Así que nos pusimos de acuerdo para empezar:
- Refactorización del código
- Preparación de la integración continua (CI) para el proceso de desarrollo y despliegue
- Ayuda en el diseño gráfico para mejorar el aspecto actual del proyecto
Otro de los retos fue ofrecer la posibilidad de implicar a usuarios no registrados. Si los usuarios existentes quieren enviar una solicitud de contribución, nominar a alguien o expresar su gratitud a un contribuyente no registrado, todo lo que tienen que hacer es proporcionar la dirección de correo electrónico del usuario no registrado. El usuario no registrado recibirá una oferta para registrarse y crear un proyecto utilizando un token único, que vinculará la cuenta recién creada al proyecto mencionado una vez completado el registro. Este tipo de funcionalidad requería una lógica bastante compleja en la implementación.
Solución
Nuestro equipo realizó una refactorización completa del código, estableció un proceso CI/CD, propuso nuevas tecnologías, ofreciendo un paquete de Vue.js + Nuxt.js para el front-end, que nos permite renderizar rápidamente las páginas y acelerar al máximo la indexación para tareas SEO. Por lo tanto, la refactorización tanto para el back-end como para el front-end y el rediseño es de lo que partimos.
Ya habíamos proporcionado soluciones de refactorización anteriormente, así que teníamos la experiencia suficiente para encargarnos del proyecto. A partir de una propuesta de rediseño, investigamos cómo debería funcionar esta red, que pretendía ser el Linkedin de los contribuidores de código abierto, y qué nuevas formas de presentar las cosas y las interacciones pueden ser viables. Nuestras sugerencias fueron bien recibidas, y así es como OpenTeams encontró su nueva representación visual.
OpenTeams tiene su sede en Austin, Texas, por lo que todos los procesos y la comunicación se llevaron a cabo a distancia. Desarrollamos una interacción productiva, por lo que contribuimos juntos a un proceso creativo de planificación, diseño, desarrollo y prueba de nuevos cambios. Nuestra comunicación fluida nos permitió desplegar actualizaciones de producción cada semana. Y, casi siempre, las actualizaciones eran bastante significativas, como añadir nuevas funciones o características.
Desarrollo
Empezamos a desarrollar la plataforma casi desde cero, cubriendo el ciclo completo de desarrollo. Con un rediseño completo y una sólida refactorización del código, nuestro equipo construyó los cimientos del sistema estable y actualizado.
Las siguientes son algunas de las principales características del producto que implementamos:
- Declaraciones de contribución: una función que permite mostrar una contribución de cualquier tipo a un proyecto de código abierto. También hemos hecho posible añadir contribuciones a los proyectos que aún no se han añadido a la plataforma OpenTeams, proporcionando opciones ilimitadas de elección a los usuarios.
- Nominaciones: una función que sugiere a los usuarios que se nominen unos a otros para realizar contribuciones de código abierto.
- Debates: ofrece a los usuarios la oportunidad de plantear un tema sobre una nueva idea de funcionalidad o un problema de usabilidad en un determinado proyecto de código abierto. La estructura anidada permite enviar comentarios al tema de debate o respuestas a un comentario concreto en un hilo.
- Iniciativas – adecuado para los usuarios que tienen un tipo diferente de propuestas relacionadas con sus proyectos u organizaciones y que pretenden encontrar esfuerzos financiables para ponerlas en práctica. El editor multifuncional para añadir una iniciativa permite no sólo dar formato al texto, sino también añadir anotaciones de sondeo a la descripción, incitando a los usuarios a interactuar con el texto.
- Notificaciones: diseñadas para mantener a los usuarios comprometidos e interesados en pasar más tiempo en la plataforma. Esta función utiliza WebSockets, por lo que el usuario recibe notificaciones instantáneas sobre los eventos relacionados con su perfil. Estos eventos incluyen nuevos seguidores, actualizaciones del estado de las solicitudes de contribución (recibidas, aprobadas, rechazadas), obtención de una nominación, actualizaciones de los debates, invitaciones a formar parte de una organización.
- Noticias: hasta ahora, nuestra favorita entre las funciones presentadas. Diseñadas con un estilo similar al de las notificaciones, las noticias de los usuarios son una colección de actualizaciones relacionadas con los proyectos y organizaciones que gestionan. Cada vez que el proyecto de un usuario recibe una contribución o una solicitud de uso, el feed se actualiza con el evento correspondiente. Es fácil personalizar el feed, ya que existe un filtro para ello. También hemos añadido la posibilidad de añadir publicaciones personales directamente desde la vista de noticias y ver las publicaciones de los usuarios a los que se sigue.
Diseño
Se confió en Redwerk para trabajar en el concepto de diseño del proyecto, y nos aseguramos de realizar una investigación inicial sobre las plataformas con ideas y objetivos similares. Con nuestra experiencia y comprensión de las necesidades de los usuarios y las tendencias modernas, nos propusimos implementar un diseño intuitivo y fácil de usar, sin complejidades innecesarias. Con la estructura de bloques y los componentes reutilizables, sentamos las bases no sólo para las necesidades actuales, sino también para las funciones previstas en la hoja de ruta. Esa arquitectura nos ayudó a ofrecer actualizaciones periódicas sin problemas.
Resultado
Junto con OpenTeams, hemos creado una plataforma moderna y totalmente funcional para promover y apoyar proyectos de código abierto. Combinamos nuestra experiencia y compromiso con la pila tecnológica adecuada para ayudar a OpenTeams a satisfacer sus necesidades actuales y ampliarla fácilmente en un futuro próximo. Con el esfuerzo de Redwerk, la comunidad OpenTeams sigue creciendo y compartiendo la experiencia de trabajar con código abierto. Cuenta con más de 20.000 usuarios, y nos complace estar entre ellos.
¿Busca expertos cualificados para modernizar su software?
HablemosTecnologías
Comentarios del equipo Redwerk
Andrii
Desarrollador
OpenTeams es uno de los proyectos más interesantes que he tenido. La experiencia me parece especialmente valiosa porque tuve la oportunidad de hacerlo todo desde cero, lo que nos permitió construir la arquitectura adecuada. También participé activamente en los debates sobre la creación de nuevas funciones, y fue mucho más satisfactorio que seguir ciegamente las instrucciones.
Olga
Diseñadora UI/UX
OpenTeams es un gran proyecto apasionante con un enorme alcance funcional. En cuanto al diseño de la interfaz, nos basamos en patrones de interacción comunes y sencillos utilizados por plataformas con una misión y un público objetivo similares.
Para facilitar a desarrolladores y diseñadores el desarrollo de la plataforma con un estilo uniforme, creamos una guía de estilo optimizada para ambas partes.
Para la página de aterrizaje, creamos gráficos 2D únicos, que revelan el mensaje central de la plataforma y la diferencian de otros actores del mercado.
Relacionado en Blog
Cómo contribuye Redwerk a los proyectos de código abierto: El ejemplo de Freenet
Los proyectos de código abierto siempre han sido un importante tema de debate entre los profesionales de la informática de todo el mundo. A lo largo de las décadas, el software de código abierto pasó de ser aplicaciones gratuitas codificadas por entusiastas apasionados a ser solu...
Leer másRevisión de Vue.js: Pros y Contras, Comparación
Si usted es un desarrollador Front-end, tarde o temprano, estará pensando en comenzar a aprender un marco JS en particular. En ese momento, diríamos, entra en juego el miedo a hacer una elección equivocada. No querrá encontrarse aprendiendo tecnologías obsoletas o herramientas ir...
Leer más¿Impresionado?
ContrátenosOtros casos prácticos
Gooroo
Desarrollo de una aplicación de tutoría electrónica para iOS con una clasificación de 5 estrellas en la App Store y el puesto nº 3 en Product Hunt.
Justin Alexander
Rediseño masivo del CMS de una marca líder en moda nupcial con más de 1.500 tiendas en todo el mundo.
AWE Learning
SaaS de aprendizaje electrónico para niños utilizado por el 50% de las bibliotecas públicas de EE.UU.