si te parece, le vamos a dar cañita
venga, vamos a darle cañita
vamos a ver aquí los proyectazos de la comunidad
empezamos con Peter Ramírez
18, Peter
aquí tenemos el bueno de Peter
y a ver
UI, UX Design
Front End Developer, Motion Graphics
tenemos aquí, pues hay unos proyectitos
la verdad es que me gusta, me gusta
está bien, ¿cómo lo ves, Cris?
esto lo veo bien
está bonito, ¿no?
yo creo que un problemilla es la imagen
y esto suele pasar cuando se
optimizan imágenes en un formato un poco
sobre todo de los negros, y claro
queda un poco raro, yo aquí intentaría
optimizar la imagen de otra forma
lo que me gusta es que parece
que tiene su propia identidad con la paleta de colores
tiene una buena jerarquía también
no tiene texto justificado
parece ser en las cards
que tampoco me cae bien
el texto justificado
menos mal
llegas a venir aquí
Senior Product Designer
y me dices, a mí me encanta
todo justificado
y me matas
lo sabes que me matas, ¿no?
me matas más que nada
porque entonces la comunidad
va a empezar aquí
con las bromas de
Midu se lo inventó
esto del texto justificado
para que hablas de diseño
si no sabes
sí, sí, sí
tal cual
tal cual
bueno, pero
una cosa que tiene razón
¿no?
el tema de que
la imagen, el color
y eso
pues que está bastante bien
yo hay una cosa
que a mí personalmente
este soy yo
que soy un poco tiquismiquis
con algunas cosas
y lo reconozco
y el tema de los iconos
el stroke es súper importante
porque muchas veces
cuando tienen los iconos
tienen un stroke
incorrecto
se ven como muy vastos
por ejemplo
este de LinkedIn
se ve como muy bruto
o este del filtro
se ve como muy bruto
que yo creo que
si los tuviera
un píxel menos quizás
ya quedaría
un pelín menos bruto
por ejemplo
se ve también
en este de
muy forzado
el de
el de Tailwind
que casi ni siquiera
no parece ni el logo original
de lo forzadillo que está
pues honestamente
no lo veo mal
pero por el simple hecho
de que todos son consistentes
porque muchas veces
pasa que los iconos
tienen como
borde diferente
grueso
algunos tienen color
otros no
y estos en este caso
son súper consistentes
lo que decías
del grueso
al final es tema de gustos
para mí es
claro
más importante
la consistencia
que no
ahí voy a estar
súper de acuerdo
totalmente de acuerdo
prefiero que al menos
sean todos igual
que no el hecho
que empiece a haber
uno de una forma
otro de otra
pero si tuviese
que decirle algo
yo apostaría
porque todos sean
de uno y medio
no sé por qué
sobre todo es que
el problema está
con los logos originales
que cuando se fuerzan
tanto
ya no aparece
no aparecen
ni los de verdad
por ejemplo
de Tailwind
se ve ahí
un poco raro
pero bueno
no pasa nada
al menos es verdad
que son consistentes
eso lo compro
el argumento
de las marcas
¿cómo ves el tema
de primero proyectos
y luego experiencia?
¿cómo pondrías tú
esto?
¿primero una cosa
u otra?
¿cómo lo ves
en tema de escaneo
de información?
¿qué crees que debería
ir arriba o abajo?
si puedes hacer scroll
arriba
sí
arriba de todo
ahora sí
lo que me despista
es que
haga cuatro cosas
a la vez
o sea
UI
UX
Frontend
y Motion Graphics
sí
pero no me da
mucha información
de hacia dónde
prefiere
dedicarse
quizá tendría sentido
utilizar parte
de la experiencia
para hacer un resumen aquí
claro
o priorizar
tipo Frontend Developer
con interés
por
claro
entonces
a lo mejor
claro
si tiene experiencia
que además parece
que tiene experiencia
sobre todo
como Frontend Developer
o siempre la tiene
como Frontend Developer
pues a lo mejor
sea interesante decir
con cuatro años
y además aquí arriba
poner cuatro años
de experiencia
como Frontend Developer
con interés
o con experiencia
o con
o también
trabajando en tal
¿no?
y más secundario
suele funcionar muy bien
porque cuando
ves el portfolio
por primera vez
te haces una idea
de qué tipo
de perfil tiene
porque si no
solo estás listando
profesiones
y si tú
como empresa
estás buscando
Frontend
con sensibilidad
en diseño
pues
seguramente
te entra más
una frase
en la que expliques
eso
que no un listado
de
de profesiones
o habilidades
el resumen
hacer un resumen
¿y sobre poner los proyectos?
¿crees que primero proyectos
o primero experiencia?
¿sabes?
porque aquí abajo del todo
ha puesto la experiencia
que también como que termina
un poco abrupto
¿no?
la página
es como que
experiencia
¡pum!
ya no hay más
ya no se puede scrollear más
hasta aquí
y queda como un poco raro
porque
no sé
no hay un cierre
en la página
¿no?
no, eso es verdad
le falta un footer
aunque sea para poner
su nombre otra vez
copyright
y los enlaces
de las redes
o algo
exacto
algo
algo
¿no?
para decir adiós
también es raro
no entiendo muy bien
esta
porque normalmente esto
este punto y tal
como que te ayuda a hacer
como un
histori
o histori
no sé como sería
pero como una cronología
¿no?
pero aquí en medio
como
es raro
porque no entiendo
arriba a la izquierda
está como el más viejo
lo cual es raro
porque debería ser
el más nuevo
si está como al revés
yo el último este
o sea el último
de 2023
que es el más reciente
lo pondría
arriba a la izquierda
para que sea el primero
que la gente ve
que es el más interesante
¿no?
sí
quizás se podría espaciar más
tipo ponerlos
sí
como un poquito separados
entre sí
¿no?
que no estén a la misma altura
sí, sí
estoy de acuerdo
para que vayan como
primero uno
luego un poquito más abajo
el otro
y tal
y entonces tendría más sentido
esta cosita que ha hecho aquí
sí, sí
muy bien
pues
pero aparte de proyectos
muy bonita
me gusta mucho así
este diseño
y el hover y tal
bien, bien
y además que cambia
me gusta mucho
como muestra la imagen
está como difuminada
luego se hace grande
se nota
todo es clicable
eso me ha gustado mucho
esta parte
la verdad
vale
últimas palabras para Peter
quizá
lo que añadiría
o sea
contestando lo que decía
si primero experiencia
después proyectos
personalmente considero
que es más relevante
poner primero los proyectos
que no la experiencia
porque
puedes tener experiencia
de años
y que tus proyectos
no sean buenos
y al revés
claro
yo en este caso
siempre digo
que si eres una persona
en programación
que tienes experiencia real
yo siempre digo
que primero experiencia
¿por qué?
porque
en programación
como que la experiencia
te abre muchas puertas
si tú has trabajado
durante dos o cinco años
en programación
como que tira mucho más
que hayas hecho un proyecto
es verdad que
a lo mejor el mundo de UX
es diferente
pero si no tienes experiencia
es mucho mejor
que pongas un buen proyecto
arriba
¿sabes?
es complicado
sí
supongo que es diferente
a diseño
que en realidad
es lo que sabes hacer
claro
sí, sí, sí
que es más fácil mostrarlo
sí, por eso
yo creo que en diseño
sí que pondría los proyectos
porque además
pueden ser proyectos
muy de clientes
que sueles tener más de un cliente
y sí que enseñan proyectos
porque son más laborales
pero sí
yo creo que muchas veces depende
aunque en programación
normalmente la experiencia
es mucho más fácil
que llame la atención
si la pones arriba
pero verdad que
muchas veces depende
mira, te presento
Gentleman Transcript
una app para crear capítulos
con timestamp relevante
de tu vídeo en YouTube
bueno
a este vamos a echarle
un vistazo rápido
porque no es un portafolio
y es un poco más
complicadete
uy
¿qué ha pasado aquí?
¿qué te parece?
así como
es un producto
sí
he visto esto
y he pensado
la influencia de Linear
se ve
en todas partes
está en todos los lados
las webs Linear
sí
¿es esta la web que dices?
sí
sí, ¿no?
sí
se parece ahí un poquillo
tiene un estilillo
tiene un estilillo
sí, sí
los degradados
ese tono
como si fuera del espacio
de alguna manera
sí, sí
ah mira
ahora ha cargado
ahora sí
ha cargado
ha tardado
eso significa
y por eso muchas veces
es importante también
para la experiencia del usuario
que seguramente
seguramente
estamos ante
hostia
estamos
primero
no sé si hemos tirado la web
también
porque ahora no me carga
no sé si hemos tirado
no creo
hostia
pues le cuesta
no sé qué pasa
estirando webs hoy
sí, sí
hoy no sé qué pasa
pero puede ser
que esto sea un vídeo
que tarde bastante
bastante en cargar
puede ser
y por lo demás
¿qué te parece
si a primera vista
hay algo que cambiarías
algo que ves?
se me hace muy extraña
la línea de
features
lo de save time
grow your audience
y todo
es lo que está justo
sí
porque no se ve mucho
y si es algo
que hay que resaltar
quizá lo pondría
debajo del vídeo
para que el vídeo
quede más arriba
y explicar un poquito más
qué es
save time
vale, ahorras tiempo
pero en qué
claro
¿sabes?
relacionar como la
la funcionalidad
con un beneficio
además
una cosa que es rara
es que
¿ves?
has dicho que es un vídeo
pero yo no veo un vídeo
he subido que era un vídeo
por el cursor
que está ahí en medio
pero
es raro ¿verdad?
no sé si es porque
no la ha puesto
no, pues pone mood
pues es verdad que a mí
no me funciona
pero tiene autoplay
no sé si es porque
cargaba muy lento
o porque lo he parado
y cuando lo he parado
al final
ah mira, ahora sí
ahora sí
ahora sí que parece
que está cargando
pero no sé por qué
a ver, voy a quitar esto
porque parece como que
va súper lenta la página
pero no sé si es culpa
de la página
o sea, si entro a cualquier
otra página
no, no
pues no
pensaba que era mi conexión
a internet
pero no
o sea, es esta página
que igual algo hace
en el backend
que le está costando
un montón
pues eso hay que mirárselo
también
porque si no
mal asunto
vamos con Germán
hostia
wow
a ver
venga, nada más entrar
curioso
¿qué tal, Cris?
es que tengo mi propia guerra
con los loaders
ojo, ojo
bien, me gusta
hoy he traído a Cris
vale
cuéntame lo de los loaders
muchas veces
no son necesarios
y si son necesarios
lo importante
es que
te
den información relevante
para el usuario
ponerlos
porque sí
sin que tenga sentido
con el producto
con la marca
o con lo que quieres transmitir
es muy extraño
además de que
haces que el usuario
entre más lento
en la página web
y pierdes
a ver
navegamos muy rápido
y
una página web
idealmente
debería ser muy rápida
en mostrarte la información
en mostrarte lo que estás buscando
añadir una carga
inicial
además
hace que
te tengas que esperar
¿qué piensas?
vale
son 30
30 segundos
no
5 segundos
pero te tienes que esperar
y además
tampoco es que haya cargado
un vídeo de fondo
que pueda pesar mucho
claro
de hecho
lo peor es que entras
aparece esto
pero aquí se ve que está todo cargado
ya
sí
está haciendo esperar al usuario
de su necesidad
sí
claro
y además que la información
como que pasa por tus ojos
demasiado rápido
que a mí como que me estresa un poco
nada más entrar a la página
como hola
no
pum pam pum
demasiados estímulos ahí
como
no sé
sí
de alguna manera
esperaba que
los mensajes
estuvieran relacionados
tipo hola
soy frontend
bla bla bla
en lugar de saludar
en cuatro idiomas
que también es
curioso
que me imagino que son los idiomas
que sabe
no sé por qué
espero
me voy a imaginar eso
porque si me dices
no, no tengo ni idea
de esos idiomas
entonces ya sería muy raro
bueno pues aquí tendríamos
esto sería como la landing
no sé cómo ves
así nada más entrar
cómo ves esto
voy a decir una frase
que odio
sí
pero
le falta diseño
ponle más diseño
ponle más diseño
ay qué risa
ponle más diseño
a ver es verdad
que estoy de acuerdo contigo
que como que claro
es que aquí tenemos
este hueco
claro
que da un poco
como desaprovechado
cuanto menos
sí
claro
que da raro
porque dices
ostras
y muchas veces
no sé qué opinas
claro encima luego bajas
y esto está así
yo una cosa que digo
a veces Cris
es
oye no intentemos hacer
si nos cuesta el diseño
porque nos falta diseño
pues no intentemos hacerlo
todo el ancho del monitor
porque es que a lo mejor
hacemos una web
que sea muy chiquitita
como aquí
fíjate que aquí
han hecho esta experiencia
que es chiquitita
y seguramente si todo fuese centrado
hacia eso
pues a lo mejor quedaría cookie
porque ya no tienes tan
desperdigado toda la información
¿no?
sí
estoy de acuerdo
sería como usar
lo de las bento box
pero en lugar de muchas
una
ir encajando cajas
una debajo de la otra
y ya está
exacto
y siempre con el mismo ancho
porque claro
aquí
como que es raro también
que lo poco que tiene
aquí ya está
cada uno en un extremo
este está aquí
como a la izquierda
pero de repente
esto está
centrado
entonces luego aquí otra vez
y va cambiando así constantemente
¿no?
vale
aquí tenemos los proyectitos
¿qué te parecen las animaciones?
Cris
en general
en general
sí
fíjate que
o sea aquí
bajas
te aparece
subes
desaparece
este tipo de animaciones
suelo preferir
pero obviamente
es opinión personal
las micro animaciones
en el sentido
de que sea un hover
que sea un efecto
en una etiqueta
en un
en un icono
no en
el contenido
en sí mismo
o sea
si por ejemplo
en este caso hubiera
imagen y texto
tipo una descripción
del proyecto
quizá tendría sentido
animarlo
pero más texto
me refiero
tipo título
descripción
tal
así que quizá
podías hacer como
vale
la imagen
y luego aparece el texto
o al revés
pero en este caso
no sé
no sé qué aporta
claro
o sea es bonita
eso no
sí
no está mal
la verdad
es que de animación
no está mal
aunque yo creo
una cosa de las animaciones
que yo considero
que sí que es importante
a nivel de página web
es que una vez
que aparece
que no vuelva a ocurrir
¿no?
porque
a mí el hecho
de que vuelvas a subir
y vuelva a desaparecer
es como
bueno
ya la he visto una vez
¿sabes?
que no hace falta
que te vuelvas a
pero bueno
tampoco es muy grave
dentro de lo que cabe
lo que sí me parece importante
que estoy mirando
es que tiene muchas faltas
de ortografía
entonces amigos
por ejemplo
e-commerce
hay que escribirlo bien
si no es muy raro
página
tiene acento en la A
esto que parecen
pequeñas tonterías
en realidad muy importante
porque es la visión
que va a tener la gente
de vuestro trabajo
y pues una persona
que sea pulcra
pues va a tener
no va a tener
falta de ortografía
aquí estos ejemplos
también
esto de que cada uno
tiene un tamaño
diferente
este color
este gris
es diferente
al otro
estos son detallitos
que también hay que
tener en cuenta
y luego aquí
la accesibilidad
un poco complicada
eso iba a decir
que creo que hay
un timita
de accesibilidad
pero incluso con el texto
ya no solo los iconos
sí sí
con todo
y de hecho
esto
bueno claro
aquí porque
aquí le pone un
Contra Racial 4
que yo
creo que era menos
pero fijaos que aquí
ya os lo dice
que dice
está prohibido esto
y solo con que lo mováis
pues aquí
hostia no sé por qué
ahora se ha vuelto ahí
un poco loco
se ha vuelto loca la pantalla
se ha vuelto tarumba
a ver
si soy capaz de arreglarlo
a ver
pero básicamente aquí
si le dais
ya os dice
el Contra Racial
ya veis que está mal
3 con 8
vale 4 con 5
vale ahora tiene más sentido
y al moverlo
vale
veis
os dice
dónde se vería bien
pues está más o menos aquí
que no se ve
veis aquí
que casi no se ve
lo movéis
dónde tiene que estar
este sería el mínimo
pero el recomendado
estaría aquí
y ahora sí que se nota
mucho más la diferencia
vale
sí
hay
pero viendo el ejemplo
hay otra cosa que añadiría
es la de
buscar tipografías
con más
legibilidad
quizá más digitales
o sea no tanto
una
una serif
porque son como que
cuestan de leer
y en el caso
de las etiquetas
es extraño
que estén en serif
normalmente son
mayúsculas
y sin serif
sí
esto
una vez lo dije
y tuve una pelotera aquí
con la gente
también
que yo dije
que las serif
no están pensadas
para leer
que para un título
pues puede estar bien
porque al final
es un texto muy corto
muy grande
y tal
pero para utilizarla
en el texto
pequeñito general
no
en este caso
en este caso
se elegiría
se elegiría
ya no sé hablar
se leería
mejor
sans serif
mayúsculas
y seguramente
tamaños más grandes
porque la jerarquía tipográfica
también está un poco extraña
sí
como muy pequeñita
la letra aquí
es muy pequeña
además es como
demasiado poco texto
página de venta
de joyería
bueno
parece más
el alt
de la imagen
que una descripción
en condiciones de proyecto
¿qué hiciste?
yo creo que a veces
en lugar de poner
tanta etiqueta aquí
pues igual
también desarrollar
un poco el texto
desarrollé una página web
con Tailwind
utilizando tal
que esto me permitió
no sé qué
no sé cuánto
angular
y optimicé
y no sé qué
más que incluso
poner etiquetas así
que quedan como muy
de cualquier forma
que están bien
a mí me gustan las etiquetas
pero que te pueden ayudar
a desarrollar un texto
aquí en condiciones
que no tengáis miedo
de escribir
quizá que
a la gente
le da vergüenza escribir
quizá quedaría mejor
las etiquetas
y los enlaces
con el texto
o sea todo junto
como un bloque
encima o debajo
de la imagen
claro
en lugar de
claro
es que la imagen
está muy separado
es tan grande
la imagen
a lo mejor le quedaría bien
dos columnas también
para no tener que hacer
la imagen tan grande
como hemos visto
en otro proyecto
no fue que quise
porfolio de Kennedy
desarrollador web
con dos años de experiencia
este va más directo
ojo
a ver
¿qué tal Cris?
me ha venido otra vez
a la mente linear
pero es más por el degradado
que otra cosa
está en todos los sitios
el degradado
sí
lo que más me ha llamado
la atención
y aquí está
mi sesgo
es la imagen
en 3D
ilustración en 3D
no sé cómo llamarla
lo que
creo que jerárquicamente
está como
mal compensado
en el sentido
de que lo importante
parece lo de
has soñado con tu sitio web
como si fuera
el claim principal
pero lo primero que lees
son los pilares
de mi enfoque
entonces
quizá lo haría
al revés
claro
de hecho
yo creo
yo voy
muy por ahí
y
la verdad es que esto
como que
para mí
si esto es importante
es como que debería ir
un poquito más grande
también
no sé
algo más grande
que también es raro
el soñado
que tenga
una mayúscula
ahí en medio
no entiendo muy bien
como que le rompe
la frase
o si la quiere
si soñado
tiene que ser importante
más que ponerle
una S mayúscula
a lo mejor le pondría
un colorcillo
o alguna cosa
y a mí esto
como que
me distrae
yo puedo planificarlo
no sé
como que tiene
demasiado
peso
y no se ha presentado
si te fijas
o sea como que
no sé
a qué se refiere
todo esto
o sea
quién es esta persona
es verdad
no hay nombre
sí que está
en la sección
del sobre mí
en la navegación
pero
en el primer
viewport
no hay nada
y aquí lo que decías
totalmente de acuerdo
también
no sé
que
una separación
más
algo más
como que está
demasiado apagado
lo de los pilares
sí
también es complicado
los bordes
es una cosa
complicadísima
porque
esta separación
aquí
yo creo
que la quitas
y queda mejor
yo es que en realidad
quitaría
el borde
este
bueno esta línea
y lo del step
o sea
quitarías
el borde
a ver si encuentro
el borde
el borde
este
sí
y el texto
de step
y todos estos
vale
a ver
bueno
podemos hacer así
pues sí
yo creo que
que mejor
es que a veces
menos es más
con un poquito
de
ahora
tendríamos que quitarle
un poco de margin
sí
pero yo creo que con esto
como que se veía
mucho mejor
para que veáis un poco
la comparación
la teníamos así
que era
como estaba antes
y así es como lo hemos dejado
y ya
cambia
creo que sí que
un poquito
sí es que tiene menos cosas
y hace que la información
sea un poquito más clara
y que se vea mucho mejor
aquí es que el problema
es que los bordes
los bordes
distraen
y tal
pero sí sí
lo veo mejor
hay
normalmente hay un problema
con los elementos gráficos
que es
no deberíamos ponerlos
porque sí
o sea deberían tener
alguna función
sí que está bien
ornamentar
digamos de alguna manera
pero por ejemplo
la línea que había antes
no tenía sentido
porque no queda claro
que se para
la que teníamos encima
del step
1, 2, 3
total
de hecho
qué raro es esto
estas también
las quitaría
yo creo que estos
también los quitaría
es que
siempre
yo tengo como una regla
en mi cabeza
que
es mejor
utilizar separación
que un borde
o sea siempre que puedas
utilizar separación
en lugar de un borde
hazlo
porque los bordes
mi sensación
es que siempre generan
ves
es que se ve mucho mejor
ya está
ya está
se ve mucho mejor
que puedes tener bordes
bueno
claro que puedes tener
pero cuanto menos
los uses mejor
si puedes tener
una separación
que aquí ya la tienes
de forma natural
pues perfecto
ya está
totalmente de acuerdo
hay un tema
de la tipografía
de arriba
es que si no lo digo
arriba
esta no
aquí
si
que tiene como
un letter spacing
raro
dicho
no voy a decir nada
porque
no me gusta
ni el light height
ni el letter spacing
ni nada
de hecho
no voy a decir nada
que luego voy a ser yo aquí
pues dilo
Chris
dilo
sí
el letter spacing
está modificado
normalmente las tipografías
no necesitan
que se modifique
eso
porque ya están diseñadas
para leerse bien
claro
tal cual
si el objetivo
es que llame más la atención
es suficiente
con incrementar
el cuerpo del texto
y ya está
en lugar de
no sé
como hacer
las palabras más anchas
sí
sí
además que se ve bien
el texto
se ve
así como que
tiene una cosa rara
le pasa algo
sí
sí
le pasa algo
le pasa algo
exactamente
y de repente
pues dices
bueno pues utiliza
si se lee bien
la letra
sí que es raro
sí que es un poco extraño
pero bueno
yo creo que así
pues ya ha quedado
bastante más limpio
más
yo creo que a partir de aquí
puede tirar
los proyectos
creo que se mostran bien
este sobre mí
bueno de hecho
midu contrátame
y mi pago
será tu mentoría
o sea fíjate
hay gente dando
mensajes
mensajes sutiles
mira
una
voy a hacerte una pregunta
un poco
no es tanto de diseño
pero bueno
sí que tiene que ver
mira
aquí está el copyright
vale
copyright 2024
Kennedy Almonte
que es una cosa curiosa
porque le encanta a la gente
poner el copyright
pero
lo cierto es que Kennedy
este porfolio
creo
que por ejemplo
esta parte
se parece un poquito
sí que se parece un poco
este lo hicimos
aquí en directo
como un ejemplo
de porfolio
vale
no tiene cosas
ha pillado cosillas y tal
y ha puesto aquí el copyright
esto
¿cómo lo ves tú
esto de poner copyright
cuando te has basado
en otros diseños?
ya es que en realidad
copyright de qué
esa es la pregunta
de siempre
copyright de qué
si es un libro
si son artículos
si es contenido
de este tipo
tiene sentido
pero si es un porfolio
se me hace como extraño
y en realidad
si la referencia
está en otra web
que además era
como decías
un curso
quizá tiene sentido
añadirlo
ya
de hecho
cuando ponen
como todos los derechos
reservados
queda todavía más raro
porque dices
hostia vale
y hasta los logos
son tuyos
sabes
que te van a buscar
es que si ponemos copyright
deberíamos empezar
con los copyright
de las marcas
claro
y empezar a ponerlos
abajo
sí sí
tal cual
vamos con Andrés
que tenemos ahí un montón
vamos con Andrés
vale
ojo
pensaba que
digo ostras
qué está pasando
pero no
ha hecho su nombre ahí
anda
Andrés
y se deshace
vale
bajamos
proyectos
mira un vento
como decías
experiencia
mira aquí sí que la ha hecho
con separación
y el más
el más reciente arriba
encima con colores
ahí
contact me
bueno
más jerárquico
con las secciones
y tal
¿qué tal?
sí
lo que me gusta
es que tiene muchos detalles
del entorno de desarrollo
o sea
pero tiene el código de fondo
tiene esta interfaz
la parte del formulario
es como la interfaz
de
o de Visual Studio Code
o algún otro programa similar
sí
sí sí
y esos detalles
me gustan mucho
lo que me parece
es que la parte
de la trayectoria
es muy diferente
visualmente
sí ¿no?
como que parece
una página
totalmente distinta
porque el vento este
parece de un estilo
que luego no encaja
con este estilo
parece como que
ha pillado dos
como si hubiera copiado
no digo que la haya copiado
¿no?
pero digo
como si hubiera tomado
dos referencias diferentes
y las hubiera traído
a su página web
eso es lo que veo
y más esto
que esto
me rememora
a tiempos
de Wordpress
del Wordpress
de hace 20 años
exacto
exacto
de hace 20 años
ese Wordpress
ese Wordpress
de hace 20 años
básicamente
que no pasa nada
que si le gusta
está bien
pero es que además
entre esto
el Ribbon
y luego
el Bord de Radius este
es como que tienen
cada esquina
esa referencia
super antigua
sí
es curiosa esta elección
porque
es lo que te decía antes
tiene como muchos referentes
elementos
del entorno de desarrollo
y este es
no sé
de otro sitio
de otro sitio
queda extraño
que igual estaría bien
seguir un poco
con esta referencia
porque esta referencia
así como de código
y tal
pues quizás
traérsela aquí
a la experiencia
pues seguiría con el chiste
¿no?
cerrando un poco el círculo
se cambiaría mucho
si las cards
en lugar de ser blancas
con el fondo negro
fueran como
la parte de abajo
del formulario
de contacto
que tiene el fondo gris
y el texto en blanco
eso ya le daría
un toque más integrado
entre ambas
ambas partes
del porfolio
sí
es que de hecho
podría hacer
que fuese como un objeto
¿sabes?
como un objeto JSON
en el que pusiera ahí
date
dos puntos
no sé qué
y ahí
seguiría con todo el chiste
de que
fuese muy de programación
y todo esto
claro
porque es en realidad
el fondo que tiene aquí
pues sí
y también
claro
es que el problema además
es que tal y como está
esta card
yo creo que le falta
un poco de jerarquía
del título
como que este título
es muy parecido
a este subtítulo
que es el puesto
y los skills
tienen la misma fuente
que como que le falta
un poco de jerarquía aquí
sí
darle a cada elemento
su identidad
especialmente
las habilidades
que normalmente son
como hemos visto
en otros ejemplos
como las etiquetas
pero bueno
la idea
como que me gusta mucho
la parte de proyectos
está muy bonita
me gusta
hay un detalle
que es que el texto
alineado a la derecha
es mala idea
siempre
este no
sí
sí no
se ve un poco
polémico
pues que leemos
en occidente leemos
de izquierda a derecha
claro
o sea que aquí
tú todos los harías
a la izquierda
independientemente de
porque además
si esto lo hacemos
hostia
y se le ha saltado
claro
y aquí sí que queda
todavía más raro
primero porque el vento
no lo ha terminado
y queda aquí un huecazo
y luego que aquí
sí que es verdad
que no hay ninguna excusa
ya de ponerlo a la derecha
y aquí queda
muy muy raro
la legibilidad
se hace muy extraña
porque tienes que ir
a la derecha
leer
el título
y después volver
a la izquierda
y cuesta encontrar
la referencia
de donde empieza
la frase
por eso la alineación
a la derecha
no se suele recomendar
visto
pues ahí lo tienes
Andrés
ya sabes
ya sabes
Francisco Castilleja
vamos con Francisco
vale
¿qué tal?
así de primeras
este me suena
que también utiliza
como referenciado
de tu curso
¿puede ser?
sí
¿se parece?
¿tiene alguna idea?
creo que sí
o no
no sé
a veces se parecen tanto
ya todos
ya
me gusta mucho
hacer porfolios diferentes
sí
vale
mejor
sí
para ponerlo
un poco más grande
mira
si comparamos
con el primero
que hemos visto
aquí por lo menos
pone
que es ingeniero
un año como desarrollador
o sea
te cuenta un poquito
más la historia
tienes acceso
al correo
a GitHub
y pone la etiqueta
de disponible
para trabajar
que eso queda
como súper claro
y lo que me confunde
un poco
es la navegación
porque tiene
muchas cosas
y seguramente
unas podrían ir
dentro de otras
sí, ¿verdad?
sí, como
tiene como demasiadas
aquí
además todas pegadas
un problema
como que ya detecto
nada más entrar
es la falta de separación
de cosas
todo está pegado
los elementos
estos están pegados
esto está demasiado pegado
aquí está tan pegado
que en lugar de hacer
un salto de línea
aquí
todo está como pegado
la navegación
seguramente se puede
simplificar
porque
proyectos y experiencias
quizá puede ir junto
pero eventos
habilidades
sobre mí
estudios
o sea
estudios es sobre mí
sí, participación
en eventos
yo no sé
si esto
si es tan importante
y encima
ponerlo
encima de proyectos
exacto
me parece
como muy secundario
¿no?
o sea
que puede ser
o sea
yo entiendo
que le guste
pero como que la gente
a lo mejor
no sé
presentación de la primera etapa
de una herramienta
en un evento
de la universidad
o sea
está bien
es un logro
pero me parece más interesante
los eventos
a lo mejor
y lo que dices
¿no?
a lo mejor
pues juntar cositas
o no poner
o sea
a lo mejor
dejas aquí los estudios
pero lo que dices tú
¿no Cris?
este estudio
pues lo quitas
para que la gente
no le dé clic
porque total
¿qué más da?
es que
al final normalmente
un porfolio
tiene dos o tres secciones
proyectos
sobre mí
y dentro de esas cajas
tendría que ir
el resto de secciones
claro
claro
a lo mejor
las habilidades
puedes agruparlo
dentro del sobre ti
sí
la experiencia
pues un poco
con los proyectos
que vaya junto
exacto
claro
ahí está
y simplificar la navegación
porque en este caso
seguramente podría ser
inicio, experiencia
sobre mí
contacto
claro
ah mira
cuando se hace pequeño
aparecen iconos
hostia
¿qué opinas de los iconos?
eso es
porque
hay demasiados iconos aquí
hay demasiados iconos
y el problema de los iconos
sin texto
que los acompañe
es que hay veces
que son difíciles de entender
claro
pues si solo ves
o sea
cuáles eventos
claro
o sea
sabes que es esto
porque has visto
el
sí, sí
lo he visto
no lo hubiera entendido antes
sí, sí
sí
está claro
los iconos
son un poco problemáticos
porque no se puede
no se suele entender
muy bien
a qué se refieren
y pueden ser un poco
raros
pero mira
vamos a simplificarlo
para que lo vea
rápidamente
habíamos dicho
experiencia
habilidades
yo también lo quitaría
el de estudios
también lo quitaría
el de idioma
lo podemos dejar
pero habíamos dicho
a mejor
proyectos
habíamos dicho
sí
experiencia y proyectos
debería ir junto
sí
sí
que se podría poner junto
y aquí
ah bueno
que veo que aquí
lo ha puesto con
enline
la madre que me parió
porque
no sé por qué
hostia
me lo he cargado
y voló
a tomar por saco
ha sido
quitar eso
y ala
me lo he cargado
no sé
ahora
ahí está
vale
a ver
claro
entonces esto ya te permite
al menos tener un poquito
más de separación
que también
además
flex detection
no flex
coño
ahora estoy pensando en Tailwind
y me está costando
flex
no
justify
joder
vale
no sé por qué
porque no sé cuál está utilizando
pero que estaría bien separarlos
porque aquí
esta separación muy pequeñita
estaría bien separarlos
y si no lo podríamos hacer con un padding
podríamos poner un padding
un poco
solo
así
cuatro
y a lo mejor
algo así
y esta sería un poco la diferencia
que ya se ve
también los botones
también deberían tener un poquito más de padding
sí
pero bueno
ahora ya no es tan
abrumador
que nada más entrar
tienes todo esto
bueno pues esto lo simplifica bastante
y lo abrumas donde tenga que ser
y ya está
si lo separas un poquito ya
de la parte de arriba de la pantalla
porque está enganchadísimo
ya está
vale
pues no cuesta
también cuesta detectar la navegación
cuando está tan
tan enganchada
ya
sí
que a veces
como que queremos
sí es verdad
que como que está muy muy muy pegado
demasiado arriba
sí
y claro
además los espacios
¿qué es eso?
que le falta aquí unos espacios
aquí en medio
por ejemplo
este texto
si este uno que queda aquí
pues habría que bajarlo
para que sea junto
y todo esto
¿no?
ahí está
vale pues Francisco
ahí tienes
unas cuantas cositas
que win
a ver qué tal
este me gusta
o sea tiene
buena jerarquía
los iconos son
consistentes
que es lo que veíamos
dicho al principio
la navegación también está simplificada
inicio experiencia
proyecto
sí bien
que justo lo que acabamos de contar
me encanta
porque justo lo que acabamos de decir
pues aquí lo tenemos
súper simplificado
¿te imaginas que que win
lo ha escuchado
y rápidamente
se ha puesto ahí
sí sí sí
sería buenísimo
vale
la experiencia
mira que bien este
call to action
ahora
se ve muy poco
en el portfolio
se ve muy poco
el call to action
sí
y está súper bien pensado
porque además
ocupa poco
llama la atención
sí
y tienes aquí
pues para contactar directamente
que lo tienes cerca de proyectos
lo tienes justo después de la experiencia
está bastante bien
está muy bien
posicionado
porque está justo entre los dos bloques de contenido
experiencia
call to action
proyectos
me gustaría que fuesen un polín más grande
sí
los botones
porque como que me parece un poco
descompensado
no
el este
y esto como que
ah
me gustaría un poquito más grandes
pero bueno
me gusta
me gusta
vale aquí los proyectos
las tecnologías
mira recomendaciones
bueno bastante completo
la verdad
sí
con recomendaciones
que no las habíamos visto todavía
¿cómo ves el tema de poner recomendaciones
en un portafolio?
fíjate que yo tengo en
yo tengo en linkedin
y cuando aplico a un trabajo
con el currículum
siempre adjunto cartas de recomendación
porque al final
tú puedes decir
misa
de
claro
trabajo súper bien
trabajo muy bien en equipo
todas esas cosas
pero
es como que si tu candidatura
va respaldada por alguien
como que le da un poco más de peso
obviamente también se lo puede inventar
pero vamos a suponer
que la gente es legal
y no se inventa esas cosas
sí
bueno
claro
pero sí
es verdad que está bien
que alguien te
una referencia
y al final es muy fácil
buscar a esta persona
en linkedin
y ver si existe
claro
todo esto
claro
vale
pues alguna cosa más
yo lo que veo
son los colores
es que el gris
es complicado
¿eh Cris?
es muy complicado
porque mira que me gusta
en general
pero estos bordes grises
como que de repente
viendo que tiene
este azul
para destacar
de repente
este gris
o más abajo
incluso
bueno este no me preocupa tanto
pero este sí
¿no?
este de aquí
con todos los bordes
lo que haría es
o hacerlo en blanco
y bajarle la opacidad
para que se mezcle
con el azul de fondo
en este caso
claro
o utilizar el propio azul
digamos el azul
del color primario
y bajarle la luminosidad
claro
o sea una cosa sería
con el blanco
bajarle la opacidad
que bueno
queda un poquito
más o menos
pero al final
estos bordes
tampoco son tan relevantes
que se vean un poquito
y se vean bien integrados
sí
ya cambia
cambia un poquito
claro
me gusta eso
que se vean
como mejor integrados
en el fondo
en el color
y tal
con un poquito de azul
para que no quede tan apagado
porque como que cambia un poco
respecto
y además con el título
y tal
y que así destaque un poco más
que le pasa un poquito lo mismo aquí
con este gris y eso
que ya puedes jugar con el gris
con el azul todo el rato
y así darle un poquito más de vidilla
pero por lo demás muy bien
súper completo
además todo este texto
aquí es la experiencia
muy bien
que arriba está el último
muy bien
muy bien
sí
además me gusta que detalle
lo que
lo que ha hecho
que eso tampoco se ve mucho
porque listamos los cargos
y listamos las empresas
pero es en plan
vale ¿y qué has hecho?
lo que hay que pasarle
hay que pasarle el corrector
desarrollé
acepto en la e
estas cosas son importantes
si es un momento
pero si esto lo pasáis a
bueno
no sé si
yo que sé
hay veces que me dicen
no es que en mi país
pero no
módulo tiene acento seguro
es que yo que sé
hay veces que algunos
algunos verbos
no tienen acento
pero no no
aquí sí que hay algunos
que se los ha saltado
hay algunos que sí que tienen acento
por lo que veo
pero otros
sí hay algunos que están
como el de diseñé
sí sí
o sea que diseñé
pero desarrollé no
exacto
ahí está
pues echarle un vistazo
que eso es importante
pero muy bien ¿eh?
que win
me gusta
mira aquí tenemos el responsive
bueno
bien
se comporta el responsive
que win
bien bien
hice la página
como hace dos años
en React
y espero actualizarla
en algunos de estos días
que tenga tiempo
bueno eso es lo que nos prometemos todos
venga
sí
tu logo de favorito
Cris
es el clásico
de los porfolios
de
ya lo actualizaré
sí
y la vida pasa
y no se actualiza
se mueve el muñeco
lo estoy moviendo yo
con las teclas
ah vale
vale
sí sí
o sea es como un juego
hostia
hay un interrumpo
sí o sea es así
pone loading
con los puntos suspensivos
y aquí de repente pone
muéveme de izquierda a derecha
con las llaves
vale
vale
ah vale
y está el scroll for more
sí
entonces podemos scrollear
y ojo
hay la navegación horizontal
sí
navegación horizontal
aquí va apareciendo
texto
vale
la verdad es que muy
muy pixel art
me gusta
eso que es pixel art
vale
developer
experience
hostia
aquí como que no llego a entender
muy bien
ah
hostia
developer present day
vale
se supone que va de derecha
de izquierda a derecha
vale
la verdad es que original
es un rato largo
las cosas como
sí
ay mira
hostia
aquí hay que
para ver el siguiente
claro
es que un slider
en una
en un scroll horizontal
complicado
bastante complicado
vale
aquí se ha olvidado
una imagen
vale
y
side scroller demo
y aquí termina
sería totalmente
es muy raro
las cosas como son
es muy raro
me gusta la idea
sí
a mí también
tiene potencial
porque es muy diferente
al resto
exacto
como que le veo mucho potencial
pero le veo ciertas cosas
como que habría que arreglarla
¿no?
un poquito
sí
lo primero que haría
segurísimo
es que el aviso de scroll
no desapareciera
o que al menos hubiera
una flecha fija
tipo a la izquierda
a la derecha
y centrada
total
porque
si abres la página
te vas a otro tab
y vuelves
sí
ya te queda así
entras aquí
no sé qué
bueno va desapareciendo
poco a poco
sí que estaría bien
pues que se quedase
siempre ahí
disponible
eso de mirarlo
o incluso ya sería una locura
si al mover el muñeco
sabes que
se moviera todo
exacto
y fuese haciendo scroll
y fuese jugando
de izquierda a derecha
¿sabes?
fuese como más rápido
y pudieras ir jugando
y saltando por encima
bueno o sea
sería increíble
pero bueno
me gustaría
porque hay como una mezcla
ahí un poco rara
pero me gusta mucho
mucho la idea
del pixel art
así
y que se mueva a la izquierda
intentar quitar también
el loading ese
del principio
y no sé
¿qué más se te ocurre Cris?
si avanzas un poco
al resto de páginas
del porfolio
sí
esta
la modificaría seguro
el
el ato de línea
porque el texto
se ve como muy
muy pegado
o sea
cuesta
cuesta de leer
hostia
esto
lo que sigue
es verdad
que el responsive
no tiene muy
ah bueno sí
parece que algo
sí que
sí no
está demasiado
demasiado pegado
esto ¿no?
esto
como mínimo
55
también es verdad
que centrado
es lo que a lo mejor
decías antes
se lee
a ver
aquí porque queda mal
por el
por lo que hay
el de fondo ¿no?
pero creo que centrado
como que cuesta mucho
de leer
el texto centrado
suele funcionar
si son titulares
o son dos líneas
de texto
para que
se convierte en un párrafo
debería estar alineado
a la izquierda
claro
total
y luego aquí
en la experiencia
también presentarla
mejor de otra forma
porque a mí me cuesta
un poco
saber seguir un poco
la línea
también el problema
es el tipo
de experiencia
que es como las otras
claro
pero la página anterior
eran diferentes
o sea
skills es más grande
claro
entonces seguramente
experience debería estar
en el mismo tamaño
que skills en esta
claro
habría
yo creo que la clave
sería utilizar
siempre
lo mismo
o sea
si tú utilizas aquí
un título de skills
y le pones un icono
de skills
que aquí
pues tengas experience
con el mismo título
con un icono al lado
también que se va de referencia
entonces siempre vas a tener
la referencia de
que estás en una sección
diferente
y así constantemente
incluso el de contacto
pues igual aquí
contact me
y siempre que ese título
exactamente esté igual
porque si no
es lo que dices
que cambia el título
pierde la referencia
cambia totalmente
bueno
pero la idea
bien
vamos con
pablo sánchez
pablo sánchez
joder la gente
de juego un juego
y
toda la gente
es súper creativa
vale pues nos han echado
una denboy
que guay
está muy chulo
está muy chulo
sobre mí
desarrollador web junior
me gusta crear proyectos
innovadores
utilizando ria
castro y todo
mi objetivo es contribuir
significativamente
en el progreso
de comunidad de resaltadores
vale
y a la B
para ir atrás
vale
mira
y aquí para
la verdad que está
muy muy chulo
está muy bien
está muy chulo
vale
¿qué dirías?
me gusta mucho
que es
coherente
con lo que dice
que es
o sea
vuelve a la primera
a la primera pantalla
la que definía
la de sobre mí
porque dice
proyectos innovadores
te queda clarísimo
con este portfolio
es bien
el problema
entre comillas
que le veo
es que puede ser
que haya gente
que no sepa utilizarla
total
he pensado lo mismo
que hay gente
que va a entrar aquí
y va a decir
esto que es
no tengo ni puñetera idea
de qué es esto
ni cómo se utiliza
ni nada
yo creo que a lo mejor
sería interesante
que sobre todo
en estas resoluciones
pues
apareciese
a lo mejor aquí
a la izquierda
con su foto
un texto
de más
dos años de experiencia
desarrollador web
a lo mejor
incluso
dos botones
con las redes sociales
y tal
y podría aparecer
como un
un dibujo
una
una flecha dibujada
¿sabes?
que dijese
juega
para saber más sobre mí
juega aquí
y al menos
habría algo más
que no te deja aquí
todo vendido
que yo sí que lo sé
utilizar
no hay ningún problema
pero me gusta mucho
ahora soy yo
quien tiene una pregunta
para ti
¿qué opinas
de usar
tooltips?
tipo
cuando entras en la página
que te diga
¿sabes?
como un tour
te aprieta aquí
hacia adelante
hacia atrás
algo así
te dices algo así
algo así
que te dices
siguiente
para ir aquí
no sé qué
a ver
quizás en este
no sería mala idea
no soy muy fan
porque si tienes que hacerlo
normalmente significa
que no
estás creando
una experiencia de usuario
lo suficientemente
autoexplicativa
y yo normalmente
me lo salto
muy muy rápido
porque dices
ostras
déjame tranquilo
cállate
exacto
que yo lo que quiero
es utilizar el producto
pero aquí
que entiendo
que podría ser
lo suficientemente
corto
¿sabes?
como decir
volver atrás
o incluso
he visto alguna vez
una cosa que está muy chula
que dibujan encima
o sea que no te hacen esto
sino que te hacen un dibujo encima
como
muévete con esto
para volver atrás
para aceptar
y es solo un paso
y ya está
vale
bueno
así pues puede ser
pero sí que
productos en general
no me suele gustar
a mí
personalmente
vale
¿tú cómo lo ves Cris?
igual
para mí
usar
Tutip
es
una mala señal
de que la interfaz
en sí misma
no se entiende
entonces
necesita más trabajo
tal cual
sí sí
es como
es una forma
de arreglar
algo
que deberías
arreglar
con
con UX
o UI
¿sabes?
con un trabajo
de decir
para que se vea claramente
o sea
me resultaría
muy raro
que de repente
Apple
por poner un ejemplo
cuando utilizases
un producto suyo
te empezase a hacer
algo así
y sería una señal
de qué mierda es esta
¿sabes?
es como
no ha salido bien
la cosa
y encima
cuando empieza a ser
cansino
que tienes que hacer
¿sabes?
que te empiezas a scrollear
a enviarte arriba
abajo
no sé qué
no sé cuánto
es como
dios
suéltame del brazo
ya
suéltame del brazo
pero muy bien la idea
eso no podías cerrarlo
el de la web de Driver
sí sí sí
este es como
tú dale
que en algún momento
terminarás
ah mira
sí que
sí que
si le das al fondo
desaparece
que al menos
al menos
al menos
bien
Edu Calvo López
vamos con Edu Calvo
Edu Calvo
soy diseñador web y fronte
con sede en Madrid
trabajo actualmente
en Cinetic Digital
como freelance
disponible para nuevos proyectos
vale aquí vemos
ay qué bonito
este joven
qué bonito
cómo se nota aquí
mira también tiene un efecto
así blur en el fondo
está muy bonito
este está muy bien
no tengo mucho que añadir
la verdad
está re chulón
muy bien
integrado
o sea
se nota aquí
también la jerarquía
de los títulos
está muy bien
está súper bien
me gusta
hay una cosa
que es un poco polémica
que a ver
esto ya para quejarme
me gusta mucho
el vento este que ha hecho aquí
me gusta todo
pero es verdad
que a veces
es un poco complicado
el hecho de decir
cuál es el objetivo
más bien
de este portafolio
es
el
el hecho
de que tiene artículos
su experiencia
es para buscar trabajo
o sea
está muy bonito
esta parte de los proyectos
me encanta
está muy muy chula
como está todo presentado
y tal
me encanta
pero me queda esa duda
un poco
de que parece que es disponible
para nuevos proyectos
pero lo primero que destaca
es
su último artículo
estoy de acuerdo
quizá lo que haría
es que las primeras filas
fueran experiencia
y proyectos
el último post abajo
o sea no
quizá stack
el post
y después la parte de contacto
sí
estoy de acuerdo
porque me parece raro
porque al principio
pienso que es un sitio
como para
trabajo
pero luego
último post
y me choca
porque digo
hostia
y con lo bonito
que es lo de los proyectos
no es más interesante
eso
pero bueno
me parece que está muy muy chulo
me gusta mucho
algunos de estos componentes
son de
catálogos de componentes
como Magic UI
que están muy chulos
que tienen esto
por ejemplo
a ver si encuentro
el de Stars
que he visto
que han
estado utilizando
Sparkles
no
es que esto está ahora
muy de moda
pero muy de moda
que a ver
este Meteors
por ejemplo este
este componente
es exactamente
este componente
que está bien
yo también lo he usado
en muchos proyectos
porque está bastante bien
pero lo importante
porque mucha gente dice
ay es que se ha copiado
y tal
si da igual
si lo importante
es como lo ha integrado
todo
y todo integrado
le ha quedado súper bien
y además las librerías
están para esto
y eso en ese caso
ponía
o sea es open source
también
o sea no es que esté
copiando literalmente
código de
propietario
lo que
vale
esa era la otra duda
que tenía yo
sí
justo estaba pensando
eso
lo estaba probando
cuenta
cuenta Cris
que se me hace muy extraño
o sea me gusta
porque destaca
donde está ahora
sí
pero no es muy intuitivo
el cómo funciona
esta sección
sí
además
haces scroll
y va raro
es cuando llega
en la parte de arriba
¿no?
parece
o cuando te paras
sí
pero claro
claro
yo estoy aquí
sí
le doy arriba
y va aquí
y entonces
¿cómo llego al del medio?
no llego
nunca
¿sabes?
o sea se lo salta
sí
me parece un poco raro
creo que
no lo haría con blur
en todo caso
lo podría hacer
a lo mejor
con una opacidad
menos bestia
y no sé
no me termina de convencer
porque ya ves
a mí me está costando
además hay
algún problema
de rendimiento
raro también
y claro
es un poco molesto
la verdad
esto de experiencia
creo que se podría
mejorar un poco
como que queda muy bien
visualmente
pero luego la experiencia
no es tan buena
sí
o sea entiendo muy bien
el razonamiento
que hay detrás
de priorizar
la actual
y dejar el resto
como para que las descubras
pero deberían
eso
ser un poquito
más fáciles
de leer
está muy chulo
este
el menú
mira que bonito
la imagen
de la batalla
sí
está muy chulo
y mucho
está muy bonito
esto de
tiene una tienda
y todo este hombre
tiene una tienda
grandes cosas
hay que ver
sonido
temas
muy bien
y las páginas de proyectos
también hemos visto aquí
que está bastante bonita
muy bien
muy bien
muy bien
me gusta mucho el portafolio
solo eso
mi duda es
pues eso
si la idea
lo del último porno
es hasta qué punto
lo cambiaría por proyectos
como decía Chris
exactamente
Nathan
vale
qué te parece Chris
a ver que miro
espera
me gusta mucho
la parte de
digamos
de la cabecera
pero porque define
quién es
qué hace
y te queda muy claro
con la
vamos a llamarlo
ilustración
que tienes
un buen resumen
de su tipo
de
de perfil
lo que me chirría más
es la elección
de
los colores
y el cómo
las frases
de arriba
de la cabecera
se rompen
queda un poco raro
lo tienes
hello
this is
Nathan
si
como que todo tiene
la misma importancia
esto es un error
yo creo que veo
mucho
en portafolios
que el hello
le dan la misma importancia
que todo lo demás
y es como muy raro
porque dices
a ver el hello
en todo caso
no es tan importante
como porque
incluso
es que casi
que me lo podría
yo no sé
si lo eliminaría
directamente
porque tampoco
en este caso
si ya tienes
dos frases tan grandes
vale la pena
pero si lo quieres dejar
pues a lo mejor
lo que tendría sentido
es que perdiese
importancia
o sea
quitarle un poquito
o de opacidad
hacerlo más pequeño
no sé
para quitarle
yo en este caso
teniendo en cuenta
que tiene tanta cosa
yo casi que me lo petaría
la jerarquía
también es extraña
en el sentido
de que es
es un titular
todo es bold
pero tienes dos colores
y el botón de abajo
tiene otro color además
que es el morado
no hay como
no están muy integrados
los colores
sí
sí
es todo
sí
este
como dos colores
de acentuación
sí
es que igual podría estar
todo en regular
todo en blanco
y en bold
lo que ahora tiene color
seguramente funcionaría
o incluso
que uno de los dos
tenga menos importancia
también
que al final
como es un bloque
muy bestia
a lo mejor
el This is Nathan Rico
y este
como un subtítulo
un poco más pequeño
y quitándole
el verde este
que es un poco
claro
es que el problema
es que
como no los ha puesto aquí
claro
que también
hay temas de HTML aquí
que también habría que comentar
pero bueno
no vamos a comentar
porque si no
no nos da
¿vale?
pero bueno
algo así
como lo que estaba comentando
Chris
y con la idea esta
vamos a ver
el tema del color
este
frontend developer
claro
es que este color
vale
ha puesto aquí
como el color este
que esto es lo que comentaba
¿no?
de quitarle el color
¿sí?
sí
así está bien
y la otra opción
era eso
todo en regular
salvo el nombre
y el
frontend
que además
yo no sé si
también algo así
¿no?
de tampoco darle tanta
importancia
o la misma importancia
y lo que decías
de regular
pues también se podría
frontend weight
con el regular
bueno
claro
ah no
regular no
400
¿esto decías?
sí
y poner
y sí
poner en negrita
lo que
este
¿no?
o sea
en bot
sí
y todo en blanco
o
sí
no sé
opciones
sí
y esto también
a lo mejor
ponerlo
podría ser
sí
pero
fíjate que
suelo eliminar
el verde
turquesa
ya le da
ya se ve más integrado
claro
mejor integrado
es que el verde
es verdad que es un poco
complicado
porque claro
tienes aquí este rosa
que ya sé la acentuación
y ese también
y es verdad
claro
y los iconos
que también los iconos
este
es más pequeño
esto se ve muy
¿no?
este de Twitter
es un poco más pequeño
que el de LinkedIn
eso es un momentito
y
otro problema
que yo le veo
es que el código
ya el código per se
para presentar información
es complicado
pero claro
si le pones un array
así
que encima
no tiene espacios
aquí
y está todo aquí
puesto a saco
si quieres presentar
con JSON
la información
pues
claro
formatealo
de otra forma
diferente
o sea
vamos a ver
hazle una separación
un poquito más
bueno claro
aquí me lo ha puesto mal
pero para que nos hagamos
a la idea
aquí
pues a lo mejor
esto lo puedes poner
en otra
en un salto de línea
puedes hacer que en lugar
de ser línea
pues algo así
que sean como mucho
tres elementos
por cada uno
porque así como que
va a ser mucho más fácil
de que lo escanee
lo importante más o menos
es que se vea bonito
o sea que tampoco pasa nada
¿sabes?
pues algo así
porque si no
en una sola línea
como que me cuesta mucho
leer realmente
qué información
es la que me quiere mostrar
entonces pues lo puedes
formatear un poquito así
yo que sé
se nota mucho más
es complicada
la jerarquía
si además
en este caso
seguramente
es más importante
el guiño
que no que el texto
esté formateado
digamos
de forma correcta
llámalo texto
llámalo código
pero sí
sí sí
tal cual
tal cual
que está guay la idea
como que me gusta
pero
ahí se ve
al menos en esta parte
se ve ahí como un bloque
muy bestia
¿no?
muy bestia
vale
aquí
mira aquí hay una cosa
que a mí muchas veces
me pone de los nervios
a ver
a ver qué ves
no sé
veo cosas varias
a ver
pues cuenta Cris
tú
suéltate
no te preocupes
si aquí viene
Nathan
viene con todo
para que le digamos
cómo lo puede mejorar
veo
dos cosas
o al menos
tres cosas extrañas
que es
la jerarquía del título
que no tiene
claro
que además aquí
hay otra referencia
aquí
exacto
y la de arriba
es diferente
la de la cabecera
que además es súper bonita
me gusta mucho esta
y es
bueno pues si ya tenemos
esta referencia
pues porque no la usamos aquí
exactamente igual
y entonces ya tienes
el título dos veces
con el mismo
no está allí
porque está el about me
ese allí a la derecha
al lado de la foto
como colgado
claro
pero que tampoco
es exactamente el mismo
porque aparte de que es vertical
es todo en mayúscula
también está
exacto
cuando es
claro es otra referencia
y el espaciado
de la tipografía
está un poco extraño
y las líneas
son muy largas también
claro
esto
quiero pensar
que son diferentes párrafos
pero no lo son
y esto es un error
que en el nivel
es
tanto de html
como sintácticamente
¿no?
ves que lo que ha hecho aquí
cualquiera diría
que aquí
tiene un párrafo
otro párrafo
y otro párrafo
sí
pero en realidad
ves
solo hay uno
y dentro lo que hace
es utilizar spans
vale
y por culpa de esto
no está la separación
que comentas
porque claro
si hubieran sido
más de un párrafo
que los está utilizando
como si fuesen párrafos
claro
la idea sería
que esto tuviese
una separación ahí
así ¿no?
exacto
que ayuda
que ayuda a entender
y a leer el texto
pero no sé por qué
la gente tiene
como que le da cosa
hacer
utilizar más de una vez
el párrafo
pero dices
bueno
pero si estás leyendo
si estás haciendo párrafos
utilizas el párrafo
y entonces ya
fíjate
que es una tontería
el cambio
pero de tener aquí
esto que cuesta
mucho de leer
al menos esto
que todavía el texto
es muy largo
que es lo que decías tú
Cris
que al final has dicho
hostia
es que
¿quién se va a leer esto
tan de golpe?
pero al menos
ya tienes una separación
que ayuda
sí
porque ya no lo percibes
tanto como un muro de texto
que es lo que pasa
muchas veces
cuando ponemos
mucho texto
sin formatear
adecuadamente
que eso da mucha pereza
leerlo
por mucho que tengas interés
claro
exacto
te es muy difícil
y encima ya se ve aquí
que dices
es que
si tienes aquí
puntos y coma
y todo
sabes
o sea que ya te lo estás diciendo
a ti mismo
si tienes un punto y coma
ya quieres decir algo
¿no?
sí
entonces
lo que podrías hacer es
tener una frase más corta
luego
habría que ver
si sobra texto
porque a lo mejor
no es tan interesante
que esté
intentar hacer
que sea lo más básico
párrafos un poquito más cortos
y que ayude a la gente
a
porque fíjate
que yo cuando leo esto
lo que veo más es
quién soy
empieza a leer aquí
como que me termino de aburrir
empieza a leer un poquito aquí
y ya digo
let's in the way together
¿sabes?
es eso un poco
lo que leo
y no llego aquí en medio
ni en broma
vamos
o sea
vale
experiencia
bueno
¿cómo lo ves esto
así presentado?
jerárquicamente
tiene sentido
o sea
porque cronológicamente
tiene el orden
que tiene que tener
lo que las fechas
me ha gustado leerlas
no sé muy bien
por qué
sí
sí
por el formato
creo
pero
no sé
es que no parece
muy buena idea
utilizar el guión
para separar
cuando es el guión
lo que estás utilizando
para la fecha también
y claro
es un poquito raro
sí
al principio
me ha parecido
no sé por qué
un número de teléfono
es verdad
puede ser
puede ser
yo creo que
no ayuda a la separación
y también
que esté
centrado
sí
es raro
que esté centrado
yo creo que aquí
no va bien
el hecho de utilizar
fechas con números
o sea
puedes utilizar el mes
en letra
y el año en número
¿no?
junio 2025
y eso a lo mejor
te puede ayudar más
a que visualmente
la gente lo entienda
más fácil
normalmente el mes
es irrelevante
o sea
2022-2024
sí
también
también
totalmente
y ponerlo quizá
debajo del cargo
o debajo de la empresa
claro
porque es primero
la fecha
antes que
que el resto
de contenido
sí
y alinearlo
seguro
alinearlo
para que esté junto
con lo otro
también yo
este icono
que está repetido
3, 4, 5, 6 veces
que no tiene
un sentido
per se
que marca la diferencia
en nada
yo creo que no aporta
yo los quitaría
tienes razón
sí
es que no sé
qué significa exactamente
este icono
si fuese un icono
que dices
no es que tiene
tres iconos diferentes
porque uno es
donde fue
junior
otro senior
o yo qué sé
pero no
pues si no aporta
no y además
teniendo
la animación
que hay a la izquierda
es un poco
redundante
ir repitiendo
el icono
entiendo que es
alguien mirando
un ordenador
sí
como he sido
desarrollador ahí
vale
los skills
proyectos
mira aquí otra vez
un poco con la idea
esta de los proyectos
utilizando esto
claro
ah mira
esto
bueno
está
curioso
ese
mira me gusta
esto sí que está bien
porque no es muy intrusivo
y quedan como ahí apilados
está bastante bonito
y luego este sea un poco
el final
bueno
alguna cosita más
que le quieras decir
así a Nathan
no
en general está muy bien
es más tema de jerarquía
de las tipografías
y los colores
que otra cosa
mira pregunta por aquí
Pablito
dice
con 20 años de experiencia
se necesita porfolio todavía
tú qué dices Cris
sobre
claro
en tema de UX
entiendo que puede ser
bastante diferente
que en el mundo de la programación
sí
a ver
déjame darle una vuelta
creo que sí
porque de alguna manera
tienes que seguir
como explicando
quién eres
y qué haces
el tema es que
cuanto más señor eres
más cambia tu mensaje
a menos en diseño
al principio
te centras como más
en las habilidades
que tienes
después en medio
digamos
entre señor y junior
hay entre
sí
las empresas
en las que has trabajado
pero cuando eres señor
casi que da igual
porque son más importantes
las habilidades blandas
la mayor parte de las veces
entonces es más que
cambia el discurso
no que no haga falta
el porfolio
no sé
¿cómo lo ves tú
desde
la parte de desarrollo?
a ver
yo creo
la verdad
es que
se necesita
sobre la pregunta
se necesita
yo creo que
con 20 años de experiencia
no se necesita
pero
siempre está bien
a lo mejor tenerlo
pero es verdad
que yo creo que
en programación
no se necesita
¿sabes?
o sea
puedes obviarlo totalmente
porque al final
con 20 años de experiencia
tu LinkedIn
va a hablar mucho más de ti
porque tienes la experiencia
es que con experiencia
en programación
como que no tienes tanto
que demostrar o explicar
pero sí que estoy de acuerdo
con Chris
que al final puedes
utilizarlo
para cambiar el mensaje
y a lo que quieres llegar
para explicar más
a lo que aspiras
eso te puede ayudar
un poco a construir
tu historia
porque por ejemplo
lo que buscamos
en nuestro primer trabajo
o cuando no tengo ningún trabajo
ninguna experiencia
es totalmente diferente
a lo de los 20 años
cuando tienes 20 años
a lo mejor estás buscando
algo muy específico
y puedes destacar
en tu porfolio
los proyectos que has liderado
hacia dónde quieres ir más
oye he trabajado
en proyectos internacionales
y quiero hacer esto y esto
porque ya he aplicado aquí
y eso te puede ayudar
pero como necesario
no me lo parece para nada
o sea sí que creo que es necesario
para la gente que no tiene experiencia
porque en algún sitio
tendrás que enseñar algo
y es difícil enseñar de la nada
pero cuanto más años de experiencia tienes
menos lo necesitas
pero sí que es algo útil
que te puede ayudar
eso es lo que creo yo
básicamente
has dicho algo
que me ha recordado
a otra cosa
que creo que se dice muy poco
que es que el porfolio
también puedes
o sea es una herramienta de venta
porque te vendes a ti
claro
lo que suelo recomendar
también es
intentar adaptar un poco
al porfolio
al tipo de rol
al que estás aplicando
tipo si es una empresa
muy enfocada en
claro
no sé
redes sociales
total
los proyectos que presentes
deberían como encajar allí
¿sabes?
para que vean
que tienes experiencia
en ese tipo de negocio
puesto redes sociales
podría haber puesto
no sé
farmacéutica
claro
pero porque también
tendrás conocimiento de negocio
y eso te va a ayudar
a venderte mejor
que un porfolio genérico
total
eso es una cosa
que decimos mucho
que cuando
hagáis porfolios
que penséis básicamente
en lo que estáis buscando
igual que cuando hacéis el currículum
por ejemplo
cuando hacéis un currículum
tenéis que hacerlo
pensando
a lo que estáis aplicando
y a lo que queréis conseguir
si en el currículum
me encontré una vez
el currículum
de una chica
que había trabajado
como asistenta
en un hotel y tal
y en el currículum
quería aplicar
como frontend
y ponía
Sofía no sé qué
no sé cuánto
asistenta de hotel
de no sé qué
y dices bueno
a ver
es que no es a lo que quieres aspirar
igual lo puedes poner en la experiencia
porque es la única que tienes
pero no destaques eso de ti
porque entonces
la gente
se va a quedar con eso
nos tenemos que adaptar
y el porfolio es lo mismo
si queréis buscar clientes
es una cosa
si quieres buscar tu primer empleo
es otra cosa
si eres una persona
que busca inversión
para tus startups
o tus ideas
es otra cosa
totalmente distinta
tenéis que adaptarlos
cada uno
a la idea
que tengáis
vale
vamos a ver
el de Juan Camilo Carvajal
a ver
Juan Camilo Carvajal
hola mi nombre
es Juan Camilo Carvajal
alguna idea mente
yo la desarrollo
soy un desarrollador
de software
enfocado en la creación
de experiencias digitales
mi enfoque principal
está en el desarrollo web
con habilidades en diseño
de base de datos
y análisis de requerimientos
esta es un poco la idea
aquí con el sobre mí
experiencia
próximamente
dos proyectos
no tenemos proyectos todavía
y este es
el porfolio
bueno todavía le queda
a Juan Camilo
también tiene que trabajar
se la deja un poco
a medias
pero así de primeras
que le puedo decir
a Juan Camilo
lo primero que he pensado
y no tiene relación específica
con este
es que todos los que hemos visto
eran porfolios oscuros
o azules
sí sí
en programación
suelen ser todos
bastante
bastante oscuros
siempre
o azules
porque es el color
como más favorito
que la gente tiene
sí
el más tecnológico
seguramente
sí
sí
me ha parecido curioso
pero sí es verdad
me gusta mucho
la introducción
porque
ha hecho lo que
hemos comentado
en otros porfolios
que la parte del hola
sea pequeña
no tenga la misma jerarquía
que el nombre
exacto
sí
y queda muy claro
qué hace
quizá el párrafo de abajo
lo pondría
quizá podría aparecer
un poco más abajo
o hacer scroll
es que lo veo muy
este
extraño
sí
sí
soy un desarrollador
y es un poco redundante
porque es
desarrollo software
desarrollo
sí
todo rato
yo la desarrollo
desarrollo de software
mi enfoque principal
yo creo que
una cosa que a mí me choca
particularmente
es como que hay cuatro estilos
en muy poco espacio
sí
¿no?
un azul aquí eléctrico
un azul apagado
un azul más gris
que además
la tipografía aquí está rota
porque este
no
a lo mejor faltaba
ese símbolo
y luego aquí
entonces como que
me machaca mucho
muy rápido
estas diferentes
yo creo que esta
tipografía
o
o me la petaría
otra vez
¿sabes?
porque digo
hola mi nombre es
a ver
y además
además el h1
la madre que te parió
la madre que te parió
pero bueno
no pasa nada
yo casi que me la petaría
porque al final
o sea entiendo
la idea
pero digo
es que no sé
hasta qué punto
al final
te está ayudando
eso a nada
porque ya sabes
o sea ya
yo veo el nombre
y ya entiendo
que es tu nombre
ya lo he entendido
quitaría el punto ese
porque tampoco
ahí no le veo gracia
aquí sí
porque me parece
como muy
o sea me gusta más
este punto aquí
dramático
porque es como muy
tajante
yo la desarrollo
yo la desarrollo
pero en tu nombre
no
tu nombre
es muy raro
y entonces ahora
todavía
veo lo que dices
y yo creo que
a lo mejor aquí
en lugar de ser un párrafo
tan bestial
a lo mejor
iría más
más corto
intentaría hacer algo
como más corto
no sé
a lo mejor
no sé
para verlo visualmente
no sé si algo
más así
y aquí esto
pues hacerlo más pequeño
porque claro
también al final
ahí queda muy bestia
que queda mejor algo
en dos párrafos
y que tenga una letra
un poco más grande
a ver
vamos a hacer esto
un poco más así
para que no quede tan
texto chiquitito
ahí al lado
ahora
sí
con algo así
en dos líneas
sí
lo que cambiaría
también es el color
o sea
si todo es el mismo color
va a quedar mejor
porque al final
ya le estás dando jerarquía
al texto
con los tamaños
y el peso diferente
no hace falta hacer como
más pequeño
diferente peso
diferente color
vaya
queda claro
con el tamaño
hostia
wow
no sé
mierda
cuando utilizo esa herramienta
no sé por qué
pero sí
bueno
esa sería un poco la idea
para el tema del
creo que queda como más limpio
además
sería más fácil
y ya está
aquí tenemos el sobre mí
que al menos aquí
sí que ha utilizado párrafos
pero como que hay demasiado texto
también le veo
¿no?
no sé
somos como
es difícil
porque muchas veces
hay que intentar decir las cosas
¿cómo lo ves esto de los textos?
¿cómo los trabajáis en automatic
por ejemplo
los textos?
hay una guía de estilos
y realmente
lo que deberíamos conseguir
es explicar
o sea
saber comunicar la idea
con el mínimo de texto posible
claro
y ahí está el reto precisamente
porque escribir
es fácil
puedes empezar a poner palabras
palabras
palabras
pero son de relleno
muchas
claro
y seguramente esto puede simplificarse
bastante
sí
es que
ya veo esta palabra
el asimismo
sí
y ya me salta como
me levanta la ceja
de hostia
asimismo
sí
claro
asimismo he perfeccionado
mi capacidad
para interpretar
de manera precisa
los requerimientos necesarios
claro
claro
este es un ejemplo
de cómo puedes
simplificar esta oración
tipo
sí
o sea
interpreto
los requerimientos necesarios
de forma precisa
punto
ya está
y ya quitas muchos conectores
y cosas así
o sea
es difícil
es difícil muchas veces
pero creo que es importante
porque a veces
si no
se hace difícil de leer el texto
y aquí
ahí está la dificultad
también de escribir
que parece fácil
pero es
es bastante difícil
totalmente
lo que haría
en la parte de arriba
seguramente
separar las columnas
de frontend
que le falta una n
packend y base de datos
para que utilice
como todo el ancho
de los párrafos
claro
ya que tienes aquí esto
no
puedes utilizar los
que respire un poco
porque están ahí como
claro
enganchadas
hostia
lo de
hostia
no sé por qué
cuando utilizo esto
ahora se va a la olla
sí sí
lo de
frontend
me gusta
frontend
es una nueva
nueva tecnología
vale
vale
alguna cosita más
hostia
este error
este error es mítico
Chris
este error
el de
vale
sí
es que se mueve todo encima
ves que se mueve un poco el texto
no sé si se ve
yo es que soy muy
muy friki con esto
pero ves que
se va moviendo todo
y eso pasa por
esto pasa
tiene como un escalado
no sé si es solo el escalado
o le está poniendo un borde
joder espérate
que voy a reiniciar aquí
creo que le está poniendo un borde
que no debería
me da la sensación
o sea cuando está aquí
vamos a poner el hover
un momento
a ver qué es lo que pone
ah no
es que está cambiando el padding
está cambiando el padding
vale
vale
claro
pues ya está
no hace falta
no hace falta
no hace falta sobre todo
si está
si va a molestar
a texto
y lo va a empujar
porque queda muy raro
y lo que hace es que
tú haces el hover
y de repente
se mueven cosas
claro pues eso
fíjate ahora la diferencia
lo bonito que queda así
sin el padding
que está perfecto
a que estés aquí
y de repente
se mueve
el texto para arriba
es como
porque está empujando esto
y tengo que decir
que no es de los peores
que hemos visto
que a veces
a veces
se mueven iconos
se cae el texto
claro porque no puedes saber
si a lo mejor
hay alguna cosa
que no tiene espacio ahora
y entonces
de repente
lo rompe
¿no?
Fack Finder
para calcular
diferentes parámetros
vale
esto es una cosa
de inteligencia artificial
que parece que
te detecta
calcular diferentes parámetros
de las noticias
vale
así como producto
o sea como producto
o
no me queda muy claro
que hace
le faltaría como un titular
entre lo que sería
la navegación
y el vento
por llamarlo de alguna manera
sí
que sea como el resumen
de que hace
porque si me tengo que leer
todo esto
claro
total ¿no?
es que además
o sea
vamos a alinear
que nos gusta mucho
eso
linear
sabes
tienes un titular
esto es como el pedazo
de titular
brutal
luego un subtítulo
¿no?
de que te da un poquito
más de contexto
yo creo que esto es clave
título y subtítulo
a partir de ahí
ya puedes construir la página
claro
esto de
explore and discover
es demasiado general
explore and discover
¿no?
yo no sabría con qué
en cambio aquí dice
linear
que encima
no es como que te lo describes
sino es lo que te va
te va a otorgar
¿no?
que es interesante
esto
porque esto no es lo que hace
o sea no es la descripción
de producto
es como lo que
lo que consigues
sí
es el beneficio
que obtienes
y lo que es la funcionalidad
en realidad
es la segunda fila
la segunda línea
del texto de abajo
exacto
lo de las issues
sprints
y product broadmaps
exacto
esto sería el gancho
ahí es donde te dice
qué hace
sí
exacto
el gancho
de por qué lo necesitas
y esto luego tendrías
como
lo que hace
es lo último
y aquí
explore and discover
como que
es muy general
y le faltaría eso
¿no?
porque no es que nadie
se va a leer esto
y me cuesta todavía
entender del todo
lo que hace
y el call to action
aquí abajo del todo
después de todo
pues ya
complicado
ahí está
recall score
a ver como idea
en general
entendiendo un poco
que es como
como dar una puntuación
a las noticias
a ver si son objetivas
y tal
como que me gusta la idea
pero como que me cuesta
pensar que lo utilizaría
¿no?
sí
pero porque dudas
sobre
qué hace
exacto
ahí está
así que nada
pilla la idea
de linear
que eso no es tanto
de linear
linear es más el diseño
pero mira
por ejemplo
si vamos a wordpress
vamos a ver wordpress
vamos a hacer un
tu web
me voy
mira wordpress
a tu manera
la mejor forma
vamos a wordpress
un hosting ultra rápido
una edición flexible
intuitiva
y todo lo que necesitas
para hacer crecer
tu web
y tu audiencia
pero bueno
es un poco lo mismo
lo que pasa es que
¿por qué creo que
wordpress no es un buen ejemplo?
y os voy a explicar por qué
porque wordpress
lo conoce todo el mundo
no tiene que explicarse
¿no?
entonces wordpress
en sí mismo
es su forma de venderse
claro
no tiene
wordpress a tu manera
claro
porque todo el mundo
sabe lo que es wordpress
no te va
no necesita tampoco
mucho más
pero aún así
es título y subtítulo
es lo mismo
sí
es exactamente lo mismo
está bonita
la página
sí
me gusta
claro
¿qué vas a decir Cris?
que también es verdad
pero está chula
está chula
venga
otro porfolio por aquí
mira
este
bastante diferente
desarrollador y creador 3D
Raúl Peña
tomamos ideas de ficción
entre cómics
películas y videojuegos
para crear prototipos reales
funcionales
como una forma de inspirar
a los jóvenes
en el campo de la ciencia
de la tecnología
y la ingeniería
Colombia
y Mel
¿qué te parece?
el primero que he pensado
es la accesibilidad
no estoy segura
de que el texto
el que has leído
se lea
se lea bien
sí
sí
yo creo que este texto
le falta
un poquito
mira
no le falta mucho
pero un poquito
sí que le falta
así ya
estaría
ahí estaría
sí
pero sí va justito
va justito
por lo demás
¿qué tal
este evento?
que además veo
que sí que es responsive
me cuesta un poco entender
dónde debería mirar
porque vuelve a ser
lo mismo que hemos comentado
con el evento anterior
lo primero que ves
es lo que has leído tú
el nombre
y la descripción
pero después ya
te vas a YouTube
sí
que si es la prioridad
vale
pero
no me queda muy claro
sí
a mí me cuesta también
no entiendo muy bien
es raro que tenga
las redes sociales
aquí tan arriba
si no
no sé
o sea
aquí está
como proyectos
es que no me queda muy claro
al final si es
si son un grupo de gente
y todo
porque dice
tomamos ideas de ficción
de cómics
entonces aquí como que
me ha chocado ya
porque pensaba que eran
como un grupo de gente
pero claro
es como pone
Raúl Peña
sí
porque hablan plural
es raro
no sé si es que
es lo que estoy intentando leer
todo el rato
porque en la descripción de YouTube
también pone mi verdadera pasión
entonces
no me queda nada
tengo la misma duda que tú
la verdad
sí
hay como demasiadas cosas
muy diferentes
aquí está como vendiendo
figuritas
sí
luego las redes sociales
que a lo mejor las redes sociales
además
soy desarrollado de aplicaciones
o sea
no creo que haga falta
poner la descripción
de las redes sociales
a lo mejor podrían estar
en un solo evento
todas las redes sociales
directamente
que fuesen más
más sencillas
¿no?
como Twitter
o sea como
iconos
para simplificar un poco
y le faltaría un poco
de información
a lo mejor
más que información
la jerarquía
de la información
es extraña
o sea porque está muy bien
el recurso de los ventos
y cualquier otra cosa
que esté de moda
pero
hay que sentarse a pensar
¿qué quieres que la gente
lea primero?
o ¿con qué idea
quieres que se queden?
a mí me gustan mucho
los ventos
a mí me encantan
hay una página
esta muy chula
que es esta
de Vento Grits
que se pueden
extraer bastantes ideas
no sé si habrá alguna
de un portafolio
justamente
pero además
una gracia
que tienen mucho
los ventos
que creo que
lo que muchas veces
lo hacen genial
es el hecho
de que no se vean
todos iguales
y tengas unos
que son solo una imagen
pero no tanto
que tengan tanta información
este es un buen ejemplo
que hay algunos
que cambia totalmente
la orientación
una imagen bastante grande
pero no suelen tener
mucha información
porque es que te agobia
¿sabes?
están tan encapsulados
que es como complicado
meter tanta info
es que además
la referencia inicial
si no recuerdo mal
es Apple
cuando empezó a presentar
las novedades
de los iPhones
o Macs
con esto
y ellos lo utilizan
con muy poco texto
porque son los
como los titulares
para que en una imagen
tengas claro
que hace ese nuevo modelo
eran números grandes
iconos
algo de este estilo
sí
más o menos
sí
de hecho antes
salía por aquí
un ejemplo de Apple
que veo que a lo mejor
ha desaparecido
pero bueno
es que es exactamente
esto
que tampoco se trata
de que lo vendáis
como un producto
pero bueno
sí que entendáis eso
de que la información
tiene que ser poca
pero que tampoco
hace falta
no sé
es como que es raro
además son tres elementos
que son para
todo una red social
entonces hace como complicado
aquí está como repetido
dos veces esto
que dices
bueno pues no debería ser
como agruparlos
los tres
en un mismo evento
o sea como en un solo cuadrado
en lugar de que existes
una separación
que hace que sea raro
igual aquí
porque dices
estaría chulo
que fuese un evento
de repositorios
vale pues
a lo mejor ya
al agruparlo
te ayuda a la jerarquía
pero como son separados
es como más un elemento
y es raro
sí
y pasa lo mismo
con las redes
seguramente funcionarían
mejor en un solo evento
que fueran como una lista
tipo icono de youtube
youtube
y el botón
ahí está
exacto
y ya está
muy bien
vamos con main
este lo hemos visto
libardo
vale
vamos a hacer el último
de libardo
vale
para liberar a chris
que chris también
pues tiene que
tiene que descansar
bueno tenemos que descansar
todo chris
pero sí
ya te hemos robado
te hemos robado
ya suficiente tiempo
vamos con el de libardo
vale
a ver que te parece
hey whatsapp
hostia
cuando seleccionas el texto
desaparece el texto
o sea
este no
pero este
este sí
este desaparece
curioso
vale
que te parece
así hago de pronto
me gusta la jerarquía
pero le falta mucho espaciado
está todo ahí
como
muy pegado
compactado
me gustan los colores de fondo
y todo esto
pero sí que es verdad
si esto a veces nos pasa
que nos cuesta
meter separaciones
nos da como cosa
porque pensamos
es que si no
no van a ver
nuestro contenido
no sé qué
y como que lo pegamos
demasiado
aquí también
está todo como
falta un poco de padding
para que no esté tan
está como muy muy muy junto
todo
es el pánico
al vacío
que nos pasa mucho
también al diseñar
que también nos cuesta
justo lo que has dicho
de espaciar bien
los contenidos
pero es que en realidad
espaciar te ayuda
a mejorar la jerarquía
el ritmo visual
en el sentido de
cómo se lee todo
cómo identificas
cada pieza
cómo identificas
el contenido
dentro de cada pieza
en este caso
las cards
por ejemplo
creo que
ayudaría mucho
espaciar
digamos
las dos secciones
principales
la de la presentación
y proyectos
y las cards
en el contenido
en sí
de las
de las
tarjetas
luego a mí
me choca mucho
el título
que es como
hey whatsapp
ese es el título
hey whatsapp
si es justo
lo que hemos ido diciendo
del hola
si el hola
como darle la importancia
al hola
y tal
y como que
creo que es como
una oportunidad perdida
de intentar
destacar
algún punto
tuyo
en concreto
aunque sea
sé que el nombre
es lo más típico
pero al menos
prefiero el nombre
que el hey whatsapp
o hola
mi nombre es
pues tu nombre
al menos
si que es algo único
que sí que te puede
te puede ayudar
¿qué más?
lo que has dicho ahora
es justo lo que iba a decir
que aprovechar eso
para poner el nombre
porque si te fijas
no sabes cómo se llama
o sea porque los ojos
se te van a la foto
al titular
y luego la descripción
es que de hecho
su nombre
porque aparece aquí
Libardo
que claro
visto esto
esto es una cosa
que también nos pasa mucho
en los portafolios
de los programadores
que ponemos arriba
a la izquierda
nuestro nombre
como si fuese
la home
y no sé hasta qué punto
realmente esto
tiene mucho sentido
porque a veces
claro en las páginas web
pues ahí es donde
tenemos el típico logo
y nosotros
como que nos vemos obligados
pero yo muchas veces pienso
a ver
tampoco nosotros
estamos obligados
además a hacer esto
cuando el problema
es que ahora
si lo quito
se ve tal
pero dices
a ver
no lo pongas ahí
y a lo mejor
pon aquí
que eres Libardo
¿sabes?
no hace falta
que lo pongas
a Libardo X
porque no sé
cómo se llama Libardo
el pobre Libardo
entonces
pues Libardo X
y lo dejas aquí
esto además
queda mucho más limpio
que a lo mejor
la gente se pregunta
pero es que es esto
de Libardo
o a lo mejor
es su nick
pero ah no
Libardo Rengifo
se llama
pues ya lo pones aquí
te quitas esto
que queda más limpio
y te olvidas
y ya está
sí
e incluso los iconos
de entiendo que el modo oscuro
y el idioma
podrían ir abajo
claro
¿abajo dónde?
en el footer
también hay iconos
creo
recordar
sí
sí
aquí
podrían estar allí también
sí
porque tampoco es que sean muy
bueno a ver
no se ven mucho
interesante
sí no se ven mucho
y luego
esto de los subtítulos
esto sí que
esto sí que muchas veces
lo veo también un poco polémico
subtítulos que te explican
un poco el título
que ya se entiende
tengo que reconocer
que tengo tendencia
a ponerlos
sí
nos pasa a todos
nos pasa a todos
hasta que
reviso el diseño
al cabo de todos
esos tres días
y en plan
¿por qué estoy repitiendo
la misma información?
creo que está relacionado
con lo que decíamos
antes del
pánico al vacío
de que parece que
queda como
con poca cosa
pero quizá
eso
incrementar el tamaño
de la tipo
y ya está
claro
sí porque al final
pues dices
a ver
pues
si ya son proyectos
si vas a poner
un subtítulo
interesante
igual sí que vale la pena
pero si vas a
describir
exactamente lo mismo
que ya se entiende
por el título
uno de dos
puedes mejorar
un poco el título
para que en lugar
que ponga projects
pues puedes decir
proyectos en los que trabajé
o proyectos
no sé
ponerle un poco más
de contexto
pero un título
que diga exactamente
lo que ya se entiende
yo no sé
hasta qué punto
muchas veces
aquí sí que lo puedo entender
porque siempre ayuda
para entender
lo que está haciendo esto
filtrar los proyectos
bueno ahí sí
pero aquí muchas veces
esos subtítulos
como que no
no sé
no sé por qué lo hacemos
yo lo hago un montón también
sí
lo que te diría
del filtro
es que quizá
tiene sentido
poner la etiqueta
al lado del drop down
en lugar de
en vertical
como en horizontal
para que leas
como proyectos
filtro
y el drop down
para filtrar
claro
ponerlo más
aquí la etiqueta
justamente aquí
a la izquierda
sí porque si no
no baila tanto
claro
antes no lo hacía
porque tenía el título
el texto
pero esto lo que le permite
ahora sería ponerlo
en la misma línea
y seguramente
se entendería mejor
también es un poco rollo
que aquí cuando pone
todos
solo muestra seis
es verdad que aquí
tiene una navegación
de izquierda a derecha
que entonces se ve
pero como que tampoco
queda claro cuántas páginas
hay porque yo veo
importan si veo los mismos
y parece que está pasando
exactamente lo mismo
pero obviamente hay menos
pero claro
hasta que no vas
sí que es verdad
que es raro
cómo se ve esto
pero por lo demás
me gusta que se presenten
los proyectos
a mí me gusta mucho
lo visual
de que haya una imagen
como hemos visto
en el primer proyecto
porque creo que le da
bastante presencia
a que tenga
a la gente curiosidad
pero bueno
aunque le falte
un poquito de separación
al menos me gusta
que esté enseñando
los proyectos y tal
y le falta un poco más
de alguna más
lo mismo que decíamos
antes de que terminaba
un poco de golpe
no sé aquí
pues lo que habíamos visto
ese call to action
de quiero trabajar
con ti
no sé qué
pues aprovechar
un poco el espacio
y no sé
y decir más cositas
sí o poner
con tu action
un formulario
incluso
de contacto
porque no hay
ningún enlace
de contacto
claro
bueno aquí tienes
sí pero tienes
claro pero tienes
que abrir
el currículum
o abrir github
buscar el correo
o escribir el correo
hay que ponerlo fácil
sí
sí cuanto más fácil
pues mejor
y
with love
with libardo
source code
muy bien
bueno
está bonito
bueno
Cris
¿qué te ha parecido
la experiencia
de ir mirando?
yo encantada
es que me gusta mucho
hacer esto
y me gusta mucho
hablar de porfolio
sí porque es
es algo importante
y creo que se enseña
muy poco
en las formaciones
da igual el tipo
de formación que hagas
no entremos ahí
pero
el porfolio
queda como
bueno
y ahora ya has estudiado
y ahora sale a buscar
trabajo
es como ya
pero enséñame cómo
me han preguntado
y me han puesto en el chat
mil veces
que nos des tu opinión
sobre una cosa
que a la gente
le encanta hacer
que es el
texto justificado
y me han dicho
pregúntale por el texto justificado
porque tú estás muy pesado
siempre con el texto justificado
y a nosotros nos encanta
el texto justificado
entonces me han preguntado
Cris
¿qué piensas
sobre el texto justificado?
me dan ganas
de contestar
con una pregunta
que es
¿por qué gusta
el texto justificado?
porque
genera muchos problemas
que en realidad
se ven bastante
en estas imágenes
que te genera
estos ríos
de espacios
vacíos
porque lo que hace
la justificar
un texto
es forzar
el espaciado
entre las
palabras
y eso modifica
el ritmo
de lectura
y ese es uno
de los principales
problemas
pero yo tengo respuesta
yo tengo respuesta
a tu pregunta
dime
sé con total exactitud
por qué
lo sé
y es porque
crea
visualmente
una satisfacción
visual
de que queda recto
entonces la gente
dice
así queda cuadrado
pero
¿sabes por qué
piensan esto?
porque no piensan
en leer el texto
que están escribiendo
claro
o sea
no les importa
que la gente lo lea
solo les importa
que se vea bien
lo cual
es como
contradictorio
a un texto
sí
porque la idea
no es tanto
que
es importante
que se vea bien
pero lo importante
es que se pueda leer
totalmente de acuerdo
el hecho de que se vea cuadrado
por ejemplo
mira este es un buen ejemplo
de una imagen así
con texto justificado
o sea la gente
no piensa tanto
en que se lea el texto
sino que piensa
de que se vea bonito
y es raro
yo entiendo
que van por ahí
los tiros
puedo entender
el razonamiento
pero me llama
como la atención
que sea más importante
que se vea como un bloque
que no los ríos
que genera
el diferente espaciado
entre palabras
sí sí sí
total total
yo estoy súper de acuerdo
mira
justo
en esta imagen
hay alguna
sí
en esta
justo que hay
el río este
sí que señala esto
que te genera
como estructuras
muy extrañas
pero por lo que decía
antes
porque fuerzas
a la tipografía
hay gente
que se enfada
conmigo mucho
cuando hablo de esto
y digo
que no uséis
el texto justificado
y tal
y me dicen
pero tú eres su X
acaso
tú no tienes ni idea
y tal
y ojo
pero vale
pero suéltame
no es mi opinión
pero no sé
no sé por qué hay tanta
no sé si es porque
la gente se cree
cuando utilizamos
en la escuela
que normalmente te dicen
letra tamaño 21
texto justificado
sí
entonces se cree
que ya eso
hay que llevarlo
a todas las webs
y a todos los sitios del mundo
o porque en los libros
queda bien el texto justificado
pero porque
en los libros
el texto justificado
tiene el guión
al final de la frase
para
¿sabes?
o sea
separan las palabras
y entonces no hacen los ríos
queda justificado
exacto
pero con la misma
el mismo paso entre palabras
sí
hay dos diferencias aquí
en lo que has dicho ahora
una cosa es medio digital
la otra es medio impreso
que son diferentes entre sí
claro
solo la experiencia de leer
y lo que decías de
los libros
versus una página web
cuando alguien maqueta un libro
utiliza un programa de diseño
que
seguramente utilizan InDesign
y son expertos
modificando la tipografía
modificando los espaciados
casi al milímetro
para que no se generen estos ríos
para que las palabras se rompan
en una nueva línea
donde toca
etcétera
es diferente
es como que tiene más de artesano
para que quede bien
por eso queda bien
en la mayoría de libros
pero en digital
que ponemos un párrafo
ponemos el texto
text-align
justify
y ya
pues
si podemos evitarlo mejor
esto es lo que dice la gente
¿no?
tú no quieres ríos
y yo no quiero ese borde
imperfecto a la derecha
¿sabes?
imagínate
todo el texto
todo el texto
de la vida justificada
a la izquierda
con bordes
imperfectos
a la derecha
es que me encantan
estos comentarios
porque la gente
primero es que se enfada
¿sabes?
sí
me tiene fascinada
la pasión por el texto
justificado
sí
es increíble
no, no
la gente se enfada mucho
de verdad
es una cosa
es una cosa loca
y mira que
hay gente que me dice
envíame un solo
un solo artículo
que hable de esto
y hay un montón
hay un montón
y por más que los envío
la gente entonces
mira este está muy chulo
de Juan Ruitiña
que habla de esto
de los ríos
y tal
que es menos legible
menos accesible
que un montón
que es malo para tipografía
que no sé qué
hay un montón de artículos
los envío y dicen
me da igual este artículo
y yo bueno pues entonces
entonces
¿qué quieres?
es una cosa
es que no
ya
bueno
es como una guerra
difícil de ganar
es una guerra difícil de ganar
pero bueno
yo digo una cosa
si alguien quiere justificar
sus textos
no pasa nada
otra cosa es que
a mí me vaya a gustar
de golpe
no me va a gustar
y hay un montón
de artículos y tal
que lo explican
y dan las razones
y Cris lo ha explicado también
así que nada
vosotros haced ya
lo que queráis
bueno Cris
no sé si quieres
mandar un último mensaje
a la gente
no nada
que espero que haya sido útil
yo me lo he pasado súper bien
porque ya te digo
me gusta mucho
el tema de los porfolios
todo bien
si no
estaba un montón de gente
diciendo que
nada
que muchas gracias
que se había dado un montón
de buenos
de buenos consejos
y tal
y que
lo agradecía
que era buena data
data de la buena
y que
te lo agradecían un montón
y que muchas gracias
por pasarte
Cris
gracias
ya te invitaré otra vez
para que vuelvas
sí
sigas
ha estado súper bien
y me gusta mucho
tener otro punto de vista
diferente al mío también
porque bueno
al final también hay mucha objetividad
sobre el diseño
yo no soy diseñador
no tengo tu experiencia
para nada
y se agradece un montón
así que
muchas gracias por venir Cris
gracias a ti por invitarme
y no sé
nos vemos en la próxima
cuando quieras
nos vemos en la siguiente
amigos
mañana volvemos aquí
con charlita de
para hablar de programación
desarrollo
salseos
y muchas cosas más
le damos un abrazo
y un aplauso
bueno
están dejando un montón de corazones
a la buena de Cris
¿vale?
gracias por pasarte Cris
y nos vemos en la siguiente
hasta luego amigos
chao
chao