FLINK: la web responsive que cubre todas las necesidades del freelancer

DISEÑO UX/UI | Proyecto final en Upgrade Hub

10 min readJun 4, 2023

--

Seguramente has pasado por el laborioso "trabajo" de buscar empleo; es un proceso un poco pesado ¿no?, pues imagínate lo que esto significa para un freelancer que tiene que estar en constante búsqueda de oportunidades.

Como punto de partida para este proyecto, quería estudiar un tema que fuera de mi interés. Desde hace 6 años he sido freelancer a medio tiempo, desarrollando proyectos de diseño gráfico y arquitectura en mis ratos libres. Es un poco abrumador manejar todos los aspectos de ser freelancer — hacer el proyecto, lidiar con los clientes, establecer tarifas, etc.— por eso, para mi proyecto final decidí que este sería el tema a profundizar.

Como quería diseñar una solución pensada y orientada hacia el usuario y su experiencia, desarrollé este proyecto basándome en la metodología del design thinking.

01 EMPATIZAR

Teniendo una perspectiva personal con respecto a este tema, quería entender verdaderamente qué necesidades tenían los freelancers desde el inicio hasta el fin de cada proyecto y de su vida profesional, así que inicié una fase de investigación.

Desk Research

Lo primero que hice fue plantear una serie de preguntas para entender y detectar las necesidades y requerimientos de los usuarios, y así poder definir el público objetivo e identificar las ventajas competitivas:

  • ¿Deberíamos dirigirnos solo a un grupo de freelancers con experiencia o también incluir a aquellos que están comenzando en esta industria? ¿Cuáles son sus preocupaciones principales? ¿Qué les frustra en su trabajo como freelancers?
  • ¿Cómo funcionan las plataformas y sitios web actuales para freelancers? ¿Qué podríamos ofrecer de forma diferencial que los distinga? ¿Qué tendencias emergentes existen en el mercado freelance?

En España hay unos 3,3 millones de trabajadores autónomos, el 73% del total está vinculado al sector servicios, según cifras del Ministerio de Trabajo. Esta es la tendencia que va imponiéndose en el mercado laboral.

Fuente: Forbes.es

Gracias a este estudio logré obtener un punto de partida para el desarrollo de mi producto.

Benchmarking y Best Practices

Realicé un benchmarking de las plataformas existentes para freelancers con el objetivo de comprender el mercado actual. Investigué y tomé como referencia las funcionalidades de las siguientes plataformas:

Benchmarking

Además, analicé sitios web y aplicaciones que son consideradas como best practices en cuanto a diseño, para observar cómo resolvían ciertas funcionalidades.

Best practices

Gracias a este proceso, pude descubrir qué herramientas estaban funcionando y cuáles no, así como identificar las tendencias que se están siguiendo en la actualidad.

Encuestas y entrevistas

Para confirmar el target y saber qué necesidades tenían los freelancers y los clientes, realicé una encuesta de manera paralela en Google Forms en la que participaron 75 personas.

Encuesta

También realicé 4 entrevistas a potenciales usuarios para obtener una perspectiva mas cualitativa sobre el tema.

Entrevistas

Entre los hallazgos, pude identificar a las personas y entidades clave que debía tener en cuenta para llevar a cabo este proyecto de manera exitosa.

Stakeholders

Affinity map

Esta investigación me proporcionó información muy valiosa que volqué en un mapa de afinidad, procedí a organizar y categorizar la información de manera estructurada.

Affinity map

Como resultado, obtuve insights relevantes y apropiados para la siguiente fase de ideación:

✦ Los freelancers se sienten abrumados por la falta de conocimiento sobre cómo gestionar el pago de impuestos por sus trabajos realizados.

✦ Las personas que trabajan por cuenta propia tienen dificultades para determinar la tarifa adecuada por sus servicios.

✦ Los usuarios experimentan frustración debido a que el proceso de búsqueda de proyectos puede resultar complicado, consumiendo mucho tiempo y dedicación.

✦ Las personas que contratan servicios freelance suelen conseguirlos por recomendaciones de amigos, y si buscan en línea, consultan las reseñas y calificaciones de los freelancers.

02 DEFINIR

Utilizando los resultados obtenidos en la investigación, decidí emplear diversas herramientas como el Lean UX Canvas, UX Strategy Blueprint, el Business Model Canvas, los Mapas de Empatía y el Value Proposition Canvas, entre otras. Estas herramientas me permitieron comenzar a obtener conclusiones, comprender mejor a mi público objetivo y proporcionar respuestas que dieran forma al servicio que estaba desarrollando.

Lean UX Canvas

El Lean UX Canvas me sirvió como guía inicial de las funcionalidades que ayudarían a mi público objetivo a alcanzar las metas que están buscando.

UX Strategy Blueprint

En el UX Strategy Blueprint descubrí los desafíos con los que se enfrentan los usuarios al momento de desempeñar su rol como freelancers y los desafíos que enfrentan los clientes al buscar talento freelance.

Business Model Canvas

Y gracias al Business Model Canvas estructuré un modelo de negocio donde destaco la forma en que se generarían los flujos de ingresos en este modelo de negocio. En esencia, sería:

  • Una versión gratuita donde se cobra un porcentaje del costo de cada proyecto realizado.
  • Un servicio de matching gratuito mediante IA que une al cliente con el freelancer adecuado, o viceversa.
  • Un servicio de consultorías y capacitaciones pagas, en tareas administrativas como impuestos y facturación.
  • Una versión de suscripción con un pago mensual que brinda acceso a todas las funcionalidades premium mencionadas anteriormente.

Todo esto me ayudó a plantear los problem statements que debía resolver:

Problem Statements

User Personas

Diseñé 5 perfiles de usuario que englobaban todas las necesidades, deseos, hábitos y motivaciones detectados en los Empathy Maps, y los agrupé en diferentes arquetipos.

User personas
Mapa de personas

Luego realicé el User Journey de los heavy users, David, Sofía y Julia. Ésta ha sido otra herramienta clave en este proyecto, ya que pude comprender aún mejor la mentalidad de los usuarios y explorar las experiencias que vivirían a lo largo del proceso.

Además, me permitió profundizar en su contexto, objetivos, conflictos y necesidades, lo que nos brinda una comprensión mas completa de los usuarios. Me encontré con problemas inesperados, pain points que no había anticipado y algunas oportunidades que no podía pasar por alto.

User Journey de David

A partir de esto, podemos identificar diversas oportunidades de diseño y mejorar la experiencia en general.

Value Propositions

Gracias al Value Proposition Canvas pude determinar los Jobs to Be Done y así definir las propuestas de valor que tendría el producto digital para freelancers:

Propuestas de Valor

03 IDEAR

Si bien según mi investigación la mayoría de las personas busca oportunidades laborales a través del ordenador, hay una creciente tendencia de hacerlo a través del móvil. Por ello opté por crear una web responsive que se ajustara y funcionara de manera efectiva tanto en ordenadores como en dispositivos móviles.

Wireframes en baja fidelidad

Una vez definidos los usuarios, las funcionalidades y las propuestas de valor, comencé a desarrollar la Arquitectura de la Información del proyecto. Al mismo tiempo, me enfoqué en desarrollar los flujos de navegación que representaban la propuesta de valor de la solución a través de wireframes.

Arquitectura de la Información
User flows
Wireframes registro

Branding

Como diseñadora, debo confesar que esta etapa siempre será una de mis favoritas. Sin embargo, he disfrutado enormemente todo el proceso de crear una solución desde cero.

El objetivo principal de esta solución es “linkear” talento freelance con oportunidades laborales. De la combinación de las palabras FREELANCE + LINK surge el nombre FLINK, con la intención de crear un nombre corto, llamativo y fácil de recordar; pero que también reflejase la esencia de la solución.

El logo presenta un diseño donde el isotipo en forma de LINK (enlace) se integra de manera creativa en la letra “I”. Este símbolo representa la conexión y colaboración entre freelancers y clientes, transmitiendo la idea de unir talentos y habilidades en un entorno digital.

La paleta de colores seleccionada combina tonalidades profesionales, vibrantes y sutiles. Estos colores fueron elegidos cuidadosamente para transmitir una imagen de calidad y confianza, al mismo tiempo que aportan energía y vitalidad al diseño.

Además, opté por utilizar dos tipografías distintas para crear contraste y jerarquía visual en el texto. Esta elección permite resaltar elementos clave y mejorar la adaptabilidad y legibilidad del contenido en diferentes contextos y dispositivos.

Diseñar un UI Kit fue una parte importante del proceso, ya que me permitió establecer una identidad visual coherente para la plataforma. Al contar con elementos predefinidos, pude acelerar el proceso de diseño y mantener la consistencia en todas las pantallas. Esto garantiza la escalabilidad y adaptabilidad de la plataforma a medida que crece y se desarrolla. Les enseño parte del UI Kit de FLINK:

UI Kit

04 PROTOTIPAR

Para el prototipo de FLINK, desarrollé los tres flujos principales que había planteado anteriormente y que se ajustan a las necesidades de los user personas.

Uno de ellos se centra en Patricia, quien desea convertirse en freelancer pero no sabe por dónde empezar. A través de la versión móvil de FLINK, Patricia puede crear su usuario y explorar las directrices y recomendaciones que la plataforma ofrece para ayudarla en su camino como freelancer.

Necesidades de Patricia

En el caso de Sofía, quien es freelancer a tiempo parcial, recibió una propuesta de proyecto muy grande que no podía realizar por sí sola. Así que desde su ordenador, en su cuenta de FLINK, decidió buscar apoyo en la comunidad de freelancers. Después de revisar diferentes perfiles y evaluar cuál se adaptaba mejor a sus necesidades, seleccionó a una profesional y la invitó a colaborar en su proyecto.

Necesidades de Sofía

David, freelancer full-time, necesita apoyo en temas relacionados con impuestos, facturación y otros aspectos administrativos de su trabajo. Consciente de esta necesidad, acude a FLINK para buscar y acceder a servicios de consultoría y asesoramiento en dichas áreas.

NEXT STEPS? — 05 TESTING

Como siguientes pasos tendríamos que poner a prueba el prototipo y observar cómo las personas interactúan con él para evaluar su usabilidad y experiencia de usuario. El testing permite identificar y solucionar problemas de diseño y funcionalidad, lo que a su vez mejora la satisfacción del usuario al ofrecer un producto o servicio que se adapte mejor a sus necesidades y expectativas.

Es fundamental tener en cuenta durante el proceso de diseño que, aunque podamos empatizar con las necesidades y frustraciones del usuario, como diseñadores de productos debemos recordar que no somos nuestros propios usuarios. A pesar de sentirnos identificados, es importante mantener una perspectiva objetiva y basar nuestras decisiones en los datos y feedback obtenidos durante la investigación.

Durante mi experiencia en el desarrollo de FLINK, aprendí que la iteración no implica necesariamente que esté cometiendo errores, sino que a veces es necesario retroceder al punto de partida o a fases anteriores para obtener mejores resultados. Es crucial confiar en el proceso creativo como una oportunidad para aprender y mejorar constantemente.

Estoy muy satisfecha con el resultado, el feedback que recibí de mis profesores de Upgrade Hub fué muy positivo.

¡GRACIAS! a mi familia y amigos que me apoyaron durante estos meses, contestando mis encuestas, entrevistas, cardsorting. A mis mis profesores por darme las herramientas para aprender sobre el maravilloso mundo del UX, por ayudarme a poner en marcha y encarrilar mis ideas. Y a mis compañeros por su apoyo, les deseo lo mejor.

Cualquier duda o sugerencia pueden hacerla a mi correo: veroflorido@gmail.com

--

--

Veronica Florido Coloma

UX-UI Designer with a background in Architecture & Graphic Design