Rol: Directora de arte, diseñadora UX/UI, ilustradora.
Herramientas: Sketch, Illustrator, Photoshop, Invision.
Cliente: 4Doctors
Sector: E-learning/ Salud
Link: 4doctors.science
La solución que 4Doctors ofrecía a los profesionales de la medicina junto con los beneficios de ser parte de la plataforma no estaba claro.
El diseño de la web no era responsive y eso provocaba que la navegabilidad fuese bastante complicada.
¿Qué provocaba esto? que menos profesionales se sintieran atraídos hacia las soluciones de 4Doctors porque veían dificultad y no podían ver con facilidad los beneficios de sus formaciones.
Crear un espacio digital bien estructurado, claro y con una navegabilidad bien cuidada.
Un espacio para atraer a más profesionales de la medicina y mostrar el repertorio de cursos y másteres online que ofrecen mostrando su profesionalidad y autoridad en la materia.
Investigación de mercado, estrategia de branding, brainstorming, diseño visual y diseño de interacción.
Aquí realicé un análisis de la competencia directa, junto con la CMO. Haciendo un benchmarking para definir aquellas características que podían ser modeladas y detectar aquellas que no se estaban llevando tan bien por al competencia para ahondar ahí y diferenciarnos.
La hoja de ruta empezó centrándonos en los 3 servicios principales: Másters, cursos especializados y Membresía premium – la fuente de ingresos de la empresa y punto de partida.
Partiendo del menú visual, se trabajó mano a mano junto con la CMO para definir cada una de las páginas necesarias para el sitio web, priorizando y destacando las 3 descritas arriba.
Para que la información fuese encontrada con facilidad, y para transmitir los valores de la empresa y conectar con el usuario; el diseño de toda la web tenía que ser limpio, claro y no despistar con su diseño.
Lo más importante a potenciar eran los 3 servicios principales: Másters, cursos especializados y Membresía premium.
Además, teníamos que potenciar la profesionalidad del site y de las formaciones para generar mayor autoridad.
Todos los iconos son personalizados y han sido diseñados específicamente para 4Doctors, utilizando un nuevo degradado que combina los dos colores principales de la marca.
Para fondos oscuros, este degradado desaparece para ganar visibilidad y se convierte en el verde turquesa de la marca.
Los diseños se explicaron al desarrollador, página por página; elemento por elemento.
Se determinaron las microinteracciones de los CTAs, la entrada de los elementos en la carga de la página, los colores para mostrar esa interacción al pasar el cursor y en general todas las interacciones necesarias para hacer de la web, un site no sólo de fácil navegabilidad sino también y muy importante, coherente con su branding.
Se definió una propuesta de valor directa y concisa para que cualquier médico/a supiese detectar los beneficios de formar parre de esta plataforma.
Se organizó y categorizó toda la información para mostrarla de manera clara para que los/las profesionales sanitarios pudiesen encontrar toda la información en el menor tiempo posible.
Como resultado, un diseño web funcional, claro y que permitiese a los usuarios encontrar la información disponible con rapidez.
Puedes navegar dentro de la pantalla del móvil y hacer click sobre algunos botones para ver el prototipo.
Si necesitas ilustraciones o iconos personalizados para los proyectos de tus clientes y así potenciarlos y que destaquen, manteniendo la coherencia de sus marcas, te propongo agendar un video-meeting de 20 minutos para ver cómo podemos trabajar juntos.
