Estos son cinco consejos que quiero compartirte acerca de la creación y mejora de tu portafolio como desarrollador web front-end. Una herramienta esencial para la muestra de nuestro trabajo.
Tabla de Contenidos
- Introducción
- Propósito
- Contenido
- Diseño
- Construcción
- Redes Sociales
- Conclusión
Introducción
Como desarrollador web, una de nuestras cartas de presentación es nuestro portafolio. En él podemos centralizar nuestras habilidades, experiencia laboral, certificaciones, reconocimientos y proyectos. Y puede marcar la diferencia cuando se están buscando nuevas oportunidades.
Te comparto cinco consejos para la creación y mejora de tu portafolio. Esto basado en mi propia experiencia.
Propósito
En este punto creo es importante identificar cuál es el propósito de tu portafolio, esto ayudará a crear un portafolio enfocado a un objetivo en particular.
Buscar Trabajo
Buscar trabajo es quizá el objetivo más común de tener un portafolio, sobre todo cuando somos recién graduados, o cuando acabamos de tener un periodo de aprendizaje listo para entrar a la fuerza laboral.
Para este propósito comparte en tu portafolio:
- Curriculum
- Acerca de ti
- Proyectos
- Experiencia laboral, si la tienes.
- CTA
Curriculum
Crea un PDF sencillo de tu CV, de preferencia de una sola hoja y crea un botón para poder dar la opción de descargar. De esta manera el posible empleador puede imprimirlo y tenerlo en físico como una posibilidad más para conocer sobre tu trabajo.
Acerca de ti
Crea una sección donde hables más acerca de ti; quién eres, qué te apasiona, tus hobbies. Creo que esto le da más personalidad a tu portafolio, para que un futuro empleador pueda conocerte más.
Proyectos
Expón tus proyectos más recientes, habla sobre tu experiencia en cada uno de ellos, qué tecnologías utilizaste, qué aprendizajes y retos tuviste.
Trata de compartir menos de 5 proyectos. Y si no haz construido nada aún, entonces crea algunos proyectos gratis para un familiar o amistad. Ofrece de 2 a 3 proyectos gratis para poder mostrar en tu portafolio. Ve esto como una inversión para tu futuro, y no hagas más de 3 trabajos gratis.
Experiencia laboral
Si es el caso de que tengas experiencia laboral, comparte el nombre de la empresa que te empleo, cuál fue tu rol y tareas.
Si es posible pide a tu empleador pasado una referencia que hable sobre su experiencia cuando trabajaste con ellos.
CTA
Cuando uno se enfoca en crear un portafolio para la búsqueda de trabajo, es importante mostrar de manera clara un CTA (Call To Action), casi siempre representado por un botón que te dirija a un formulario, donde pueda contactarte un empleador potencial.
Algunos nombres que podemos usar en nuestro CTA pueden ser:
- Contáctame
- Contrátame
- Estoy listo para Trabajar
En mi experiencia, más que basarse en mostrar tu historial académico, muestra lo que sabes hacer. Pero de nuevo, puede depender mucho del empleador y lo que esté buscando. Pero creo que firmemente que un proyecto hecho habla de tus habilidades.
Buscar Clientes
La búsqueda de tus clientes por medio de tu portafolio, es una manera efectiva para demostrar tu experiencia, la cuál puede ayudarte a formar confianza con alguna empresa que busca una relación de trabajo.
Para este propósito comparte en tu portafolio:
- Frases concretas
- Curriculum
- Acerca de ti
- Testimoniales
- Certificaciones
- Proyectos y/o Casos de Estudio
- Logos de clientes
- Servicios
- CTA
Frase concretas
Usa frases dirigidas a clientes potenciales de cómo puedes ayudar a su negocio.
Curriculum
Crea una sección con tu Résumé, para que el cliente potencial pueda ver tu formación y experiencia de trabajo.
Acerca de ti
Habla de manera un poco más personal acerca de ti y tus hobbies. Quizá algunas experiencias fuera del trabajo relacionados a trabajo voluntario.
Testimoniales
En esta sección comparte testimoniales de tus clientes pasados, lo que puede ayudar a reforzar la confianza con un cliente potencial
Certificaciones
Esto te puede ayudar mucho en mostrar tu conocimiento técnicos. Puedes darle a las empresas más seguridad sobre tu experiencia.
Proyectos y/o Casos de Estudio
Comparte algunos de tus proyectos más recientes, y describe la razón por la que estos clientes se acercaron a ti y cómo resolviste su problema.
Detalla casos de estudio con los que hayas trabajado, comparte tu experiencia y las soluciones propuestas.
Logos de clientes
Esta sección puede ayudar al área de proyectos a reforzarla, al mostrar logos con clientes que hayas trabajado.
Servicios
En esta área puedes centralizar tus servicios por medio de paquetes, los servicios que puedes ofrecer con precios establecidos. O crear un CTA para que te contacten y puedas dar más información.
CTA
Se muy claro en tu CTA, para llevar a tu cliente potencial a que te contacte de manera inmediata.
Algunas sugerencias para tu formulario de contacto puede ser:
- Nombres
- Correo electrónico
- Compañía
- Día potencial de lanzamiento de sitio
- Presupuesto
- Habla un poco más del proyecto
Recomendaciones: No uses las barras de porcentajes de conocimiento de ciertas herramientas, en su mayoría esta presentación es muy vaga y no presenta una métrica fundada.
Contenido
Cuando estés escribiendo el contenido o copy de tu sitio, usa lenguaje personal pero también agrega un poco de tu personalidad.
Se muy claro en tu lenguaje, y directo. Y te sugiero no crear páginas muy largas de contenido, mantenlo corto, simple y claro.
Dependiendo del principal propósito de tu portafolio:
- Se claro al escribir los beneficios de tus servicios, trata de usar sobre todo las cabeceras para esto.
- Identifica los testimoniales y referencias más importantes que muestren de manera clara tus habilidades
- Expón trabajo pasado, sólo lo elemental con algo de tecnisísmos pero siempre con un lenguaje de marketing.
- Utiliza de manera limpia y clara tus CTA’s
Algún ejemplo de tu mapa del sitio, puede verse algo así:
- Homepage
- Resume/CV
- About Me
- Portfolio
- Contact
Homepage
Crea una portada limpia, usa tu nombre o un logo el cual puede ayudar a darle un toque más profesional. En el menú, trata de compartir enlaces a tu LinkedIn, GitHub y quizá Twitter si tienes.
También en esta área puedes usar logos de clientes con los que hayas trabajando en el pasado, una imagen de ti también le daría un toque más personal.
Aquí también puedes compartir algunas referencias o testimonios de tu trabajo
Resume/CV
Muestra tu educación y experiencia laboral. Crea la posibilidad de descargar tu CV en PDF. No olvides que a lo largo de esta sección siempre acompañarlo con un CTA claro.
About Me
En esta página, comparte acerca de ti de manera más personal. Habla de proyectos que quizá no estén relacionados con la creación de sitios web, pero pueden mostrar tu persona.
Portfolio
Crea una galería visual de tus proyectos, y cuando el usuario le de clic a cada uno, muestra más detalles del proyecto.
Contact
Crea un formulario básico de contacto, puedes quizá conectarlo con algún CRM para darle seguimiento a tus contactos como lo puede ser Podio o HubSpot.
Diseño
Establece una imagen visual de tu marca personal, como lo es un logo sencillo y colorimetría. A partir de aquí empieza a hacer una maquetación de tu portafolio. Y recuerda construir un sitio con buena distribución de la información que sea sencillo, claro y limpio.
En lo personal me gusta trabajar con un diseño minimalista, donde luzca más el contenido de tu portafolio.
Y utiliza un diseño responsivo para garantizar una experiencia óptima para dispositivos móviles y escritorio.
Construcción
Para la construcción del sitio elige las herramientas de trabaja con las que más te familiarices.
Tienes la opción de maquetar con HTML estilizar con CSS, y hacer la publicación de tu sitio quizá en Netlify.
O quizá quieras construir tu sitio completamente en WordPress, lo cuál está muy bien. Aquí el objetivo es mostrar tu trabajo.
Y por último invierte en la compra de un dominio para conectarlo con tu sitio, esto da más facilidad que te encuentren con facilidad.
Puedes usar tu nombre y apellido, o nickname, o quizá alguna combinación de tu nombre con la palabra dev. Da rienda suelta a tu imaginación.
Estos son algunos ejemplos de portafolio:
Redes Sociales
Otra opción extra, es que aproveches el uso de las redes sociales, ya que pueden ser otro medio para compartir tu trabajo, y/o tu proceso de trabajo.
Si este es el caso, recuerda mencionar tus redes en tu portafolio, esto puede darles más idea acerca de tu experiencia.
Y lo mejor de todo es que son gratuitas.
Github creo que es obligatorio tener como desarrollador web, de esta manera si tienes proyectos públicos pueden ver tu manera de trabajo. Sobre todo cuando tengas la oportunidad de entrevistarte con un empleador más técnico.
El otro que es obligatorio tener es LinkedIn, mantén tu perfil actualizado, y el compartir algunos proyectos en este medio, puede ser benéfico también para ganar más exposición.
Conclusión
- Estos son cinco consejos que quiero compartirte acerca de la creación y mejora de tu portafolio como desarrollador web front-end.
- Propósito: Identifica el objetivo por el cuál estás construyendo tu portafolio. Para la búsqueda de trabajo o para la búsqueda de clientes. Arma tu portafolio de acuerdo a esto.
- Contenido: Sé claro y directo el mensaje de tu sitio. Mantenlo corto, simple y claro.
- Diseño: Crea una imagen visual de tu marca personal, como lo es un logo sencillo y colorimetría
- Construcción: Construye tu portafolio con las herramientas que más estés familiarizado, como HTML, CSS, WordPress.
- Redes Sociales: Comparte tu trabajo en redes sociales. Es muy importante tener cuenta de Github y LinkedIn
