UX

Investigación y entrevistas - Origen de "puntoyseguido"

Este proyecto surgió a partir de detectar que la mayoría de estudiantes hacían una formación complementaria a sus estudios.

En primer lugar, nos basamos en nuestra propia vivencia como estudiantes y en que habíamos usado diferentes medios para complementar nuestra formación. "puntoyseguido" quería poder ofrecer una alternativa a los otros canales de conocimiento con características diferentes para captar cierto público de estudiantes.

Investigación y entrevistas - Necesidades de los usuarios

Para empezar a detectar qué necesidades tenían los estudiantes creativos y qué les podríamos ofrecer hicimos entrevistas a 14 estudiantes de diseño en Elisava, Bau y Universidad de Barcelona para detectar con qué herramientas aprendían y cuáles eran los puntos fuertes y débiles de las herramientas para poder ofrecer una alternativa interesante y útil.

A partir de las diferentes entrevistas, obtuvimos que principalmente los estudiantes buscan información sobre programas informáticos en amigos y tutoriales, y en algunos pocos casos, cursos y profesores particulares.

Amigos. Es el canal más utilizado por los estudiantes ya que los ven diariamente en la Universiad y les pueden ayudar en el momento, gratuita y presencialmente. Sin embargo, los inconvenientes con que se encuentran es que en la época de entregas finales tienen poco tiempo para ayudar a los compañeros o al tener los mismos estudios no saben ayudarlos, así que a menudo, no consiguen resolver sus dudas con los programas informáticos.

Tutoriales. Los tutoriales son una fuente de información gratuita accesible todos los días del año. Además, puedes encontrar blogs y vídeos de casi cualquier cosa. El inconveniente con que se encuentran los jóvenes es que a veces son demasiado específicos y al querer hacer una acción ligeramente diferente no lo consiguen y no saben cómo resolverlo ya que el feedback de los tutoriales es lento y escueto.

Cursos. Los principales problemas de los cursos es su precio elevado y que son bastante extensos. Además, se encuentran que una gran parte del temario ya es conocida y por lo tanto no les sale a cuenta apuntarse.

Profesores particulares. El principal problema de los profesores particulares es el coste del profesor y el desconocimiento sobre dónde poder encontrar personas cualificadas que realmente resuelvan tus problemas.

A partir de las entrevistas pudimos detectar que cada uno de los métodos más utilizados por los jóvenes presentaba algunos aspectos negativos en ciertos momentos del aprendizaje ya fuera por el precio, la falta de cercanía o el desconocimiento sobre la calidad del método.

Gracias a la detección de la posibilidad de ofrecer una forma de aprendizaje económica, cercana y personalizada surgió nuestra propuesta, “puntoyseguido”.

Investigación y entrevistas - Inputs obtenidos de las entrevistas

Gracias a las entrevistas y a conversar con distintos estudiantes pudimos detectar inputs importantes para ellos.

- Había una parte importante de estudiantes que no tenían tiempo para realizar clases pero si que ayudarían a otros estudiantes respondiendo emails. Esto permitió ofrecer a los profesores realizar las clases presencialmente, por video llamada y se añadió por email.

- Uno de los elementos principales que los estudiantes decían fijarse para elegir un profesor era en su portafolio, pero la gran mayoría no tenían su propio portafolio. Esta incongruencia se solucionó ofreciendo un sistema para poder subir en la propia plataforma diferentes trabajos para todos aquellos usuarios que no dispusieran de un portafolio online.

- Muchos de los estudiantes más interesados con la propuesta usaban plataformas de intercambio como couchsurfing o compartir coche, información relevante para poder colocar publicidad en estas plataformas o hacer otras acciones similares.

Investigación y entrevistas - Motivaciones de los profesores

El principal problema que surgió en esta plataforma y que era vital solventar para su buen funcionamiento era buscar alicientes, motivaciones para que los usuarios fueran los profesores de la plataforma y no únicamente entraran como alumnos. Al no haber una recompensa económica se necesitaba una motivación para conseguir que los usuarios realizaran clases gratis.

En las fases más tempranas del proyecto se planteó usar un sistema de puntos, parecido a los bancos de tiempo, para que los usuarios recibieran puntos al dar clases y gastaran los puntos al recibir una clase. De esta manera los usuarios tendrían la necesidad de ser profesor para poder optar a ser alumno. Cuando se fue avanzando en el proyecto, esta idea nos supuso más un impedimento que una solución ya que técnicamente era complejo y usar la técnica de gamificación, sin controlar este sistema, podría ser contraproducente e ir en nuestra contra.

Después de abandonar esta propuesta se hicieron nuevas entrevistas donde se quiso detectar qué motivaría a los usuarios a dar clases. Encontramos dos características principales:

Reconocimiento visible de sus competencias. Un elemento que atraía a los usuarios era poder mostrar sus mejores proyectos, recibir valoraciones positivas de su clase y de sus conocimientos ya que les podrían servir como herramienta para mostrar sus conocimientos.

Networking. Tener un encuentro con otros usuarios con una situación similar a la suya, les podría abrir puertas para ampliar su lista de contactos y que les sirviera para encontrar trabajo.

Gracias a estos inputs, “puntoyseguido” iteró y recondujo su propuesta de valor para los profesores que se materializó en distintas acciones:

- Potenciar que los usuarios valoraran a los profesores y poder vincular las valoraciones recibidas con otras redes sociales como linkedin.

- Incentivar que las clases fueran presenciales en bares y hacer que los usuarios que recibieran la clase invitaran al profesor a sus consumisiones. Esto permite crear un ambiente más distendido y a pesar de no tener un beneficio económico tienes una compensación.

Investigación y entrevistas - Validación de las motivaciones

En fases más avanzadas del proyecto quisimos comprobar si los usuarios harían intercambios gratuitos. Para ello se colgaron diferentes anuncios en bibliotecas y en webs de anuncios como Loquo o tusclasesparticulares.com.

Había anuncios donde ofrecíamos clases gratuitas y en otros pedíamos que nos ayudaran. En los dos casos, hubo gente que se interesó por el intercambio y sobre todo nos sorprendió que una gran parte de los que se ofrecían como profesores era gente que hacía poco que estaban en Barcelona y les facilitaba conocer gente.

De los diferentes correos que se recibieron, se acabó realizando una clase presencial de Wordpress a una chica que había estudiado Bellas Artes en la Universidad de Barcelona. A pesar de que sólo fue una persona, nos permitió realizar una clase y conversar con ella sobre el proyecto para obtener información sobre las clases.

Los puntos claves que obtuvimos de la conversación y que aplicamos en el proyecto fueron:

- Reticencia a quedar con gente desconocida en sus casas, prefiriendo realizar las clases en bares.

- Interés por valorar al profesor como agradecimiento a haberle ayudado gratuitamente.

Test de usuario

Durante todo el proceso del proyecto se han realizado test de usuarios para validar la usabilidad de la plataforma y las diferentes funcionalidades de cada release.

Se realizaron 2 tipos de test de usuario: pruebas con usuarios y cardsorting.

Test de usuario - Pruebas con usuarios

En las diferentes release se han realizado test con usuarios, pidiéndoles que realizaran diferentes acciones para poder entender si los usuarios tenían problemas con las funcionalidades de la plataforma, si los copys eran claros y si brindábamos realmente la información que los usuarios necesitaban.

Desde el comienzo de la plataforma nos hemos encontrado con dos problemas principales: transmitir en la home el concepto de la plataforma y que los usuarios entendieran qué acciones eran para el rol del profesor y qué acciones eran para el rol del alumno.

Para solventar estos dos dificultades, se testearon ambos problemas en todas las releases hasta encontrar una manera de comunicar aquello que queríamos de una forma comprensible e intuitiva para el usuario.

Evolución de los copys de la home

Prueba en Interactius

En la tercera release tuvimos la suerte de acudir a un laboratorio de UX a realizar un test de usuario para verificar las principales acciones de la plataforma: entender la home, ver el listado de cursos, contactar con un profesor y colgar tu propio curso. También quisimos ver si los usuarios entendían claramente qué elementos eran clicables y cuales no.

En cuanto a la navegación de la web, verificamos que detectaban claramente qué elementos eran clicables y sabían entender la mayoría de apartados que contenia la plataforma. Sin embargo, nos sirvió para darnos cuenta de que no habíamos resuelto satisfactoriamente los dos roles del usuario: no sabían detectar qué acciones estaban pensadas para el alumno y cuales para el profesor. Esto desembocó en un cambio radical de la home y en modificar los copys y call to actions.

En la home, se optó por explicar claramente las dos acciones que se podían hacer en la plataforma: aprender y enseñar y cada una de ellas acompañada de un call to action: "Encuentra tu curso" y "Busca tu alumno".

También se añadieron subtítulos a determinados títulos principales de las páginas para situar a los usuarios en qué página se encontraban y qué podían hacer en esa sección.

Página "busca tu alumno" antes y después del test

Test de usuario - Cardsorting

Test 1: componer los anuncios.

Esta prueba fue para testear la historia de usuario: " visualizar anuncios alumnos" de la primera release.

Hubo un interés especial para entender qué información era más relevante para los usuarios a la hora de elegir un curso u otro. Este test consistía en que los usuarios tenían que componer ellos mismos los anuncios juntando diferentes trozos de papel con información del curso (título, imagen del usuario, imagen del proyecto, disponibilidad, valoraciones...)

Este test se realizó a dieciocho personas y las conclusiones que se obtuvieron fueron las siguientes:

- Querían ver la imagen de lo que aprenderían en el curso.

- La foto del usuario era importante porque daba confianza pero no era necesaria en el momento de decidirse por qué curso realizar.

- Elementos como tags o información del usuario los veían poco relevantes.

Evolución de los anuncios antes y después del test

Test 2: copys de los cursos.

Otro elemento importante era conocer qué tipo de copys en los cursos llamaban más la atención a los usuarios. Para ello se mostraron diez títulos y descripciones sobre un curso de retoque fotográfico en Photoshop a diez usuarios, y se pedía a los usuarios que indicaran qué cursos les resultaban más interesantes y cuales menos.

Las conclusiones principales que se obtuvieron fueron:

-Interés por los cursos descriptivos, donde explicaban qué aprenderían y sobre todo aquellos en que los profesores remarcaban que se trabajaría con el propio proyecto del alumno.

- Los anuncios que no interesaron fueron aquellos en que el usuario describía su vida y su recorrido profesional.

- Los títulos que llamaron más la atención fueron los cortos y descriptivos.

Test 3: uso de los filtros.

Esta prueba fue para testear la historia de usuario: "Filtraje de cursos" de la tercera release.

Se realizó otro test para conocer el proceso de filtraje de los cursos. Los usuarios tenían un papel simulando la pantalla de ordenador con los cursos y tenían que colocar encima diferentes papeles con los filtros.

Se testeó con cuatro usuarios y la conclusión principal que se obtuvo fue que filtrarían por área creativa, después por disponibilidad y por último por método de clase.

Test de usuario - Tono de la plataforma

Por lo que respecta al tono escogido para dirigirnos a nuestros usuarios, el equipo resolvió que fuera ameno y cercano. Esto surgió como resultado de los test de usuario que realizamos, en los que los usuarios nos dieron a entender que debíamos transmitir proximidad a ellos y utilizar a nuestro personaje para crear mayor empatía. A partir de ahí y pensando que la mayoría de nuestro público objetivo iba a ser universitario, decidimos que la mejor opción era relacionar un lenguaje informal y alegre con el muñeco creado y de esta manera, aumentar la simpatía de los usuarios hacia éste y hacerlo más real y divertido.

Si navegamos por toda la web, observamos que los textos que aparecen tienden a ser más coloquiales que formales, aunque siempre son correctos y apropiados al contexto en el que se encuentran. Como ejemplo, en el popup que aparece para publicar un curso, podemos ver algunos consejos que da nuestro personaje para que el usuario escriba correctamente su anuncio del curso. La utilización de los imperativos en primera persona (“Mira nuestros consejos”) o el uso repetido de exclamaciones dirigidas al público, todo ello relacionado con la aparición del muñeco, acerca la plataforma a nuestro público y aporta a la web las connotaciones de diversión y simpatía que los usuarios jóvenes desean. Este tono relajado, cercano e informal predomina en toda la web de “puntoyseguido” y la unifica a nivel textual.

Personas

Arquitectura de la información - Sitemap

Arquitectura de la información - Navegación en la web

En los siguientes esquemas se muestra de una manera simplificada, las dos maneras de navegación en la plataforma, dependiendo de si el usuario entra para aprender o para enseñar.

Los usuarios no registrados pueden navegar y visualizar los distintos cursos de los profesores y las distintas dudas de los alumnos. Sin embargo, cuando un usuario quiere publicar un curso, contactar o valorar a un usuario, esta acción implica que el usuario tenga que registrarse.

El siguiente workflow, muestra las diferentes variantes de una misma acción dependiendo de si estás logeado, registrado o si aún no estás inscrito en la plataforma.

Releases

Primera release

En la primera release se propuso entregar las mínimas funcionalidades para que la web pudiera lanzarse al mercado.

En esta release, se hicieron todas las historias de usuario planteadas menos diseñar las newsletters. En el momento de abarcar esta historia de usuario nos dimos cuenta que no era muy importante en la fase del proyecto en que nos encontrábamos.

Se testearon las diferentes funcionalidades y se detectó que la home era bastante confusa. (Este problema fue apareciendo durante diferentes meses, el proceso de copys que se siguió está explicado en el apartado: Pruebas con usuarios)

Segunda release

La segunda release se enfocó para que los usuarios pudieran registrarse en la plataforma y tener un perfil de usuario para captar los usuarios que entraran en la web. También se decidió que era importante un formulario para contactar con otros usuarios.

En esta release, se realizaron todas las funcionalidades planteadas pero gracias a las pruebas con usuarios se detectaron diferentes errores en algunas funcionalidades.

- Dificultad en diferenciar el apartado de buscar cursos de profesores con el de buscar cursos de alumnos. El apartado de los cursos de los profesores era claro, pero se confundían mucho con el apartado de ayudar a un alumno y se tuvo que hacer diferentes cambios en los copys. Los dos cambios más significativos fueron cambiar el copy del menú "Ayuda a un creativo" por "Busca tu alumno" y el call to action "Ayúdale" por "Enséñale".

Proceso de registro y login antes y después del test.

Tercera release

En la tercera release se priorizó mejorar las funcionalidades de la segunda release que no habían acabado de resolverse. También nos centramos en ofrecer al usuario un sistema de filtros y en ordenar los anuncios para que los creativos pudieran encontrar de una manera ágil el curso deseado. También se priorizó la creación de un sistema de valoraciones para que los usuarios pudieran intercambiar feedback de las clases y conseguir que dar clases fuera una motivación para los profesores. Además se quiso empezar a plantear de una manera clara el intercambio de puntos entre usuarios.

Se realizaron las diferentes historias de usuario a excepción del sistema de puntos, funcionalidad que se ha descartado de la plataforma. En el momento de plantearnos esta funcionalidad, nos dimos cuenta que implicaba muchos esfuerzos técnicos y además no aseguraba que los usuarios realmente harían más clases con este sistema que sin él, así que se optó por descartarlo y se hizo un estudio a partir de entrevistas y encuestas sobre qué motivaría a los usuarios a dar clases (Para más información ir a la sección UX > entrevistas)

Para encontrar la mejor manera de mostrar los filtros y el ordenar por se usó la técnica del cardsorting (explicada en el apartado pruebas con usuario > card sorting)

Las distintas funcionalidades se probaron con un prototipo, nos sirvió para detectar:

- Los usuarios necesitaban tener más información en la pantalla de curso ampliado, querían ver fácilmente las valoraciones y la imagen del usuario sin tener que ir al perfil del usuario.

- Cuando clicaban las estrellas de valoración, creían que les llevaría a una sección donde pudieran ver las valoraciones del profesor y también valorarlos.

Cuarta release

En la cuarta release se dio émfasis en mejorar diferentes funcionalidades de la plataforma que se había detectado que tenían errores como las explicaciones del cómo funciona o el proceso de valoración. Por otra parte, se quiso añadir un sistema de mensajería interno en la plataforma para tener control sobre quién enviaba un correo a quién. En las anteriores release, el usuario contactaba con otro usuario a través de un formulario pero el mensaje llegaba al correo personal del usuario y perdíamos el control sobre si se mensajeaban más o no.

De las 8 historias de usuario planteadas se acabó descartando el sistema de Check-in. Esta funcionalidad consistía en que los usuarios tenían que reservar la clase e indicar cuando se producía el intercambio. En una primera instancia se había considerado una funcionalidad básica para poder tener control sobre quiénes realizaban el intercambio y cuándo se producía y saber si podían o no valorar al otro. Era información valiosa para nosotros pero al usuario le suponía una pérdida de tiempo tener que hacer un check-in al empezar la clase. Estábamos poniendo barreras. Nuestro público tenía que entender cómo hacer el check-in, cuándo hacerlo, etc.

Por lo tanto, se descartó la historia de usuario pero se optó por enviar un mensaje al correo electrónico de los usuarios que se habían contactado sugiriéndoles que valoraran al usuario con quien habían realizado el intercambio.

Quinta release

Para la última release se decidió no añadir funcionalidades nuevas en la web y centrarnos sólo en mejorar funcionalidades existentes, definir y validar un sistema de negocio, hacer una guía de estilos detallada y seguir programando la web, sobre todo la parte responsive.

En la cuarta release se identificó que el apartado "cómo funciona" era confuso para los usuarios. No había suficiente información sobre la plataforma. En la quinta, se probaron distintas opciones sobre esta funcionalidad hasta encontrar la mejor solución: ofrecer en la home, de una manera simplificada, cómo funcionaba la web y añadir una página concreta más extensa y detallada para aquellos usuarios que quisieran más información.

Prototipos

Durante las diferentes releases se realizaron prototipos con la herramienta AXURE para poder testear las diferentes funcionalidades de la plataforma. A partir de la tercera release, en una fase más avanzada del proyecto en versión Desktop, se realizaron también prototipos para la versión tablet y para la versión móvil.

Las funcionalidades que se testearon en cada release, y las conclusiones obtenidas están explicadas en el apartado Argumentación del proceso > Releases.

En este apartado se muestran diferentes imágenes de las pantallas en cada release, para poder observar la evolución de la web y se adjunta un link para descargar algunos de los prototipos y poderlos ver funcionando.

Prototipo Desktop - Segunda release

Prototipo Desktop - Tercera release

Prototipo Desktop - Cuarta release

Prototipo Tablet - Tercera release

Prototipo Móvil - Tercera release

Identidad

Antes de comenzar a crear la imagen de “puntoyseguido”, pensamos en el principal icono de nuestra plataforma, que nos iba a identificar y dar ese toque distintivo en el mercado. Comenzamos a ver webs actuales, a visualizar e investigar acerca de la moda “actual” de los diseñadores y creativos y a continuación se mostrará el resultado.

Idea del nombre de la plataforma - puntoyseguido

Comenzamos a pensar en distintos nombres para crear una identidad que se diferenciara de la competencia y que al mismo tiempo transmitiera lo que queríamos ofrecer a nuestros usuarios.

Para buscar el nombre de la plataforma lo primero que hicimos fue definir los valores principales que queríamos transmitir a los usuarios:

• Intercambio de continuo crecimiento y aprendizaje.
• Producto actual y contemporáneo con personalidad e identidad propia.

Para nuestro naming nos basamos en tres claves básicas:

• Usabilidad: un logotipo que se diferenciara por su fácil legibilidad y visibilidad.
• Pregnancia: realizar un nombre y un logotipo que impactara y que quedara presente en la mente de los usuarios.
• Empatía: un isologotipo que creara empatía con el usuario y que fuera muy bien aceptado socialmente, de manera que nos ayudara a llegar mejor al público objetivo.

Después de definir los elementos claves, se empezaron a evaluar distintas posibilidades.

CREATUYO. Se barajó la posibilidad de utilizar "creatuyo" por el juego de palabras que creaba. Por una parte era CREAR + TU + YO, como la plataforma que se creaba entre los anuncios de los diferentes miembros de la plataforma y además era parecido a creativo.

PUNTOYSEGUIDO. Se decidió “puntoyseguido” debido a que el punto y el círculo son elementos que generan continuidad visual y representan, en nuestro caso, el continuo intercambio de conocimientos entre los creativos. También son elementos eternos que jamás finalizan y se repiten indefinidamente al igual que los universitarios siempre necesitan de otros conocimientos para realizar sus entregas; pones punto a una clase pero sigues aprendiendo con otra.

Logotipo

El bigote simboliza la unión entre ambos roles de la plataforma al mismo tiempo que es un gran icono de la moda actual. También, el hecho de representarse la unión significa que dentro de la misma plataforma un mismo creativo desarrolla ambos roles. Es un isologotipo simple que nos permitió aplicar diferentes conceptos en la plataforma como los colores corporativos o el símbolo del bigote.

Referentes

Antes de definir la estética de la plataforma, se buscaron referentes en cuanto a diseño y también se analizaron otras plataformas similares, sobre qué funcionalidades ofrecían y cual era su elemento diferenciador.

Algunos de los referentes fueron:

TUSCLASESPARTICULARES (web de clases particulares)

COURSERA (web de cursos online)

ITALKI (web de cursos online)

Colores

"puntoyseguido" usa tres colores para la web: naranja, azul y gris. El color gris, utilizado principalmente para textos. El color naranja, utilizado en los call to action y elementos clicables. Como el naranja es un color muy llamativo, era ideal para los botones. El azul, un color muy utilizado en los encabezados de la páginas y para destacar textos.

Para la elección del azul y naranja se buscaron dos colores que combinaran visualmente y que tuvieran un buen contraste, pensando especialmente para personas con problemas de visión, como los daltónicos.

Logotipo a color

Logotipo en blanco y negro

Logotipo visto por una persona daltónica

Se realizó un test de usuario con una persona daltónica, que tenía un grado de daltonismo medio. Le costaba navegar en todas aquellas webs que no tuvieran suficiente contraste, siempre prefería que las webs fueran en blanco y negro, algo difícil de encontrar.

La experiencia fue muy interesante. El usuario pudo distinguir perfectamente cada una de las palabras en los anuncios ya que al ser una web limpia, con colores suaves de fondo, no fue compleja la legibilidad. En el único momento en que el usuario no vio los elementos suficientemente contrastados fue en la imagen principal de la home ya que el botón naranja de los call to action encima de un fondo azul no contrastaba tanto.

Concluimos que el azul de fondo no era lo mejor, pero que igualmente podía leerlo e identificar que eran call to actions que lo dirigían hacia otro sector de la web, al igual que podía leer perfectamente los textos.

Tipografías

Las tipografías utilizadas en la plataforma son Dosis y Lato, dos tipografías de "Google font".

La Dosis es una tipografía limpia , estrecha y redondeada que nos funcionaba muy bien con las ilustraciones y el estilo de la plataforma. Al tener diferentes variables tipográficas nos permitía aún más dinamismo en el uso de la tipografía en la plataforma.

La lato es una tipografía muy legible y con diferentes variaciones tipográficas, utilizada en el texto principal de la web.

Personajes e ilustraciones

En la plataforma creamos dos personajes: una mujer y un hombre para crear empatía con el usuario, ya que son ilustraciones con una vestimenta muy actual y joven.

Por otro lado, estos personajes acompañan al usuario en la plataforma en distintas situaciones, como formularios, búsquedas, en la home y hacen determinados movimientos, como guiños, para sorprenderle. Estos personajes únicamente son un elemento de refuerzo que ayuda a empatizar con el usuario. Creando un personaje masculino y otro femenino quisimos que todos nuestros usuarios llegaran a identificarse con ellos. En una primera instancia se creó únicamente un personaje masculino pero al hacer pruebas con usuarios descubrimos que parecía una web únicamente para hombres ya que tanto el personaje como el bigote del logo eran elementos masculinos.

El libro "Designing for emotion" de Aarron Walter nos permitó conocer más sobre cómo conseguir crear empatía con el usuario y en qué situaciones era adecuado o no usar el personaje.

Iconografía

Cada una de nuestras categorías y las distintas secciones del perfil se clasificaron con diferentes iconos, ya que, además de que estéticamente era mucho más atractivo, hacía la lectura más ligera y permitía que, más adelante, el usuario no leyera el texto sino que ya distinguiera visualmente el icono.

La iconografía se utiliza en toda la plataforma. La vemos en categorías, anuncios, perfil, formularios y se utiliza para proveer de más información al usuario acerca del curso.

Layouts

"puntoyseguido" cuenta con una web responsive. Para ello, hemos utilizado el FOUNDATION 5, una herramienta muy utilizada para adaptar las diferentes grids a tu web y que los usuarios puedan navegar desde cualquier dispositivo móvil.

Como también se puede visualizar en la guía de estilos, esta fue la grid utilizada: dividimos los anuncios en 3 columnas de 33% de anchura y en otros casos, como en la página de resultados de búsqueda o la página de cómo funciona se utilizaron 2 columnas de 50% de anchura. El foundation fue una herramienta extremadamente útil en nuestra plataforma.

Desktop

Tablet

Móvil