Un sitio de portafolio de desarrolladores web público en línea es imprescindible si desea ser considerado seriamente como desarrollador web, adquirir los mejores clientes y trabajar de forma remota.
Su sitio de cartera de desarrolladores web es su propio espacio personal en línea donde puede mostrar su mejor trabajo de desarrollo web y ser contratado para ello. Corre el riesgo de volverse completamente invisible para sus clientes deseados o posibles empleadores si no lo tiene.
Siga leyendo para aprender a crear un portafolio profesional atractivo y asegurar trabajos de clientes haciendo lo que ama.
Los desarrolladores a menudo crean sitios web de carteras personales. Para construir uno efectivo, considere por qué lo está creando y para quién lo está haciendo. ¿Está realmente destinado a ayudarlo a avanzar en su carrera y atraer reclutadores?
¿Qué es un Portafolio?
Un portafolio de desarrollador web es una colección en línea de sus mejores proyectos de desarrollo web que representa adecuadamente sus talentos, habilidades y calidad de trabajo. Sirve como una colección seleccionada de las muestras de desarrollo web profesional que más le enorgullecen y que puede mostrar a posibles empresas o clientes para que los empleen.
¿Cuál Es El Punto De Tener Uno?
A menudo se requiere una cartera de su mejor trabajo anterior al obtener un empleo como desarrollador web. Un CV tiene su lugar, pero un portafolio es donde demuestras (en lugar de decir) de lo que realmente eres capaz.
Un sitio de cartera de desarrollo web puede ayudarlo a sobresalir, incluso si no es necesario. Indica su devoción por exhibir su trabajo. También es una oportunidad para que muestres tu trabajo y al mismo tiempo muestres tu individualidad.
¿Dónde Debe Alojarse Su Cartera De Desarrollo Web?
Ya existen sitios en los que puede mostrar su cartera de desarrollo web sin esforzarse mucho. Algunos casos son los siguientes:
- GitHub
- comportamiento
- regatear
- Portafolio en Adobe Photoshop
- CódigoPen
No hay nada de malo en poner su trabajo de desarrollo web en cualquiera de estos sitios. Pero tener un sitio web personal autohospedado para mostrar sus talentos de desarrollo web realmente puede diferenciarlo.
Un sitio web de cartera dedicado es su propio espacio personal en línea donde puede compartir información adicional sobre usted y su trabajo de desarrollo web. También puede proporcionar enlaces a cualquier otra cuenta de redes sociales que tenga, como GitHub, StackOverflow, Quora, LinkedIn, Medium o Twitter.
¿Cómo Debería Hacer Para Crear Una Cartera De Desarrolladores Web?
Antes de comenzar a hacer algo, asegúrese de comprender lo siguiente:
- Puede llamarse a sí mismo desarrollador front-end, desarrollador back-end o desarrollador de pila completa, según cómo desee promocionarse.
- Sitios web, aplicaciones web, trabajo de API y otros tipos de trabajo para los que le gustaría ser empleado.
- Lo que lo distingue: un énfasis en el diseño, experiencia con cierta tecnología, proyectos anteriores con empresas o clientes específicos, etc.
- Incluya proyectos que muestren adecuadamente su experiencia y estilo de desarrollo web entre su trabajo más grande y distintivo.
Después de eso, revise una variedad de carteras de desarrolladores web para obtener ideas. Haz una lista de los diseños y diseños que te gustan o no te gustan. Considere cómo puede remezclar lo que otros han hecho a su manera única para crear algo nuevo. Al final de este artículo, repasaremos cinco muestras innovadoras de carteras de desarrollo web.
Es hora de desarrollar wireframes, tal como lo harías con un cliente, después de que hayas decidido cómo quieres presentarte y cómo organizar y diseñar tu propio sitio web.
Comience con una versión básica de producto mínimo viable (MVP) de su sitio web de cartera de desarrolladores web y agregue gradualmente información y capacidades adicionales. La idea es tener su sitio en funcionamiento lo más rápido posible para que pueda comenzar a atraer prospectos de empleo remotos y obtener comentarios sobre su cartera.
No se deje atrapar por la trampa de pasar de tres a seis meses construyendo un sitio web llamativo y profesional con todas las campanas y silbatos. Envíe un MVP y piense en su sitio como un organismo vivo.
¿Qué Debe Estar En Su Cartera En Línea?
Debe incluir los siguientes siete elementos en su sitio de cartera de desarrollador web:
- Página principal
- tus habilidades
- Tus iniciativas
- Acerca de esta página
- Información sobre cómo contactarnos
- Enlaces de otras plataformas a tu trabajo
- Debe incluir enlaces a su currículum y redes sociales.
Echemos un vistazo más de cerca a cada uno, y luego hablaremos sobre una adición agradable para su propio sitio web.
1. Página de inicio
Una página web para su cartera de desarrollo web debe demostrar claramente quién es usted y qué hace. Si agrega una foto suya para que futuros empleadores o clientes puedan ver su apariencia, obtendrá puntos de bonificación.
2. Sus diversas habilidades de desarrollo web
Haga una lista de las habilidades precisas que tiene y que son más relevantes para el trabajo que desea lograr. Esto incluye lo siguiente:
- Lenguajes para programar
- Los marcos y las bibliotecas son dos tipos de marcos.
- Tecnologías
- Herramientas y programas (por ejemplo, Figma, Sketch, VSCode)
Para que esta información sea más fácil de interpretar, considera cuantificar tus talentos usando porcentajes.
3. Proyectos anteriores
Sus proyectos son el aspecto más importante de su cartera de desarrollo web. Dependiendo de qué tan amplio o restringido sea su énfasis, elija de seis a doce proyectos con cuidado. Cuantos más proyectos tenga para mostrar, mayor será su énfasis. Sin embargo, trate de concentrarse en la calidad en lugar de la cantidad.
Crea una redacción para cada proyecto con la siguiente información para aprovechar al máximo esta sección de tu portafolio profesional:
- Una breve explicación del proyecto y sus antecedentes.
- Los requisitos del proyecto
- La estrategia que utilizó
- Lenguajes, marcos, bibliotecas y tecnologías que se han utilizado
- ¿Qué obstáculos enfrentó y cómo los superó?
- Cuando el trabajo estuvo terminado,
- Capturas de pantalla del producto final o enlaces a él
Incluya enlaces al código fuente original donde esté disponible, por ejemplo, en GitHub. Permita que los futuros empleados y clientes echen un vistazo entre bastidores.
Cree clips de video cortos discutiendo su proyecto o hablando sobre las partes principales de su código como un consejo profesional.
4. Acerca de esta página
Una página Acerca de para el sitio web de su cartera de desarrolladores web debe transmitir una historia sobre quién es usted y por qué hace lo que hace. Incluya una foto de su rostro para personalizarse y mostrarles a los posibles empleadores o clientes con quién trabajarán.
Para resaltar su personalidad y causar una impresión duradera, siéntase libre de proporcionar alguna información personal (por ejemplo, pasatiempos o experiencias graciosas).
5. Información sobre cómo contactar con nosotros
Si se ha tomado el tiempo y el esfuerzo de crear un sitio web personal para el desarrollo web, ahora es el momento de capitalizar su trabajo. ¡Haga que ponerse en contacto con usted sea lo más simple posible para los visitantes de su sitio web!
Si no es obvio cómo comunicarse con usted, la mayoría de los posibles empleadores y clientes no tendrán el tiempo ni la paciencia para resolverlo. En cambio, lo más probable es que vayan al sitio web de un competidor y lo contacten directamente.
Aquí hay algunas estrategias para alentar a las personas a contactarlo a través de su sitio web:
- Utilice este formulario para ponerse en contacto con nosotros.
- Correo electrónico
- Para programar una llamada, use el enlace de Calendly.
- Perfiles en las redes sociales
- Chat en vivo o chatbot
6. Enlaces de otras plataformas a tu trabajo
Muchos desarrolladores web utilizan sitios de cartera como GitHub, Behance, Dribbble, Adobe Portfolio, CodePen y otros para mostrar su trabajo. Como resultado, es probable que los futuros empleadores y clientes que visiten su sitio web personal también quieran ver su trabajo.
Simplifique sus vidas y haga que sus iniciativas sean más visibles en otras plataformas. Aquí le mostramos cómo: desde su sitio web personal de desarrollo web, simplemente enlace a sus perfiles en otros sitios de cartera.
7. Debe incluir enlaces a su currículum y redes sociales.
Incluso si tiene una cartera de desarrollo web, los empleadores y los clientes seguramente querrán ver su CV. Como resultado, es una buena idea tener un enlace claro a su CV en su sitio web.
Muchos desarrolladores web están activos en las redes sociales, donde discuten temas relacionados con su profesión. Si eso lo describe, asegúrese de que su sitio web personal incluya enlaces a sus plataformas de redes sociales.
Si sus cuentas de redes sociales no son relevantes para su trabajo o no son apropiadas para el trabajo, no las enlace. Sin embargo, tenga en cuenta que los supervisores de reclutamiento seguramente buscarán en sus páginas de redes sociales. Considere mantener las cuentas sociales privadas o eliminar cualquier contenido posiblemente ofensivo si no quiere que los niños las vean. 🤓
Veamos algo bueno para su sitio ahora que hemos cubierto los siete aspectos esenciales de una sólida cartera de desarrolladores web.
La evidencia de la prueba social es agradable de tener en la cartera de un desarrollador web.
Cuando utiliza la influencia de un tercero para persuadir a los posibles consumidores, está utilizando una prueba social. Estos son algunos ejemplos de cómo puede integrar evidencia de prueba social en el sitio web de su cartera de desarrolladores web:
- Testimonios de clientes satisfechos
- Recomendaciones del empleador
- Enlaces a medios o sitios web que han destacado su trabajo.
- Te han mencionado en los medios o te han dado una entrevista en un podcast.
- Has ganado premios o has sido reconocido de alguna manera.
Todo esto contribuye a su reputación profesional, ¡y se ve genial!
¿Dónde Cometen Errores De Cartera La Mayoría De Los Desarrolladores Web?
Hemos repasado muchas de las prácticas recomendadas para los desarrolladores web cuando se trata de crear una cartera. Así que decidimos que decirle lo que no debe hacer era igual de crucial.
La siguiente es una lista de los siete principales errores del sitio de cartera cometidos por los desarrolladores web:
- La calidad triunfa sobre la cantidad.
- No hay redacción de proyectos.
- La funcionalidad está rota.
- Diseños que distraen
- Se utilizó fotografía de archivo.
- No hay dominios personalizados disponibles.
- El sitio no recibe tráfico.
Echemos un vistazo más de cerca a cada uno.
1. La calidad triunfa sobre la cantidad.
Incluir demasiados proyectos de baja calidad en su cartera en lugar de unos pocos de alta calidad puede ser perjudicial para su carrera. Considere hacer algunos proyectos personales de alta calidad para llenar los vacíos en su cartera profesional si no tiene suficiente.
2. No hay redacción de proyectos.
No es suficiente simplemente poner su trabajo en su carpeta. Asegúrese de que cada proyecto se describa con gran detalle. Esta información debe incluir:
- Muestre el resultado final del proyecto.
- Explique cómo aborda los proyectos de desarrollo web y qué busca en los candidatos.
- Demuestra cómo operas.
¡Un cliente potencial tendrá una mejor comprensión de cómo opera y el valor único que puede proporcionar a un proyecto futuro de esta manera!
Incluya detalles sobre cada parte de cada proyecto de desarrollo web, como discutimos antes en la sección de habilidades del portafolio:
- JavaScript, TypeScript, HTML5, CSS, PHP y más lenguajes de programación
- Laravel, AngularJS, jQuery, React, Node.js, Bootstrap y otros marcos y bibliotecas
- SQL Server, JAMStack, Gatsby, Netlify, GitHub y otras tecnologías
- Figma, Sketch, InVision, VS Code, Mockplus, Macaw, Dreamweaver y otros programas y herramientas
- WordPress, Wix, Weebly, Webflow, Shopify y más creadores de sitios web
3. La funcionalidad está rota.
El funcionamiento defectuoso en el sitio de su cartera perjudica sus posibilidades de ganarse la confianza de posibles empleadores y clientes que intentan contratar a un desarrollador web remoto. Debe monitorear y administrar constantemente su sitio para verificar que todos los enlaces, botones, gráficos y animaciones funcionen correctamente.
Esto incluye asegurarse de que su sitio web sea compatible con dispositivos móviles. Para asegurarse de que su sitio web responda en todos los dispositivos principales, use una herramienta para probarlo.
4. Diseños que distraen
Puede creer que agregar un diseño llamativo o una animación a su sitio de cartera lo ayudaría a conseguir un trabajo. Sin embargo, si el diseño o la animación son incomprensibles, molestos o superfluos, podría reflejarse negativamente en usted como desarrollador web.
Concéntrese en proporcionar una experiencia de usuario positiva. En caso de duda, opte por la simplicidad para reducir la carga cognitiva de los visitantes de su sitio web.
5. Se utilizó fotografía de archivo.
La fotografía de archivo se está utilizando en una gran cantidad de sitios web. No te ayudará a sobresalir si lo usas en tu sitio de cartera. Más bien, da la impresión de que estás escatimando.
Haga obras de arte únicas o pague a un diseñador para que haga diseños a medida. ¡Es hora de invertir en tu cartera profesional!
6. No hay dominios personalizados disponibles.
Puede implicar que tiene una tendencia a tomar atajos, similar al uso de imágenes de archivo. No escatimes en este.
Elija un dominio comparable y sensato si no está disponible un dominio personalizado con su nombre y apellido exactos. Es muy superior a un subdominio de una plataforma como WordPress o Webflow.
7. El sitio no recibe tráfico.
Desafortunadamente, solo crear un sitio web de cartera no es suficiente. Si desea que los posibles empleados o clientes vengan a verlo, dirija el tráfico hacia él.
Aquí hay algunos sitios donde su sitio podría estar vinculado para aumentar el tráfico:
- Tu CV para desarrollo web
- Tu carta de presentación para un desarrollador web
- Perfiles en las redes sociales (por ejemplo, LinkedIn, Twitter, Linktree)
- Firma en un correo electrónico
- Perfiles en Medium o Quora
- Perfiles en Slack o Discord
También puede usar blogs y SEO para generar visitantes a su sitio web. Compartir sus conocimientos y habilidades de desarrollo web podría ayudar a más personas a encontrar su sitio y establecerlo como un líder de pensamiento en el campo. ¡Esa es una situación en la que todos ganan!
Ahora hemos abordado los errores más comunes que cometen los desarrolladores web en sus carteras. Es hora de ver algunos ejemplos de sitios web de cartera.
Eso es todo lo que tenemos, y esperamos que la perspectiva de establecer su propia área en línea a la que pueda invitar a otros lo entusiasme. Háganos saber si tiene alguna pregunta, crítica o algún consejo sobre cómo crear un sitio de cartera de desarrolladores web en línea en la sección de comentarios a continuación.
