Consejos de diseño web que todo principiante debe conocer

Si está diseñando su primera página web para su cartera de diseño web, hay muchas cosas que debe tener en cuenta. Aunque podría contratar a alguien para hacerlo, eso está fuera del presupuesto de la mayoría de la gente. Si esta descripción se parece en algo a su experiencia, estos consejos de diseño web harán parte del trabajo por usted o al menos le indicarán la dirección correcta.

Una buena cosa que debe empezar a tener en cuenta es la facilidad de navegación. Si hay una curva de aprendizaje demasiado pronunciada, es posible que la gente no disfrute utilizando su sitio y podría perder su interés. Por lo tanto, empiece con un propósito claro. Si se trata de un sitio de comercio electrónico, adoptará un enfoque de diseño muy diferente al de un sitio de portafolio. Asegúrese de tener claros todos los aspectos básicos antes de empezar el diseño. 

hombre trabajando en maquetas de diseño web en una oficina casera

Aunque su sitio web debería tener pequeñas actualizaciones una o dos veces al año para reflejar su trabajo actual, un sitio web bien planificado no debería necesitar una revisión importante durante varios años. Además, empiece a pensar en cómo quiere incorporar el color, o la falta del mismo, a su diseño. Tenga cuidado aquí con el color del texto, así como con el tipo de letra; como diseñador web, el diseño de su sitio debe reflejar tanto su habilidad como atender a los requisitos de accesibilidad. Entraremos en más detalle en cosas como éstas más adelante, pero es bueno empezar a considerarlas inmediatamente.

Antes de diseñar su página web

Ahora, puede que esté ansioso por empezar y lanzarse a crear una cartera en línea para su trabajo de inmediato. Pero, realmente debería repasar su trabajo y ver qué quedaría bien en su portafolio. Probablemente tenga algunas imágenes que le encantan, pero ¿son las adecuadas? Además, ¿quién es su cliente ideal y qué pensaría de su trabajo expuesto? ¿Cuál es su tema y/o estilo cohesivo? 

Organice su contenido

Si está especializado en diseño web, considere la posibilidad de identificar las áreas en las que más destaca. Por ejemplo, si su experiencia radica en la creación de sitios web visualmente impactantes, es crucial que destaque esos proyectos de forma prominente en su cartera. Asegúrese de que su cartera está estructurada por estilo de diseño o sector, lo que permitirá a los clientes potenciales localizar rápidamente el tipo específico de trabajo que buscan.

En caso de duda, no lo haga

Escuche, como diseñadores web, a menudo nos encontramos con proyectos que desafían los moldes o temas convencionales. Quizá haya diseñado sitios web que mezclan a la perfección elementos de diferentes estilos, o quizá haya creado algo realmente único que no pretende recrear. Si no está seguro de si un diseño encaja con su obra, confíe en sus instintos. Cualquier duda persistente le servirá de recordatorio de que tal vez no pertenezca a su cartera, al menos por ahora. 

¿Quién es el cliente ideal?

Quizá tenga una fuerte intuición sobre el tipo de clientes con los que prefiere trabajar como diseñador web. Por otro lado, puede que no haya pensado mucho en ello. En cualquier caso, es beneficioso abordar este aspecto con objetividad. Su portafolio puede tener significados diferentes para distintas personas, sobre todo si presenta su trabajo de forma selectiva. Por ejemplo, si aspira a colaborar con organizaciones sin ánimo de lucro, es crucial que tenga en cuenta cómo podrían percibir y responder a sus elementos de diseño. Este enfoque sería muy diferente si su objetivo fuera trabajar con grandes empresas. Reserve algo de tiempo para evaluar su sitio web o incluso solicite la opinión de un amigo o colega de confianza para mayor seguridad. Se lo agradecerá más tarde.

Hágalo suyo

Es importante que el diseño de su sitio web sea sencillo y que al mismo tiempo incorpore su estilo único. Considere la posibilidad de incluir un breve sobre usted en algún lugar de su portafolio, y tal vez incluso una selección de palabras que signifiquen algo para usted dispuestas en algún tipo de motivo. Intente evitar sacrificar la legibilidad en aras de la personalidad.

Crear para su cartera

Seguro que tiene montones de magníficos ejemplos de su trabajo para añadir a su cartera. Pero, a veces es bueno hacer un proyecto exclusivamente para su portafolio. Esto conlleva mucha libertad, pero el presupuesto para ello podría ser un pequeño problema. Por un lado, no querrá recortar gastos para su cartera, pero tampoco querrá que un proyecto personal sea un pozo de dinero. Sobre todo, intente divertirse con ello. Es probable que se note en el diseño.

Edición para su cartera

A veces los diseños que se venden son diferentes de los diseños que realmente llaman la atención de alguien. Por supuesto, lo mejor sería tener ambos, pero por si acaso no pruebe y trabaje sobre algunos de sus diseños más antiguos. Será bueno volver a revisar el mismo diseño con sus habilidades actualizadas y ver cómo ha mejorado. Quizá sepa cómo torcer un poco a su favor las reglas del diseño, pero tenga cuidado de no torcerlas demasiado. Los diseños en línea podrían mostrar más imperfecciones de las que usted editó originalmente para la impresión, debido a las diferencias en el tamaño y la resolución de la pantalla.

Editar su antiguo trabajo para su nueva cartera

Como ya se ha mencionado brevemente, es una inversión de tiempo que merece la pena para volver a ver antiguos trabajos suyos y jugar con las técnicas que ha aprendido desde entonces, o incluso probar algo totalmente nuevo.

Edición con efecto

Editar por efecto es hacer que algo resulte inusualmente interesante para el espectador. Algunas cosas que pueden ayudar es probar una disposición en la que dé profundidad al diseño, como si parte del sujeto del diseño se saliera del encuadre, normalmente una imagen o gráfico de algún tipo.

Diseñar para un aspecto pulido

Diseñar para que un sitio web tenga un aspecto pulido puede ser complicado. Es fácil exagerar y a veces muy tedioso, sobre todo si no está acostumbrado. Básicamente, lo que quiere es una elegancia sin esfuerzo, pero por supuesto, a menudo hay mucho trabajo que usted y sus clientes ponen en hacer magia.

persona que trabaja con fuentes en un portátil mac

Crear su cartera

A estas alturas ya tiene material de primera para añadir a su cartera. Pero hay mucho que tener en cuenta para el diseño de la propia página web. A menudo menos es más con este tipo de cosas, de lo contrario ciertas elecciones de diseño podrían cansar innecesariamente a sus clientes potenciales y alejarlos de su portafolio. Podría tener el mejor trabajo del mundo, pero si nadie llega a verlo, o si se presenta de una forma incómoda, podría tener dificultades para que algunas personas le tomen en serio. Aquí repasaremos los consejos básicos para el diseño de su portafolio que le ayudarán a evitar una situación tan embarazosa como esa.

Elección del tipo de letra y color

Elegir una fuente o un grupo de fuentes le ayudará a concretar la impresión que quiere dar a sus clientes. Las serifas suelen ser más fáciles de leer, pero algunas personas prefieren una fuente sans serif para los cuerpos de texto. Haga lo que haga, no elija más de tres fuentes, de lo contrario provocará a sus clientes un latigazo tipográfico. Además, manténgase alejado de los colores excesivamente llamativos para el texto. De hecho, puede que quiera evitar por completo el texto coloreado. Pero, si decide utilizar texto coloreado, podría considerar un efecto sutil.

Maquetación y redacción

Cuando diseñe su portafolio, recuerde que los cuerpos de texto más pequeños son más fáciles de leer. Utilizar un lenguaje conversacional y amigable también es importante para que su portafolio resulte más accesible a los clientes potenciales. Evite utilizar palabras o frases demasiado complicadas. En lugar de utilizar palabras como "pontiferous", opte por palabras más comunes como "awesome". Tenga en cuenta que menos es más cuando se trata de la fuente, el color del texto y la cantidad de texto que incluya en su portafolio.

Añada un poco de personalidad

Añadir algunos toques personales a su portafolio puede ayudarle a destacar entre los demás diseñadores web. Si tiene alguna afición que fotografíe bien, considere incluirla en su portafolio. Por ejemplo, si además de diseñador web es un excelente carpintero, incluya algunas fotos de sus proyectos de carpintería. Sin embargo, asegúrese de que estos toques personales no eclipsen su trabajo como diseñador web.

Autorretratos

Los autorretratos son una forma estupenda de mostrar una faceta diferente de sí mismo a los clientes potenciales. Pueden ser una poderosa adición a su portafolio, pero muchos diseñadores web las pasan por alto. Dedique algo de tiempo a hacerse autorretratos y retratos de alta calidad para incluirlos en su portafolio.

Cómo promocionarse ante las masas

Comercializar su trabajo es esencial si quiere que la gente lo vea y lo aprecie. Piense en lo que sus posibles clientes podrían estar buscando en un portafolio y adapte su enfoque para ajustarse a sus necesidades. También puede echar un vistazo a los portafolios de éxito de otros diseñadores web y utilizarlos como inspiración para su propia estrategia de marketing. Recuerde que el marketing es cuestión de delicadeza y de encontrar el enfoque adecuado que funcione para usted.

Vocabulario, lengua vernácula, etc.

Las palabras que utiliza para describirse a sí mismo y a su trabajo son tan importantes como el propio trabajo. Elija sus palabras cuidadosamente en función de su nicho y del tipo de trabajo que quiera mostrar. Si está especializado en retratos corporativos, utilice palabras como "éxito", "motivación" y "resultados" para describir su trabajo. Si es un diseñador creativo centrado en producir diseños únicos e interesantes, utilice un lenguaje más creativo y caprichoso para mostrar su talento.

Considere la posibilidad de contratar a un consultor de marketing

Aunque puede sentirse tentado a manejar usted mismo sus esfuerzos de marketing, a menudo es mejor buscar el consejo de alguien con experiencia en el campo. Considere la posibilidad de contratar a un consultor de marketing para que le ayude a afinar su enfoque y obtener los resultados que desea. A menudo es mejor invertir en ayuda profesional que arriesgarse a dañar amistades importantes buscando el consejo de amigos que podrían no tener la experiencia necesaria.

Uso multiplataforma

Dado que la mayoría de las personas acceden a los sitios web desde sus dispositivos móviles, es importante asegurarse de que su portafolio se vea bien tanto en los dispositivos de escritorio como en los móviles. Pruebe su portafolio en diversas plataformas y asegúrese de que está optimizado para dispositivos móviles en particular. No deje que una mala experiencia móvil arruine la primera impresión que los clientes potenciales tienen de su trabajo.

Revisar, revisar, revisar de nuevo

Su portafolio es un trabajo en evolución que debe actualizarse con regularidad para reflejar sus intereses y habilidades cambiantes. No se conforme con su primer borrador; tómese el tiempo necesario para revisar y afinar su portafolio según sea necesario. Revisar y actualizar regularmente su portafolio le ayudará a mantenerlo fresco y relevante.

Accesibilidad

Es importante que su cartera sea accesible para el mayor número de personas posible. Tenga en cuenta las necesidades de los daltónicos y utilice combinaciones de colores que tengan menos probabilidades de resultar problemáticas. Por ejemplo, el daltonismo rojo-verde es el más común, así que asegúrese de que los diseños que utilicen el rojo y el verde juntos tengan mucho contraste en valor claro-oscuro. Además, asegúrese de proporcionar subtítulos para cualquier vídeo que incluya en su portafolio y evite utilizar un lenguaje que pueda considerarse ofensivo o excluyente. Si está revisando su sitio web, empiece con una actualización de accesibilidad y amplíela cada vez que realice cambios en el sitio web; no tiene por qué ser el proceso abrumador que puede parecer.


Enhorabuena, ahora tiene una idea clara de cómo comunicar eficazmente su mensaje a sus clientes potenciales a través de su portafolio de diseño web. Por cierto, si está buscando una gran plataforma para construya su cartera y establecer su presencia en línea, eche un vistazo al constructor de portafolios Format. Es muy recomendado por los diseñadores y ¡no le decepcionará!

Construya su presencia en línea

Muestre su portafolio profesional de diseño web con Format.

Comience su prueba gratuita

*Las ofertas son válidas hasta el 31 de diciembre de 2023 a las 11:59 p.m. PST. El descuento 50% sobre el precio de suscripción de un nuevo plan anual Básico, Pro o Pro Plus se aplicará automáticamente al finalizar la compra con el código 50FORMAT. El descuento se aplica sólo al primer año. La oferta no puede combinarse con ninguna otra promoción.

es_ESES