Cómo sacar el máximo partido a tu portafolio de Squarespace
Hola, diseñadores de Squarespace: cuando creáis páginas web para otros, ¿cuál es la mejor forma de mostrarlas?
Hablamos con muchos diseñadores de Squarespace, tanto autónomos como pequeñas agencias que llevan relativamente poco tiempo en el sector y que solo quieren conseguir clientes fijos. Tu portafolio juega un papel fundamental en este sentido, por lo que es importante que lo hagas bien.
¿Qué aspectos debes tener en cuenta? Veámoslo:
Descarga aquí nuestros consejos para crear portafolios de diseño web
Selecciona las obras de tu portfolio
Oye, lo entendemos, a veces sientes que tienes que mostrar todos tus trabajos anteriores en tu book, pero eso, en realidad, puede jugarte una mala pasada. No es que probablemente tengas ejemplos malos en tu book, sino que seguro que tienes proyectos que has hecho solo por tener algo que mostrar. En otras palabras, esos proyectos no eran los trabajos ideales que te gustaría estar haciendo.
Ya hemos hablado de la idea de un «cliente ideal» ; esos clientes con los que es fantástico trabajar y cuyas necesidades de proyecto te encantan. ¿Cómo se consiguen esos clientes? Bueno, para empezar, deberías seleccionar cuidadosamente tu portafolio para que les muestre trabajos relacionados y les dé una buena idea de lo que podrías hacer por ellos.
Si incluyes hasta el último proyecto en tu portafolio, corres el riesgo de que tus clientes ideales pasen de largo. No porque tu trabajo sea malo, sino porque se pierden por completo los proyectos que les interesan. Diluyes tu mensaje, por lo que la gente acaba sin saber muy bien si eres la opción adecuada para ellos.
Sinceramente, los clientes potenciales no dedican mucho tiempo a revisar minuciosamente todos los ejemplos de tu book. Es más probable que echen un vistazo rápido a unos cuantos que les llamen la atención, así que haz que los primeros examples destaquen. Si crees que no tienes suficientes ejemplos del tipo de trabajo que realmente te gustaría hacer, podrías crear una o dos maquetas para incluirlas en tu book.
Antes de publicar cualquier proyecto nuevo en tu portafolio, pregúntate: ¿esto muestra el tipo de trabajo que quiero hacer para mis clientes ideales? «¡Vístete para el trabajo que quieres!»
Hacer capturas de pantalla
Vaya, esto lo sabemos con total certeza: si no haces capturas de pantalla en cuanto termines una página web, tarde o temprano te arrepentirás. No hace falta que aprendas esta lección por experiencia propia porque, en serio, ¡muchos diseñadores te han precedido y pueden dar fe de ello!
Dedicas horas y horas a crear una página web bien diseñada, prestando especial atención a cada detalle y tomando decisiones muy meditadas en cuanto a los elementos gráficos, las tipografías, los titulares y las imágenes. Te aseguras de seguir las mejores prácticas en materia de conversiones y usabilidad.
A continuación, se lo entregas al cliente.
En uno o dos días, han «hecho algunos retoques» y han añadido contenido que no queda muy bien o que afecta a la usabilidad de la página web. Cuando te acuerdas de volver atrás y hacer una captura de pantalla, ya no se parece en nada a la página web tan pulida que les entregaste.
Si estás empezando a crear tu portafolio y te encuentras con la página web de un «cliente ideal», te llevarás una gran decepción si no haces una captura de pantalla. Probablemente, la página web ya no volverá a ser la misma (a menos que puedas acceder a ella).
En resumen: ¡haz la captura de pantalla en cuanto termines, antes de entregar la página web!
Fuente: Squarespace
Elige una plantilla de estilo de portafolio
Aquí hemos hablado de algunas de nuestras plantillas favoritas de Squarespace para portafolios . También puedes echar un vistazo al directorio de Squarespace en busca de plantillas de estilo portafolio para empezar desde cero.
Utiliza una buena configuración de la cartera
Squarespace te ofrece varias opciones a la hora de crear tu propio portafolio de diseño web. Si utilizas la versión 7.1, las páginas de portafolio son una nueva función específica de esa versión.
Squarespace describe las páginas de portafolio como «páginas de destino con un diseño específico que redirigen a los visitantes a subpáginas». Es tan sencillo como añadir una página de portafolio desde el menú de inicio y seleccionar el diseño que prefieras. A continuación se muestran los diferentes diseños disponibles:
Desde ahí, puedes personalizar el diseño de la sección del portafolio. Las opciones básicas incluyen características como el espaciado, la relación de aspecto de las imágenes, los efectos al pasar el cursor, el fondo y los colores. A continuación, añades subpáginas, que es donde se alojará el contenido de tu portafolio. Puedes añadir hasta 40 subpáginas (¡aunque para un diseñador web, eso suele ser demasiado!). En esta fase no es posible mover las subpáginas a otra página del portafolio, así que piensa bien cómo quieres que quede la disposición antes de ponerte manos a la obra. Una sugerencia sería utilizar una subpágina por proyecto e incluir unas cuantas capturas de pantalla en cada página.
Si prestas servicios a más de un sector, quizá te interese crear varias páginas de portfolio. Por ejemplo, si trabajas con agentes inmobiliarios y arquitectos, podrías tener una página dedicada al «portfolio de páginas web inmobiliarias» y otra al «portfolio de páginas web de arquitectos».
¿Y si utilizas Squarespace 7.0? No tienes la opción de añadir páginas de portafolio a todos los sitios web, pero hay varias plantillas que se han creado pensando precisamente en los portafolios. Por ejemplo, la plantilla «Avenue» cuenta con una página de índice adaptada y basada en una cuadrícula que te permite organizar tu contenido en miniaturas y títulos que, al hacer clic en ellos, te llevan a páginas de galería individuales y a sus descripciones.
Otra opción muy habitual es utilizar la página del blog como portafolio, ya sea mediante una categoría denominada «portafolio» que se pueda ordenar con un menú desplegable, o bien creando una página de blog independiente dedicada exclusivamente a tu portafolio. Esta entrada del blog de Big Cat Creative ofrece algunas ideas estupendas, todas ellas compatibles con las versiones 7.0 o 7.1 (en caso de que decidas no utilizar páginas de portafolio).
Ejemplos de portafolios de diseñadores en Squarespace
A menudo resulta útil ver lo que otros diseñadores web han hecho con sus portafolios. A continuación te mostramos algunos ejemplos de diseñadores que utilizan Squarespace:
Kerstin Martin
Últimamente, Kerstin se centra más en sus cursos en línea, pero sigue siendo importante que mantenga un portafolio con sus trabajos. ¡Así se ve claramente que sabe lo que hace! (Además, no te pierdas la entrevista de Omari a Kerstin, grabada justo antes de que la pandemia de COVID se extendiera por EE. UU. ¿Cómo se verán afectados los emprendedores de Squarespace?)
Soda Creek Digital
Esta agencia de diseño con sede en el Reino Unido es una de las seleccionadas por Squarespace en su sección «Contrata a un experto». Su portafolio es bastante variado en cuanto a los clientes a los que atienden, pero su diseño, que muestra de forma coherente cómo se ven los sitios web en diferentes pantallas, es realmente genial.
Flaco Zacarias
El portafolio de Flaco es un ejemplo de galería con desplazamiento, en la que el diseño de su página web se limita a una sola página. Quien esté interesado puede hacer clic en los enlaces para ver la página web completa. Si quisieras hacer algo parecido, te recomendamos que incluyas solo unos pocos ejemplos, ya que la mayoría de la gente no se molestará en ver una presentación de diapositivas muy larga.
Christy Price
Nos encanta el toque creativo que se aprecia en el portafolio de Christy, así como la coherencia con la que presenta las imágenes destacadas de cada proyecto. Además, limita su portafolio a 12 ejemplos, por lo que no resulta demasiado abrumador para un posible cliente.
Reflexiones finales
Tu portafolio es una de las herramientas de marketing más importantes para atraer a nuevos clientes. Haz que sea un trabajo bien pensado y destacado, con unos cuantos ejemplos de tus mejores trabajos, dirigido a los clientes con los que realmente te gustaría trabajar.
No pasa nada por no incluir todos los proyectos en tu portafolio, aunque te haya gustado trabajar con ese cliente. Puede que no reflejen lo que realmente quieres hacer, así que no tiene sentido añadir ese proyecto como ejemplo.
Por último, piensa en cómo está organizado tu portafolio. ¿Deja claro con quién quieres trabajar? ¿Es fácil de consultar para el cliente? Haz que tu portafolio sea un escaparate del que sentirte orgulloso.
