¿Busca la mejor manera de crear un sitio web de portafolio?
Un sitio web de portafolio le ofrece un espacio propio para promocionar sus habilidades, servicios y trabajos anteriores. Es tu escaparate en Internet: una vez que hayas creado tu portafolio, los clientes potenciales podrán encontrarte más fácilmente, ver exactamente lo que haces, conocer lo que ofreces y sentirse seguros al contratarte.
Por eso, es importante que su sitio web sea lo más atractivo posible, que es de lo que trata este artículo.
Le mostraremos cómo puede utilizar el popular software WordPress para crear su propio sitio web de portafolio profesional con el aspecto que se muestra a continuación, independientemente del espacio en el que trabaje (El ejemplo se refiere a la escritura independiente, pero puede adaptarlo fácilmente a otros tipos de trabajo.).
Lo mejor de todo es que podrá crear su sitio web de cartera y personalizar cada parte del mismo sin necesidad de conocimientos técnicos ni de escribir una sola línea de código.
Ventajas de crear un sitio web de portafolio
Si aún no se ha decidido a crear un sitio web para su portafolio, aquí tiene algunas de las principales razones para dar el salto y lanzarlo:
- Encontrar nuevos clientes - Facilitarás que tus clientes potenciales te descubran a través de las búsquedas en Google, las redes sociales, el boca a boca (mucho más fácil compartir un enlace), etc.
- Marca propia - Puedes convertirte en un experto en tu campo, lo que te abre muchas oportunidades.
- Generar confianza - Es mucho más fácil generar confianza porque puedes mostrar tu trabajo real y compartir testimonios de clientes satisfechos.
- Simplifique la administración y ahorre tiempo - Puede compartir detalles sobre sus procesos, formular preguntas en formularios y ofrecer preguntas frecuentes. Todo ello puede ayudar a reducir las preguntas repetidas de los clientes potenciales.
Ejemplos de portfolios web
Para dar rienda suelta a tu creatividad antes de empezar con el tutorial, vamos a compartir algunos ejemplos reales de sitios web de portafolios buenos y exitosos de algunos nichos diferentes:
- Desarrolladores autónomos de WordPress
- Diseñadores UX
- Diseñadores gráficos
- Redactores/copistas autónomos
Una de las cosas que notará es que la estética general de los sitios web de portafolios cambia según el nicho. Por ejemplo, los diseñadores gráficos suelen tener portafolios más "caprichosos", más centrados en el diseño único (como era de esperar). Por otro lado, los desarrolladores de WordPress autónomos suelen tener carteras más sencillas, "de manual".
Ejemplos de carteras de desarrolladores WordPress autónomos
Ejemplos de carteras de diseñadores UI/UX
Ejemplos de portafolios de diseñadores gráficos
Ejemplos de carteras de redactores/redactores autónomos
Siete componentes clave de un sitio web de cartera
Una de las grandes ventajas de crear un sitio web de portafolio es que tienes la oportunidad de hacerlo realmente tuyo.
También hay algunos componentes importantes que su sitio web de portafolio debe tener si desea maximizar sus esfuerzos. Piense en ellos como los elementos básicos sobre los que puede ampliar su sitio web para hacerlo único.
1. CTA fuerte en su página de inicio
Una llamada a la acción (CTA) es el elemento más importante que desea que sus visitantes vean después de aterrizar en el sitio de su portafolio. En la mayoría de los sitios web de portafolio, la CTA será para que los visitantes te contraten y/o se pongan en contacto para hablar.
Normalmente, querrá implementar su CTA con un elemento grande y llamativo cerca de la parte superior de su página.
Puede ver estas CTA en casi todos los ejemplos de sitios web de carteras anteriores. Por ejemplo, la CTA principal de Kristin Falkner es "Solicite un presupuesto":
2. Ejemplos de su trabajo
Una de las principales razones para crear un sitio web de portafolio es que te ofrece un lugar donde mostrar todo el trabajo impresionante que has hecho. Cuando la gente vea lo que eres capaz de hacer, confiará en que eres la persona adecuada para el trabajo.
Bill Erickson tiene una página de "Proyectos recientes" muy bien hecha que incluye enlaces, una breve explicación de lo que hicieron Bill y su equipo, y algunas capturas de pantalla llamativas del producto final:
En el tutorial, le mostraremos cómo puede utilizar el plugin WP Portfolio para crear su propio escaparate llamativo.
3. Los servicios que ofrece
Los visitantes quieren saber exactamente qué ofreces para estar seguros de que puedes hacer lo que necesitan. Por ejemplo, "desarrollador de WordPress" puede significar muchas cosas:
- ¿Sólo construye sitios web desde cero?
- ¿Ofrecen personalizaciones del sitio web?
- ¿Codifica plugins personalizados?
- Y así sucesivamente...
Su página de servicios debe dejar claros sus servicios y explicar exactamente cómo puede ayudar.
4. Sus antecedentes y experiencia (página "Acerca de")
Tus trabajos anteriores hablan muy bien de lo que sabes hacer, pero la mayoría de la gente también quiere conocer tu formación y experiencia. Esto no solo les ayuda a decidir si eres la persona adecuada para el trabajo, sino que también te da la oportunidad de establecer una conexión con clientes potenciales y destacar entre la multitud.
5. Testimonios
Mostrar testimonios de clientes anteriores es una forma estupenda de generar confianza entre posibles futuros clientes. Ver que otras personas han quedado satisfechas con tu trabajo da a la gente la confianza de que tú también puedes hacerles felices.
Josh Garofalo hace un gran trabajo al incluir muchos testimonios muy específicos en su portafolio:
6. 6. Información de contacto
Si todos los demás elementos de su cartera cumplen su función, los visitantes querrán ponerse en contacto con usted para hablar de su contratación.
Para ponérselo fácil, debe tener una página de contacto dedicada que muestre la mejor forma de ponerse en contacto con usted, idealmente con un formulario de contacto.
Esta página es también una gran oportunidad para agilizar sus procesos y evitar el desperdicio de comunicación, respondiendo a las preguntas importantes que la gente pueda tener al ponerse en contacto con usted.
Por ejemplo, Página de contacto de Kristin Falkner tiene una sección de preguntas frecuentes junto al formulario de contacto que le ayuda a evitar responder a las mismas preguntas una y otra vez, como su tiempo medio de respuesta.
7. Blog
Tener un blog es opcional, pero puede ser una forma estupenda de promocionarte y mostrar tus habilidades y conocimientos a clientes potenciales.
Por crear un blog puede generar tráfico orgánico desde los motores de búsqueda, las redes sociales y otras fuentes, al tiempo que demuestra su experiencia con mayor profundidad a través del contenido que crea.
El inconveniente de un blog, por supuesto, es que requiere mucho tiempo. Así que si ya estás ocupado con el trabajo y no puedes invertir el tiempo en crear contenidos de blog con regularidad...tal vez prefiera saltársela.
Cómo crear un sitio web de portafolio con WordPress
Ahora, vamos a ver cómo puedes crear tu propio sitio de portafolio utilizando WordPress y algunas extensiones útiles.
Para este tutorial, sólo asumiremos que eres capaz de comprar alojamiento e instalar el software de WordPress. Pero no te preocupes: si aún no has llegado tan lejos, tenemos otros tutoriales útiles que cubren esos pasos.
En primer lugar, echa un vistazo a nuestro post con algunas de las mejores alojamientos para WordPress y algunos consejos para elegir. Necesitas alojamiento WordPress para tu sitio web, y este artículo te ayudará a encontrar la opción que mejor se adapte a tus necesidades y presupuesto.
En segundo lugar, puede seguir nuestra guía sobre cómo crear un sitio web en WordPress para poner en marcha un sitio web básico. Todo lo que necesitas es una nueva instalación de WordPress para seguir este tutorial - por lo que, sólo puede completar los pasos uno, dos y tres en esa otra guía y luego volver aquí para las partes específicas de la cartera.
Si ya tienes una instalación de WordPress lista para funcionar, a continuación te explicamos cómo convertirla en un sitio web de portafolio que impulse tu negocio.
Paso 1: Instalar el tema Astra e importar un sitio de demostración de la cartera
El primer paso para crear tu sitio web de portafolio es instalar un tema de WordPress. Si no estás familiarizado con los temas, básicamente te ofrecen una forma rápida de controlar el diseño general de tu sitio web.
Recomendamos nuestro tema Astra por dos grandes razones:
- Es gratis. Mantener los costes bajos nunca está de más, ¿verdad?
- Incluye cientos de plantillas de sitios web que puedes importar, incluidos muchos ejemplos de portafolios. Todo lo que necesitas hacer es personalizar el contenido y al instante tendrás un sitio web de portafolio diseñado profesionalmente.
Por ejemplo, puede importar el Sitio de demostración de redactor freelance para que tu cartera tenga este aspecto al instante:
No se preocupe. Aunque el nombre de la demo es "Freelance Copywriter", puedes adaptarla fácilmente para que funcione como portfolio para otros nichos. O bien, puede elegir otro de los muchos de Astra plantillas de sitios web de portafolios.
Plantillas de sitios web de Astra recomendadas:
- Diseños y plantillas de sitios web personales
- Plantillas y diseños de sitios web para fotógrafos
- Plantillas de sitios web para autónomos
He aquí cómo hacerlo:
En primer lugar, instale el tema gratuito Astra de WordPress.org dirigiéndose a Apariencia → Temas → Añadir nuevo en tu panel de WordPress y buscando "Astra".
A continuación, pulse el botón Instale y asegúrese de activar el tema.
Una vez que actives Astra, deberías ver un aviso para instalar el plugin Starter Templatesque es lo que te da acceso al plantillas de sitios web de portafolios.
Haga clic en el botón Comenzar para hacerlo. Si no ve el aviso, puede encontrarlo accediendo a Apariencia → Opciones Astra.
A continuación, se le pedirá que elija un constructor de páginasque controla el editor que utiliza el contenido del sitio de demostración elegido.
Para este tutorial, recomendamos elegir Elementoraunque puede elegir otro editor si lo prefiere.
Ahora, verás una lista de cientos de sitios demo de Astra que están construidos con Elementor. Siéntase libre de navegar por todos los sitios de demostración, ya que podría encontrar uno que te gusta.
En esta guía utilizaremos la demo de redactor freelanceque puede encontrar buscándolo:
Haga clic en él para seleccionarlo. A continuación, elija la opción Importar el sitio completo:
En la ventana emergente, deje marcados todos los valores predeterminados y haga clic en Importar:
Tras una breve espera, el proceso de importación finalizará y su sitio debería tener el mismo aspecto que la demostración.
Paso 2: Editar el sitio web de la cartera
Ahora, es el momento de editar el contenido de la demo para hacerlo tuyo.
Para facilitar esta tarea, este sitio de demostración de Astra se ha creado con el plugin de creación de páginas Elementor, que ofrece una interfaz visual de arrastrar y soltar para editar y personalizar todo, ¡sin necesidad de programación!
Para empezar, haga clic en Páginas en su panel de control.
A continuación, pase el ratón por encima de la página que desee editar y haga clic en Editar con Elementor.
Esto iniciará la interfaz visual de arrastrar y soltar de Elementor. Para personalizar el texto, sólo tienes que hacer clic y escribir en la vista previa en vivo. Para personalizar o mover otros elementos, puedes hacer clic sobre ellos y arrastrarlos.
Si necesita ayuda para trabajar con la interfaz Elementor, puede consultar nuestra página tutorial detallado del Elementor.
Una vez que haya terminado, asegúrese de guardar los cambios. A continuación, puedes repetir el mismo proceso para las demás páginas de tu sitio, como la página Acerca de, la página Contacto y cualquier otra que tengas.
Pero no te preocupes por editar la página que muestra tu trabajo, porque para eso vamos a utilizar una herramienta especial en la siguiente sección.
Paso 3: Añade un portafolio fácil de usar para mostrar tu trabajo
Dado que una de las funciones principales de su sitio web de portafolio es mostrar su trabajo, usted quiere asegurarse de que clavar esta parte de su sitio web. Lo mejor es que puedes mostrar tu trabajo fácilmente con cualquier cartera WordPress plugin.
Para ello, puede utilizar el plugin WP Portfolioque le ayuda tanto en el frontend como en el backend de su sitio:
- Frontend - Puede crear un escaparate más fácil de usar para sus visitantes y permitirles navegar por su trabajo para encontrar los artículos que más les interesen.
- Backend - Podrás gestionar más fácilmente los elementos de tu cartera. Podrás añadir fácilmente nuevos elementos, editar los antiguos, elegir diferentes elementos para mostrarlos en diferentes lugares, etc.
Para ver algunos ejemplos de los distintos tipos de carteras que puedes crear, consulta estos enlaces:
Para instalarlo, comprar WP Portfolio e instálelo en su sitio web en Plugins → Añadir nuevo y cargando el archivo zip.
Añadir elementos a la cartera
Un elemento de la cartera es una pieza individual de trabajo que desea mostrar. Puede ser un sitio web creado por ti, una imagen diseñada por ti, una entrada de blog escrita por ti, un vídeo creado por ti o cualquier otra cosa que crees.
Para añadir su primer elemento de la cartera:
- Ir a WP Portfolio → Añadir nuevo:
- Ponle un título
- Elija el tipo de elemento de la cartera en el menú desplegable
- Haga clic en Añadir elemento de cartera
Ahora, podrá personalizar ese elemento de la cartera para añadir más información, incluso puede personalizar la CTA que se muestra cuando la gente ve un elemento individual.
Si tiene muchos elementos de su portafolio, también puede utilizar categorías y etiquetas para organizarlos en diferentes secciones. Tus visitantes podrán utilizar estas categorías para filtrar elementos específicos de la cartera.
Una vez que esté satisfecho con todo, asegúrese de Publique eso:
Repita el proceso para añadir más elementos de cartera según sea necesario.
Mostrar cartera
Una vez que haya añadido todos los elementos de su cartera, puede mostrarla en su sitio web de la siguiente manera utilizando el [wp_portfolio] código corto.
Por ejemplo, cree una nueva página llamada "Portfolio" y añada el shortcode utilizando un bloque Shortcode:
Para cambiar el estilo y el diseño de su cartera en el front-end, puede ir a WP Portfolio → Configuración → Estilo.
¡Y ya está!
Acabas de crear tu propio sitio web de portafolio utilizando WordPress, el tema Astra y el plugin WP Portfolio.
Cree hoy mismo su sitio web de portafolio en WordPress
Si prestas algún tipo de servicio a clientes, tener un sitio de cartera es esencial para cree su propia marcaexhiba su trabajo y conecte con los clientes.
Para crear rápidamente un sitio web de portafolio de aspecto profesional, puede utilizar el tema Astra gratuito y uno de sus muchos sitios web para principiantes.
A continuación, para añadir una página optimizada para mostrar su trabajo, puede emparejar Astra con el plugin WP Portfolio.
¿Todavía tienes alguna pregunta sobre cómo crear un sitio web de portafolio? Háganoslo saber en la sección de comentarios.
Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.
¿cómo personalizar el botón de llamada a la acción?
¿Ha cambiado el plugin? Cuando digo añadir nuevo y selecciono tipo 'sitio web', me aparece una pantalla diferente, sin forma de indicar el nombre del sitio web y la URL?
Hola Tom, los pasos son casi los mismos. Revise el mismo aquí en este documento o póngase en contacto con nosotros a través de nuestro Portal de asistencia.
Gracias por compartir un artículo tan bueno e informativo
Saludos
Hrwms