Sitio web Desafío Latam

Ana Silva

INVESTIGACIÓN Y
benchmark
{ benchmark } CRITERIOS A EVALUAR

1 Facilidad para encontrar cursos

2 Contacto / atención al cliente

3 Arquitectura de la información

4 Versión móvil

5 Definiciones generales de diseño

6 Proceso online
{ benchmark } SITIOS A EVALUAR

* Desafío Latam
* Talento digital
* Crehana
* Uxer School
{ benchmark } DESAFÍO LATAM

https://desafiolatam.com/
{ benchmark } DESAFÍO LATAM
FACILIDAD PARA ENCONTRAR CURSOS
La forma de ver la oferta académica es
mediante el Navbar, no tiene un buscador o
un área donde poder filtrar la búsqueda de
un curso. Además el Navbar no tiene una
posición fija por lo que si se scrollea hay que
volver arriba para acceder a otro curso.
VERSIÓN MÓVIL
El sitio si es responsive sin embargo no
está bien logrado. La versión móvil
presenta los mismos fallos que la versión
desktop; El navbar no tiene posición fija,
las secciones entre sí tienen proporciones
y tamaños muy diferentes, el scroll hacia
abajo es muy largo y puede ser fácil
perderse en la navegación.
https://desafiolatam.com/
ARQUITECTURA DE LA INFORMACIÓN
Si bien el contenido es bueno la forma en la
que está organizado no es la más eficiente,
hay muchas etiquetas que no representan
adecuadamente el contenido que tienen. Un
ejemplo es el caso del link que dice
“Estudiantes” se pensaría que al darle click
lleva al portal de los estudiante, pero en
realidad lleva a testimonios de estudiantes
de la academia. Otro ejemplo es que no se
deja claro el tipo de certificación que se
obtiene al terminar un curso, taller y carrera.
CONTACTO / ATENCIÓN CLIENTE
El contacto es bastante directo, desde el
sitio se puede llegar al WhatsApp de
Desafío Latam. El tiempo de respuesta es
bastante bueno y la atención es buena.
DEFINICIONES GENERALES DISEÑO
La marca tiene varias cosas positivas a
resaltar como el uso de elementos de
lenguaje de programación y colores
llamativos. El problema es que entre
muchas de las secciones de una misma
página hay muchas incoherencias gráficas
lo que hace que la identidad de la marca
sea débil y a su vez que para el usuario no
sea memorable el sitio que acaba de ver.
PROCESO ONLINE
Para inscribirte en un curso o carrera no
es necesario visitar presencialmente el
lugar. Se puede realizar todo el proceso
de inscripción online; pago web, firma de
contrato y atención al cliente online.
{ benchmark } TALENTO DIGITAL

https://talentodigitalparachile.cl/
{ benchmark } TALENTO DIGITAL
FACILIDAD PARA ENCONTRAR CURSOS
El navbar tiene el link hacia cursos que te
muestra unas cards con la oferta académica.
El navbar es fijo, el problema es que no se
puede acceder a cada curso desde el, hay
que ingresar a la sección “cursos” para poder
navegar entre ellos. Además al estar dentro
de un curso el navbar cambia y ya no se ve
la opción de cursos, por lo que hay que darle
atrás o volver al inicio para ir de nuevo a la
sección cursos.
VERSIÓN MÓVIL
El sitio es responsive. Tiene una animación
para el menú que en algunos casos funciona
muy lento y pareciera que no funcionara pero
realmente hay que esperar. Los elementos
gráficos que se usan al ser muchos se
ordenan raro en esta versión, algunos quedan
sobrepuestos a textos. Algunos títulos están
mal alineados por lo que es confuso saber
donde empieza una sección u otra.
https://talentodigitalparachile.cl/
ARQUITECTURA DE LA INFORMACIÓN
No todos los links funcionan correctamente,
y otro problema que el acceso a los cursos
no es tan fácil desde cualquier parte del
sitio debido a que el navbar no es el mismo
para todas las secciones. Algo muy positivo
es que tienen un botón flotante con el CTA
de “postula aquí”, lo cual hace fácil postular
desde cualquier parte del sitio.
CONTACTO / ATENCIÓN CLIENTE
El link que lleva hacia ayuda esta roto,
además. El contacto con atención al
cliente no es tan inmediato ya que lo que
proporcionan es correo y teléfono de
contacto, pero no hay una forma de
chatear instantáneamente con alguien de
atención al cliente.
DEFINICIONES GENERALES DISEÑO
La marca tiene un estilo gráfico bien
marcado, colores y elementos bien
definidos. El problema que se puede notar
es que el uso de estos es demasiado, la
información y estructura podría ser más
fácil de leer y entender si las gráficas fuesen
mas limpias y sencillas. Hay logos con color
de fondo y pixelados, al igual que algunas
imágenes con baja calidad.
PROCESO ONLINE
El proceso es totalmente online, es un
poco lento y presenta algunas fallas
menores en el registro y al enviar
postulaciones.
{ benchmark } CREHANA

https://www.crehana.com/
{ benchmark } CREHANA
FACILIDAD PARA ENCONTRAR CURSOS
Es bastante sencillo conseguir los cursos que
ofrece, además el sitio tiene en el header del
home una barra para buscar que al hacerle
click te lleva a una página donde tienes el
input para escribir, temas y cursos
destacados o más vendidos. Además el
navbar tiene un dropdown “Aprende” el cual
muestra por categorías y subcategorías la
oferta. Es muy personalizada la forma de
buscar lo cual hace agradable la navegación.
VERSIÓN MÓVIL
El sitio es responsive. El contenido y sus
elementos tiene bastante armonía y la
plataforma web funciona bastante bien
desde el móvil. Es bastante intuitivo.
https://www.crehana.com/
ARQUITECTURA DE LA INFORMACIÓN
El sitio es bastante claro con su objetivo. En
todo momento hay visibilidad de los cursos
que tiene para ofrecer, las diferentes
categorías, los tipos de certificaciones y la
membresía premium que tiene. Las
etiquetas están bien planeadas y los links
funcionan bien.
CONTACTO / ATENCIÓN CLIENTE
El centro de ayuda funciona bastante
bien. Sin embargo la atención al cliente es
lenta, ya que proporcionan es un correo
de contacto y tardan en responder. Un
chat instantáneo haría más inmediato el
solucionar dudas.
DEFINICIONES GENERALES DISEÑO
La marca tiene un estilo gráfico bastante
limpio y simple, el contraste fondo blanco y
letras negras hacen bastante fácil la lectura.
No hay uso excesivo de elementos ni de
colores. La sección para buscar cursos está
bien estructurada y es fácil de entender.
PROCESO ONLINE
El proceso es totalmente online y muy
rápido de realizar.
{ benchmark } UXER SCHOOL

https://www.uxerschool.com/
{ benchmark } UXER SCHOOL

FACILIDAD PARA ENCONTRAR CURSOS ARQUITECTURA DE LA INFORMACIÓN DEFINICIONES GENERALES DISEÑO

Es muy intuitivo conseguir la oferta
académica, el navbar siempre está presente
por lo que navegar entre los cursos es fácil.
Separa los cursos por categorías de
diferente dificultad. Junto con los cursos
colocan un link para ver al puntuación que
tiene de acuerdo a una sitio web de
consumer review, lo cual le otorga confianza
a la calidad de sus cursos.
La información está bien ordenada, los links
funcionan y es intuitivo el lugar a donde
dirigen las etiquetas. Tienen oferta
presencial y en línea, por Covid han
actualizado la página y le dan mayor
visibilidad a los cursos en línea.
CONTACTO / ATENCIÓN CLIENTE
No es fácil conseguir el centro de ayuda.
No se proporciona ni un correo ni un
La marca tiene una identidad bien armada y
aplicada. El diseño se ve muy ordenado y se
entiende bien el contenido que muestra. Todas
las secciones tienen coherencia entre sí.
PROCESO ONLINE
El proceso es totalmente online, hasta
incluye una reunión por videoconferencia
para postular a los cursos.

VERSIÓN MÓVIL número al que llamar pero sí una

dirección física, la forma de contactar es
El sitio es responsive. La imagen del header
llenando un formulario y esperar a que te
no está bien ubicada para esta versión y el
contacten.
navbar no tiene posición fija por lo que al
scrollear se puede perder la navegación.
Tiene en la parte inferior un botón que si es
fijo que dice “ver cursos” este componente
con CTA se mantiene para la sección de
cursos pero en este caso con la acción de
“comprar curso”

https://www.uxerschool.com/
{ benchmark } CUADRO COMPARATIVO

FACILIDAD PARA
ENCONTRAR CURSOS 🙂 🙁 🤩 🤩
versión móvil 🙁 🙁 🤩 🙂
Arquitectura de la
información 🙁 🙂 🤩 🤩
contacto /
atención cliente 🤩 🙁 🙁 🙁
DEFINICIONES
GENERALES DE DISEÑO 🙂 🙂 🤩 🤩 🤩 MUY BUENO
Proceso online 🤩 🙂 🤩 🤩 🙂 BUENO
🙁 NO ESTÁ BUENO
{ benchmark } CONCLUSIONES

EN CONCLUSIÓN…
Los sitios web que ofrecen cursos y carreras
tienen en general una estructura bien
parecida a la de una universidad;
información de los cursos, información de la
institución, portal de inscripción o
postulación y atención al cliente.
En este caso particularmente se analizan
sitios con ofertas relacionadas con el área de Desafío Latam tiene la ventaja sobre otros
innovación y tecnología por lo que los sitios que tiene una buena atención al cliente, es
deberían representarlo y ofrecer un servicio inmediata y cómoda, y además se puede
intuitivo 100% online. realizar todo el proceso de inscripción online.
de forma segura.
También hay que resaltar la situación que se
está viviendo a nivel mundial y como los Sin embargo, tiene varias debilidades en
servicios que apuestan por la tecnología y cuanto a claridad del contenido que se
procesos online están en alza. Por lo que muestra, coherencia gráfica entre las
invertir en un sitio intuitivo, claro y conciso secciones, etiquetados mal colocados,
es clave para sobresalir entre el resto. accesibilidad para navegar fácilmente, etc.
{ benchmark } CONCLUSIONES

SE RECOMIENDA…
>Cambiar la estructura y organización de las secciones
>Nueva redacción para el etiquetado (más intuitivo)
>Establecer una grilla para el diseño del sitio, para que los
contenidos se vean más ordenados y con mayor
coherencia.
>Definir un estilo gráfico más acotado.
>Colocar navbar con posición fija.
>Incluir buscador por categorías para que conseguir entre
cursos, carreras y talleres sea más personalizado y rápido
>Mostrar los precios en la página.
>Ser mas claros y concisos con la información sobre la
academia y la metodología.
>Mejoras de estructura y organización en la versión móvil
ENCUESTAS
{ ENCUESTA } INTRODUCCIÓN

* 10 entrevistados
DESCRIPCIÓN DE LA ENCUESTA…
Desafío Latam es una academia (con sede en argentina y
chile) que ofrece carreras en el área de la tecnología e
innovación.

El objetivo de esta encuesta es determinar si el sitio web

tiene una navegación intuitiva y si es fácil para un usuario
encontrar cursos de interés junto con toda la información
necesaria para tomar una decisión de inscribirse en uno.

Para realizar esta encuesta ingresa al sitio y navégalo

buscando un curso que te interese

URL página: https://desafiolatam.com/

{ ENCUESTA } PREGUNTAS

* ¿Qué edad tienes? 31 años

23 años
10%
20%

24 años
20%

29 años
10%

28 años
10%
26 años
27 años 20%
10%
{ ENCUESTA } PREGUNTAS

* ¿A qué te dedicas?
Programador(a) 70%

Diseñador(a) audiovisual 20%

Ing. Comercial 10%

1 2 3 4 5 6 7
{ ENCUESTA } PREGUNTAS

* ¿Te interesa tomar un curso en el

área de la tecnología?

Si, quisiera inscribirme 70%

No me interesa 30%

1 2 3 4 5 6 7
{ ENCUESTA } PREGUNTAS

* Encontrar un curso o carrera de

interés en el sitio ¿Cómo fue?

6 personas 2 personas 2 personas

60% 20% 0% 0% 20%

Muy fácil Muy confuso

{ ENCUESTA } PREGUNTAS

* ¿Qué te pareció la información

de los cursos?

1 persona 5 personas 1 persona 2 personas 1 persona

10% 50% 10% 20% 10%

Muy completa Muy incompleta

{ ENCUESTA } PREGUNTAS

* ¿Entendiste la metodología con

la que trabaja la academia?

No, no leí nada al respecto 40%

No estoy seguro(a) 10%

Si, me quedó claro 50%

1 2 3 4 5
{ ENCUESTA } PREGUNTAS

* ¿Qué tan importante es para ti tener

visibilidad de los precios en la página?

9 personas 1 persona
90% 10% 0% 0% 0%

Muy importante Nada importante

{ ENCUESTA } PREGUNTAS

* A nivel visual ¿Qué te parece el

diseño del sitio?

3 personas 2 personas 4 persona 1 persona

30% 20% 40% 0% 10%

Muy bueno No me gustó

{ ENCUESTA } PREGUNTAS ABIERTAS

* ¿Qué le mejorarías al sitio?

* Más minimalista, que no este tan cargado visualmente

* Poner los precios *2 opinaron lo mismo

* Estructurar mejor el contenido *4 opinaron lo mismo

* La paleta de colores es desordenada, y le quitaria los <tags

* Nada *2 opinaron lo mismo

{ ENCUESTA } PREGUNTAS ABIERTAS

* ¿Qué te gustó del sitio?

* Fácil de navegar *3 opinaron lo mismo

* Que tiene bastante información

* No veo nada que se pueda destacar

* No estoy seguro *2 opinaron lo mismo

* Las carreras que ofrece *2 opinaron lo mismo

* Colores llamativos
{ ENCUESTA } FOCUS GROUP

MINI FOCUS GROUP

3 de los entrevistados realizaron la encuesta durante una
* Por la forma en la que esta diagramada la
sección del home de testimonios de alumnos,
videollamada, mientras navegaban en la página y pareciera que la carrera de full-stack tuviese
respondían las preguntas se iba conversando sobre el sitio. mayor prioridad que le resto (ambos full-stack
En este focus group improvisado surgieron algunas aparecen con mayor tamaño que el resto)
observaciones interesantes;

* El diseño da la sensación de que es un template

gratuito al que le agregaron más secciones, sin
una identidad memorable.

* Hay una sección que tiene una animación de

texto, como aparece subrayado pareciera que
fuese clickleable pero no lo es, lo cual es
frustrante.

* Ninguno entendió a la primera el uso de los

tags como elementos gráficos.
{ ENCUESTA } CONCLUSIONES

EN CONCLUSIÓN…
Si bien encontrar una carrera en el sitio es muy fácil,
navegar entre las opciones no es tan sencillo. La página
necesita una reestructuración tanto de contenidos como
del flujo de navegación para hacer esta tarea más sencilla
para el usuario. Además sería interesante poder incluir un
buscador por categorías para hacer mas placentera la
navegación de los posibles postulantes.

Un poco de la mano con lo anterior, es importante sacar la

información que puede estar sobrando y que no es lo
suficiente clara e incluir en su lugar detalles más concisos
de verdadero interés para los usuarios, sobretodo
información que será importante para ayudar al usuario a
tomar una decisión de compra mas rápida. Algunos
ejemplos: incluir los precios, información más clara de la
metodología, etc.

Establecer un estilo gráfico que mantenga coherencia en

las diferentes secciones o páginas del sitio. Una identidad
de marca sólida y bien planificada ayuda a afianzar a los
usuarios (tanto internos como externos) a una marca.
Además, ayuda a que el sitio sea memorable.
mapa empatía
{ MAPA EMPATÍA } MAPA EMPATÍA HEAVY USER
QUE PIENSA Y SIENTE
Mentes creativas e innovadoras
Prefiere cursos en línea que presenciales
Interés en nuevos conocimientos
Especializarse en tecnología e
innovación abre puertas en el mundo
laboral
Cambiar de área de trabajo a una
digital
Incertidumbre por situación demostró
las ventajas de las carreras digitales
Motivados a especializarse para
mejorar sus salarios y su comodidad
QUE VE
Amistades con conocimientos en área
digitales
Emprendedores o pymes digitales
tomando auge actualmente
Padres exitosos, con estudios
Compañeros de trabajo con talento y
conocimientos
La necesidad en el mercado laboral de
profesionales especializados en áreas
tecnológicas e innovadoras
Los buenos salarios de profesionales en
esta área
Conocidos que deciden estudiar o
especializarse
{ MAPA EMPATÍA } MAPA EMPATÍA HEAVY USER

QUE DICE Y HACE QUE ESCUCHA

Le gustan las conferencias o podcast Escucha podcast, conferencias, TED
sobre tecnología talks sobre tecnología e innovación

Tiene incorporado en su día a día el uso Los términos o metodologías

de tecnología (celular, computador, wifi, innovadoras que usan sus compañeros
reloj inteligente, etc.) de trabajo

Le gusta compartir conocimiento con Sigue a profesionales talentosos en las

sus colegas áreas que le interese

Siempre usa youtube para aprender a Usa apps de mensajería instantánea,

hacer cosas nuevas redes sociales, y más herramientas de
comunicación online.
Mantiene sus apps actualizadas, y esta
al tanto de las novedades.

Tiene hobbies diferentes para

descansar de la pantalla del
computador
{ MAPA EMPATÍA } MAPA EMPATÍA HEAVY USER

DOLORES NECESIDADES
Se siente desactualizado en relación a Necesita conocimientos en áreas
la oferta de trabajo que hay disponible. digitales

Teme que no le alcance el tiempo para Necesita mejorar sus condiciones

estudiar y trabajar. laborales

Teme no entender o no poder aprender Quiere cambiar de trabajo y mejorar su

correctamente el contenido del curso. salario

Teme perder la inversión en un curso Debe actualizarse para estar a la par

que termine siendo malo. con el mundo laboral actual

Estudiar en un horario flexible que le

acomode para poder seguir trabajando
o atendiendo asuntos personales con
tranquilidad
{ MAPA EMPATÍA } ARQUETIPO

MOTIVACIONES PERSONALIDAD
Mantenerse actualizada en la Sociable Tolerante
tecnología y la innovación.
Educada Muy exigente
Compartir conocimientos con otros.
Creativa Perfeccionista
Aportar sus conocimientos para el
Motivada Responsable
crecimiento de su lugar de trabajo.

Tener una vida profesional exitoso.

Mejorar sus condiciones de vida al

CONTEXTO DE VIDA
mejorar su puesto de trabajo. Laboral: trabaja en una pyme en el área de producto
como diseñadora.

FRUSTRACIONES Vida íntima: Soltera, vive con una amiga de la

No saber cómo llevar a cabo algo que
le pidan en el trabajo.
No entender terminologías en
reuniones de trabajo.
No tener wifi.
universidad.
Educación: Es diseñadora integral y se ha
especializado en diseño digital.
Familia: Tiene a su mamá y papá que están casados.
Son profesionales que siguen trabajando en la
actualidad.

No lograr lo que se propone. Vida social: Le gusta divertirse con sus amigos, salir

MARIA EMILIA
a bailar.
No tener disponible el tiempo para
desarrollarse personal y Hobbies: tomar un buen café, probar restaurantes
profesionalmente. nuevos, leer.
MAPA NAVEGACIÓN
{ MAPA navegación } PROPUESTA MAPA DE NAVEGACIÓN

HOME

Buscador de cursos Localización Aprende Comunidad Contacto Portal estudiante RRSS

WSP Ingreso
Metodología de enseñanza Global Carreras Testimonios
info. cursos plataforma
empieza
Proyectos WSP
Certificaciones Córdoba Cursos
destacados Ayuda
estudiantes

Carreras más solicitadas Santiago Talleres Egresados

Trayectoria academia Valparaíso Remoto Eventos prox. Simbología

Inicio Sección Subsección

Ver todo
{ MAPA navegación } CONCLUSIONES

EN CONCLUSIÓN…
Se propone una nueva estructuración del contenido en
base a todo el proceso investigativo llevado a cabo, los
aspectos a resaltar son;

-Se propone incluir en el home información mas clara

sobre la metodologías de enseñanza, las certificaciones
que se entregan, la trayectoria o reconocimiento de la
academia y como sugerencia las carreras más solicitadas
en el mercado laboral.

-Unificar toda la oferta académica en un solo botón en el

navbar “Aprende” donde se despliega un dropdown con
las categorías disponibles, además de un botón para ver
todo. Todas las anteriores llevaran a una misma sección
donde se mostraran los cursos en cards con la info de
-Se propone incluir una nueva sección “Comunidad” donde
precio, duración, descripción breve y ver más. La idea es
se reunirán los testimonios de estudiantes, proyectos
que desde donde ingreses el sitio te haga un prefiero (si
destacados, las empresas que han contratado a los
pinchas cursos veras las cards de solo los cursos por
egresados, eventos próximos para poder participar.
ejemplo). Muy parecido al sistema que usan los portales de
compra como mercado libre o los portales de cursos en -Nueva sección “Portal estudiantes” el cual lleva al ingreso
linea con membresía. de la plataforma empieza.
 🤓
GRACIAS