Consejos de diseño web que todo principiante debería saber

Si estás diseñando tu primera página web para tu portafolio de diseño web, hay un montón de cosas que debes tener en cuenta. Aunque podrías contratar a alguien para que lo haga, eso se sale del presupuesto de la mayoría de la gente. Si esta descripción se parece en algo a tu experiencia, estos consejos de diseño web te facilitarán un poco el trabajo o, al menos, te orientarán en la dirección correcta.

Una cosa que te conviene empezar a tener en cuenta es la facilidad de navegación. Si la curva de aprendizaje es demasiado pronunciada, puede que a la gente no le guste usar tu web y acabes perdiendo su interés. Así que empieza con un objetivo claro. Si se trata de una web de comercio electrónico, el enfoque de diseño será muy diferente al de una web de portfolio. Asegúrate de tener todos los aspectos básicos bien definidos antes de empezar con el diseño. 

Un tío trabajando en maquetas de diseño web en su oficina en casa

Aunque tu página web debería tener pequeñas actualizaciones una o dos veces al año para reflejar tu trabajo actual, una página bien planificada no debería necesitar una renovación importante hasta dentro de varios años. Además, empieza a pensar en cómo quieres incorporar el color, o la ausencia del mismo, en tu diseño. Ten cuidado con el color del texto y con la tipografía; como diseñador web, el diseño de tu sitio debe reflejar tanto tu habilidad como cumplir con los requisitos de accesibilidad. Más adelante profundizaremos en aspectos como estos, pero es bueno que empieces a tenerlos en cuenta desde ya.

Antes de diseñar tu página web

A lo mejor estás deseando ponerte manos a la obra y lanzarte ya mismo a crear un portafolio online con tus trabajos. Pero lo mejor es que revises bien tus trabajos y veas cuáles quedarían bien en tu portafolio. Seguramente tienes algunas imágenes que te encantan, pero ¿son las más adecuadas? Además, ¿quién es tu cliente ideal y qué pensaría de los trabajos que muestras? ¿Cuál es tu tema o estilo coherente? 

Organiza tu contenido

Si te especializas en diseño web, piensa en identificar las áreas en las que más destacas. Por ejemplo, si tu especialidad es crear páginas web visualmente impresionantes, es fundamental que esos proyectos ocupen un lugar destacado en tu portafolio. Asegúrate de que tu portafolio esté organizado por estilo de diseño o sector, para que los posibles clientes puedan encontrar rápidamente el tipo de trabajo que buscan.

Si tienes dudas, mejor no lo hagas

Oye, como diseñadores web, a menudo nos encontramos con proyectos que se salen de los moldes o temas convencionales. Quizá hayas diseñado páginas web que combinan a la perfección elementos de diferentes estilos, o tal vez hayas creado algo realmente único que no tienes intención de volver a hacer. Si no estás seguro de si un diseño encaja con el resto de tu trabajo, confía en tu instinto. Cualquier duda que te quede te indica que quizá no deba formar parte de tu portafolio, al menos por ahora. 

¿Quién es el cliente ideal?

Quizá tengas una intuición muy clara sobre el tipo de clientes con los que prefieres trabajar como diseñador web. Por otro lado, puede que no le hayas dado muchas vueltas. Sea como sea, conviene abordar este tema con objetividad. Tu portafolio puede tener diferentes significados para distintas personas, sobre todo cuando presentas tu trabajo de forma específica. Por ejemplo, si aspiras a colaborar con organizaciones sin ánimo de lucro, es fundamental que tengas en cuenta cómo podrían percibir y reaccionar ante tus elementos de diseño. Este enfoque sería muy diferente si tu objetivo fuera trabajar con grandes empresas. Dedica un rato a evaluar tu página web o incluso pide la opinión de un amigo o compañero de confianza para tener más seguridad. Te lo agradecerás más adelante.

Hazlo a tu gusto

Es importante que el diseño de tu página web sea sencillo, pero sin dejar de reflejar tu estilo personal. Plantéate incluir en algún lugar de tu portafolio una breve presentación sobre ti y, quizá, incluso una selección de palabras que tengan un significado especial para ti, dispuestas formando algún tipo de motivo. Intenta no sacrificar la legibilidad en aras de la personalidad.

Crear contenido para tu portafolio

Seguro que tienes un montón de ejemplos geniales de tu trabajo para añadir a tu portafolio. Pero, a veces, viene bien hacer un proyecto exclusivamente para tu portafolio. Esto te da mucha libertad, pero calcular el presupuesto puede ser un poco complicado. Por un lado, no quieres escatimar en tu portafolio, pero tampoco quieres que un proyecto personal se convierta en un pozo sin fondo. Y, sobre todo, intenta divertirte con ello. Seguro que eso se nota en el diseño.

Cómo editar tu portafolio

A veces, los diseños que se venden son distintos de los que realmente llaman la atención. Claro, lo ideal sería tener ambos, pero si no es así, intenta retocar algunos de tus diseños antiguos. Te vendrá bien volver a revisar el mismo diseño con tus habilidades actualizadas y ver cómo has mejorado. Quizá sepas cómo saltarte un poco las reglas del diseño a tu favor, pero ten cuidado de no pasarte. Los diseños online pueden mostrar más imperfecciones de las que habías corregido originalmente para la versión impresa, debido a las diferencias en el tamaño y la resolución de la pantalla.

Cómo editar tus trabajos antiguos para tu nuevo portafolio

Como ya he mencionado brevemente antes, merece la pena que dediques un rato a revisar tus trabajos antiguos y a experimentar con las técnicas que has aprendido desde entonces, o incluso a probar algo totalmente nuevo.

Edición para lograr un efecto

La edición para crear un efecto consiste en hacer que algo resulte especialmente interesante para el espectador. Algo que puede ayudar es probar con una composición que le dé profundidad al diseño, como si parte del motivo del diseño se saliera del encuadre, normalmente una imagen o un gráfico de algún tipo.

Diseñar para conseguir un aspecto impecable

Diseñar una página web para que tenga un aspecto pulido puede ser complicado. Es fácil pasarse de la raya y, a veces, resulta muy tedioso, sobre todo si no estás acostumbrado a ello. Básicamente, lo que buscas es una elegancia natural, pero, claro, a menudo tanto tú como tus clientes tenéis que trabajar mucho para crear esa magia.

una persona que trabaja con fuentes en un portátil Mac

Cómo crear tu portafolio

A estas alturas ya tienes material de primera para añadir a tu portafolio. Pero hay mucho que tener en cuenta a la hora de diseñar la propia página web. A menudo, en este tipo de cosas, «menos es más»; de lo contrario, ciertas decisiones de diseño podrían cansar innecesariamente a tus clientes potenciales y hacer que se alejen de tu portafolio. Podrías tener el mejor trabajo del mundo, pero si nadie lo ve, o si está presentado de forma poco acertada, puede que te cueste que algunas personas te tomen en serio. Aquí vamos a repasar algunos consejos básicos de diseño de portafolios para ayudarte a evitar una situación embarazosa como esa.

Elección de la fuente y el color

Elegir una tipografía o un conjunto de tipografías te ayudará a definir la impresión que quieres dar a tus clientes. Las tipografías con serif suelen ser más fáciles de leer, pero hay quien prefiere las sans serif para el cuerpo del texto. Hagas lo que hagas, no elijas más de tres fuentes, porque si no, tus clientes se sentirán abrumados por tanta tipografía. Además, evita los colores demasiado llamativos para el texto. De hecho, quizá sea mejor que evites el texto en color por completo. Pero, si al final decides usar texto en color, quizá te convenga optar por un efecto sutil.

Maquetación y redacción publicitaria

Cuando diseñes tu portafolio, recuerda que los textos más breves son más fáciles de leer. También es importante usar un lenguaje coloquial y cercano para que tu portafolio resulte más accesible a los posibles clientes. Evita usar palabras o expresiones demasiado complicadas. En lugar de palabras como “pontífero”, opta por términos más comunes como “genial”. Ten en cuenta que, en lo que respecta a la tipografía, el color del texto y la cantidad de texto que incluyas en tu portafolio, menos es más.

Dale un toque personal

Añadir algunos toques personales a tu portafolio puede ayudarte a destacar entre otros diseñadores web. Si tienes alguna afición que quede bien en fotos, plantéate incluirla en tu portafolio. Por ejemplo, si además de diseñador web eres un excelente carpintero, incluye algunas fotos de tus proyectos de carpintería. Eso sí, asegúrate de que estos toques personales no eclipsen tu trabajo como diseñador web.

Autorretratos

Los autorretratos son una forma estupenda de mostrar una faceta diferente de ti mismo a tus posibles clientes. Pueden ser un complemento muy eficaz para tu book, pero muchos diseñadores web los pasan por alto. Dedica un rato a hacerte unos autorretratos y retratos de alta calidad para incluirlos en tu book.

Cómo promocionarte ante el gran público

Promocionar tu trabajo es fundamental si quieres que la gente lo vea y lo valore. Piensa en lo que tus posibles clientes podrían estar buscando en un portafolio y adapta tu enfoque a sus necesidades. También puedes echar un vistazo a los portafolios de éxito de otros diseñadores web y usarlos como inspiración para tu propia estrategia de marketing. Recuerda que el marketing se basa en el tacto y en encontrar el enfoque adecuado que te funcione.

Vocabulario, jerga, etc.

Las palabras que usas para describirte a ti mismo y a tu trabajo son tan importantes como el trabajo en sí. Elige bien tus palabras según tu nicho y el tipo de trabajo que quieras mostrar. Si te especializas en retratos corporativos, usa palabras como “éxito”, “motivación” y “resultados” para describir tu trabajo. Si eres un diseñador creativo centrado en crear diseños únicos e interesantes, usa un lenguaje más creativo y original para mostrar tu talento.

Plantéate contratar a un consultor de marketing

Aunque te pueda tentar la idea de encargarte tú mismo de tus estrategias de marketing, a menudo es mejor pedir consejo a alguien con experiencia en el sector. Plantéate contratar a un consultor de marketing para que te ayude a perfeccionar tu estrategia y a conseguir los resultados que buscas. A menudo es mejor invertir en ayuda profesional que arriesgarte a estropear amistades importantes pidiendo consejo a amigos que quizá no tengan los conocimientos necesarios.

Uso multiplataforma

Dado que la mayoría de la gente accede a las páginas web desde sus dispositivos móviles, es importante asegurarte de que tu portafolio se vea genial tanto en ordenadores de sobremesa como en dispositivos móviles. Prueba tu portafolio en varias plataformas y asegúrate de que esté optimizado especialmente para dispositivos móviles. No dejes que una mala experiencia móvil arruine la primera impresión que tus clientes potenciales tengan de tu trabajo.

Revisa, revisa y vuelve a revisar

Tu portafolio es un trabajo en constante evolución que debes actualizar con regularidad para que refleje tus intereses y habilidades a medida que van cambiando. No te conformes con el primer borrador; tómate el tiempo necesario para revisar y pulir tu portafolio según sea necesario. Revisar y actualizar tu portafolio con regularidad te ayudará a mantenerlo actualizado y relevante.

Accesibilidad

Es importante que tu portafolio sea accesible para el mayor número posible de personas. Ten en cuenta las necesidades de las personas con daltonismo y utiliza combinaciones de colores que sean menos problemáticas. Por ejemplo, el daltonismo rojo-verde es el más común, así que asegúrate de que los diseños que combinen el rojo y el verde tengan mucho contraste entre los tonos claros y oscuros. Además, asegúrate de incluir subtítulos en todos los vídeos que incluyas en tu portafolio y evita usar un lenguaje que pueda considerarse ofensivo o excluyente. Si estás actualizando tu página web, empieza con una mejora de accesibilidad y ve ampliándola cada vez que hagas cambios en la web; no tiene por qué ser un proceso tan abrumador como pueda parecer.


Enhorabuena, ahora ya sabes perfectamente cómo transmitir tu mensaje de forma eficaz a tus clientes potenciales a través de tu portafolio de diseño web. Por cierto, si estás buscando una plataforma genial para crea tu portafolio Y si quieres crear tu presencia online, échale un vistazo al creador de portafolios de Format. ¡Lo recomiendan mucho los diseñadores y seguro que no te decepcionará!

Construya su presencia en línea

Muestra tu portfolio profesional de diseño web con Format.

Comience su prueba gratuita