Academia online para doctores

Diseño de la web de 4Doctors – empresa especializada en formación online (másteres y cursos especializados) para profesionales de la medicina en España abalada por la Universidad Francisco de Vitoria.
Pantallas mobile diseño 4Doctors

Descripción del proyecto

Rol: Directora de arte, diseñadora UX/UI.

Herramientas: Sketch, Illustrator, Photoshop, Invision.

Cliente: 4Doctors

Sector: E-learning/ Salud

Link: 4doctors.science

El problema:

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.

El reto:

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.

El proceso

Investigación de mercado, estrategia de branding, brainstorming, diseño visual y diseño de interacción.

Investigación de mercado:

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.

Roadmap:

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.

Sitemap:

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.

Wireframes (high):

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.

Iconos detalle:

Todos los iconos realizados en la web son personalizados. Han sido diseñados específicamente para la empresa 4Doctors. 

Diseño de interacción:

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.

La solución

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.

¿Tu negocio necesita algo así?

Escríbeme para saber qué necesita tu marca y te respondo en menos de 48h!

¡Es hora de ponernos a trabajar en tu negocio y darle lo que se merece y más!