Cómo construir un Portfolio de Desarrollador web

Consejos para construir tu portfolio de desarrollador web

Si te apasiona la moda, la comida o las finanzas, es tentador especializarse en el desarrollo de sitios web en el nicho que te gusta.

Pero cuando se trata de tu portfolio de desarrollador web, tienes que mostrar el trabajo que has hecho para una amplia variedad de clientes para destacar tu versatilidad, y para asegurarte de que los futuros clientes de varios sectores se hagan una idea de tu alcance, sobre todo si esperas ramificarte en diferentes áreas.

«Si te diriges a una empresa de tecnología, querrán ver otros sitios web de tecnología. Si te diriges a la sanidad, quieren ver otros sitios web relacionados con la sanidad», dice Jay Eckert, fundador y director creativo de Parachute Design. «Cuanto más amplio sea, más gente podrá atraer»

Los mejores portfolios de desarrollador web son los que no se exceden. Eckert dice que es crucial mostrar sólo proyectos que reflejen el tipo de trabajo que quieres atraer en el futuro. «Es una especie de fino equilibrio que quieres manejar entre mostrar diversidad, pero no demasiado», dice.

Recomienda tener expuestos entre ocho y diez sitios web que hayas desarrollado, y dice que ese es el número mágico basado en los análisis del propio sitio web de su empresa.

Después de unas 10 muestras, la gente deja de desplazarse, explica, lo cual es una información especialmente crucial cuando intentas enganchar a un futuro cliente o empleador y mantener su interés.

«Pero si tienes muy pocas», advierte Eckert, «no pareces lo suficientemente experimentado»

Una cosa es publicar un enlace o una captura de pantalla de un proyecto de desarrollo del que te sientas especialmente orgulloso, pero puedes llevar tu portfolio de desarrollador web al siguiente nivel atrayendo a la gente con explicaciones sobre cómo cobraron vida esos proyectos y sitios web.

Eso significa compartir cómo se crearon o imaginaron las cosas, y no sólo de forma que tenga sentido para otro desarrollador. En otras palabras, claro que puedes hablar de los detalles de tu proceso de programación, pero también mantén un tono informal y conversacional para que los posibles empleadores de todos los ámbitos, ya sean de recursos humanos o de gestión de productos, se hagan una idea de tu proceso de pensamiento y tus motivaciones.

Considera la posibilidad de responder a algunas preguntas para cada muestra que compartas: ¿Qué te inspiró? ¿Qué obstáculos superaste? ¿Y cómo utilizaste los lenguajes de programación para dar vida a tu visión?

«Debes llamar la atención sobre ciertas características que hacen que el proyecto sea único«, añade Eckert. «En lugar de mostrar una imagen estática de un sitio web, digamos, tal vez quieras tener un navegador animado para que parezca que alguien está interactuando realmente con cierta parte de la página sobre la que quieres llamar la atención»

La mayoría de los sitios web que encuentran los empresarios hoy en día se basan en plantillas, dice Eckert. «Así que una empresa creará una página de inicio, una página de aterrizaje, una página de contenido, y eso es todo. Y tratarán de meterlo todo»

Si quieres que tu portfolio brille, considera la posibilidad de romper los límites del diseño cuadriculado habitual creando páginas personalizadas -como lo harías para un cliente-, de modo que sea una historia bien enlazada de principio a fin, dice.

«Si puedes romper la cuadrícula con buen gusto y de forma responsable, creo que eso capta mucho la atención y demuestra que piensas más allá de los moldes», añade Eckert. «Cuanta más personalidad puedas mostrar, mejor»

Esto también se aplica a tus elecciones fotográficas. Utilizar imágenes de archivo puede ser tentador, pero Eckert dice que las ilustraciones diseñadas a medida y las fotografías únicas son mucho más llamativas. «La gente tiende a pasar por alto las imágenes de archivo porque las vemos repetidamente», dice. «Hacerlo más personal irá más allá de todo lo demás»

¿Quieres que te contraten? Lo primero y más importante es que el sitio web de tu cartera funcione correctamente.

«Recibimos muchos envíos en los que el sitio web está roto, o no funciona en absoluto», dice Eckert. También confesó que, cuando se trata de preseleccionar a posibles contratados, su equipo suele echar un vistazo detrás de la cortina para ver cómo están construidos los sitios web de sus portfolios y lo limpio que es su código. Así que si quieres que tu portfolio brille, asegúrate de que tu código está ordenado y sin errores, comprueba que no haya enlaces o imágenes rotas, y pruébalo en varios navegadores y dispositivos para saber que quien haga clic tendrá la mejor experiencia.

Si estás empezando como desarrollador web, es probable que compitas con personas que pueden hacer muchas de las mismas cosas que tú. Construir una marca personal fuerte y única es el primer paso para destacar entre la multitud. Si no puedes distinguirte como la única persona que puede hacer algo, tendrás que confiar en tus puntos fuertes y en tus especialidades.

Por desgracia, no podemos decírtelo: tendrás que descubrirlo por ti mismo. Pero tus puntos fuertes son un buen punto de partida para construir esa marca.

Imagina dónde te gustaría estar dentro de cinco años: qué tipo de puesto profesional te gustaría ocupar y para qué tipo de empresa quieres trabajar.

Con esos objetivos en mente, puedes empezar a centrarte en las habilidades que te llevarán hasta allí. Piensa en todas tus habilidades, no sólo en las técnicas. ¿Eres técnicamente competente, pero no tienes mucha iniciativa, y te conviene más un entorno corporativo grande y estructurado? ¿O eres más adecuado para una startup (emprendedor, flexible y proactivo)? ¿Es más probable que te sitúes por encima de tus compañeros por tus habilidades como programador o por tu liderazgo como gestor de proyectos? Tus respuestas darán forma a tus ambiciones profesionales, que a su vez ayudarán a determinar la forma en que posicionas tu marca personal. Desarrollar tu marca es un ejercicio de marketing, pero también te ayuda a saber cuáles son tus puntos fuertes y tus objetivos, y eso va a afectar a las decisiones que tomes para construir tu carrera como desarrollador web.

Una vez que hayas averiguado dónde quieres estar, estarás listo para empezar a hacérselo saber a los demás.

Piensa en las marcas de más éxito. Son identificables porque se sienten igual cada vez que las encuentras. Tú también quieres que tu marca personal consiga esto.

En primer lugar, desarrolla un nombre de usuario profesional y mantenlo igual en todas las plataformas que utilices: GitHub, Stack Exchange, Medium, Reddit, Twitter… la lista continúa. En segundo lugar, encuentra una imagen para usar como avatar. Dependiendo de cómo te estés posicionando, puedes utilizar un retrato o un logotipo; el riesgo de utilizar un logotipo es corporativizarte: ¿quieres que la gente sepa que eres un ser humano que busca trabajo? Si es así, consigue un retrato de aspecto profesional. Algunas plataformas te permiten dar un paso más. Para tu sitio web personal (más adelante se habla de esto), tu currículum, tu página de LinkedIn o tu perfil en las redes sociales, también puedes elegir un color personalizado e incluso un tipo de letra que exprese tu personalidad, y utilizarlo en tus imágenes de cabecera.

Quizá pienses: todo esto suena un poco superficial, ¿no debería destacar mi trabajo por sus propios méritos? No te equivocas. Pero si la gente va a encontrarte a ti y a tu trabajo en múltiples plataformas, es necesario que el nombre y la imagen sean coherentes para ayudar a la gente a unir esas distintas apariencias en una impresión cohesiva de ti, de tu marca.

Sobre ese sitio web personal: consigue tu propia URL. Vas a necesitar un portfolio que destaque lo que has hecho y lo que puedes hacer. Esta es tu mejor oportunidad para comunicar tus puntos fuertes con tus propias palabras, así que tómate tu tiempo

No tengas miedo de desarrollar una narrativa aquí. Tu carrera está creciendo: nadie espera que muestres docenas de proyectos terminados. Lo que quieren ver es el progreso en la dirección correcta. Así que muestra tus primeros trabajos, pero asegúrate de que los identificas no sólo como ejemplos de lo que puedes hacer ahora, sino como puntos en el camino de tu crecimiento constante. En algunos casos, no podrás mostrar tu trabajo terminado por cuestiones de propiedad. Aquí, describe tus logros al estilo de un currículum, haciendo hincapié en los resultados. Utiliza números siempre que sea posible para cuantificar tus éxitos.

Este portfolio es también el lugar donde puedes mostrar los proyectos que te apasionan. ¿Qué es lo que te interesa? ¿Cuáles son tus intereses especiales? Imagina que mantienes una pequeña charla con alguien que siente curiosidad profesional por ti. El objetivo es mantener tu presencia profesional al tiempo que ayudas a la gente a imaginar cómo sería trabajar contigo cada día.

GitHub y Stack Overflow son dos formas excelentes de exponer tu experiencia.

GitHub es un repositorio de código en el que cualquiera puede compartir sus soluciones a los problemas: código fuente para corregir errores, nuevas funciones e incluso tutoriales. Aunque mucha gente lo utiliza como plataforma de gestión de proyectos, también puedes pensar en GitHub como un lugar para mostrar tu trabajo -cosas que has creado, incluso trabajos en curso- a los tipos de personas que pueden beneficiarse de él. También puedes contribuir a grandes proyectos de código abierto, lo que es una oportunidad para construir tu currículum y establecer contactos.

Stack Overflow es un foro online en el que los desarrolladores web pueden hacer y responder preguntas. Por ejemplo: «¿Puedo almacenar una función y los valores de sus parámetros en una variable y llamarla después?» Responder a las preguntas es una forma estupenda de posicionarte como experto en un tema determinado (y también una forma estupenda de desarrollar nuevas habilidades). Apóyate en tus especialidades. Si afirmas que eres el mejor en Swift o Python, esta es la oportunidad de demostrar tu buena fe.

Aunque GitHub y Stack Overflow son lugares estupendos para mostrar las cosas que has descubierto, no están necesariamente preparados para posicionarte como te gustaría que te vieran.

Tu sitio web personal es un buen lugar para publicar un blog en el que compartas tus ideas generales. ¿De qué experiencias has aprendido, no sólo de las habilidades de programación, sino de todas las habilidades necesarias para realizar un trabajo? ¿Qué trucos para aumentar la eficiencia has descubierto? ¿Qué consejos has recogido para motivar a los miembros del equipo? ¿Qué marcos has desarrollado para conceptualizar tu proceso creativo? ¿Qué observaciones has hecho sobre hacia dónde se dirige tu sector? Esto es lo que la gente quiere decir cuando habla de «liderazgo de pensamiento», es decir, demostrar que tienes tus propias ideas y puntos de vista valiosos, y tu blog es un gran lugar para destacar no sólo por el código que puedes escribir, sino por todas las formas en que puedes ser un activo para una organización.

Todo lo que publiques en tu blog también puedes publicarlo en la plataforma online Medium, y compartirlo a través de Twitter. Todas estas plataformas se cruzan para impulsar el tráfico y potenciar tu perfil.

Las redes sociales son un trampolín útil, pero las interacciones cara a cara pueden producir conexiones sorprendentes y causar impresiones más fuertes.

Prácticamente todos los ámbitos del desarrollo tienen sus propios eventos: oportunidades de aprender, de conocer gente nueva y de dar a conocer a los demás lo que tienes que ofrecer. Asiste a una conferencia (por cierto, ¿por qué no hablar en una?). Participa en un hackathon, o conviértete en mentor en un campamento de programación para niños.

Los sitios web como Meetup facilitan la búsqueda u organización de eventos de networking, pero no hay nada que sustituya al buen y anticuado boca a boca.