In general, one thing that most people tend to overlook is today’s demand for functional design and aesthetics. While not all of us may be aware of the extent of just how much it matters, the fact remains that design is a very crucial factor towards success—any kind of success– including your website’s. Yes, your content is an important key towards reeling your audience in, but how your site looks will definitely be a determining factor as well.
Aquí tienes algunos consejos básicos sobre lo que puedes hacer para mejorar el diseño de tu sitio web.
Add high-quality images
You want to add the best quality images on your website that reflect your brand style, but if you don’t have a high-resolution camera or the money to pay a photographer, you can get free stock photos from sources like Pexels and Pixabay. Images should pertain directly to the content of your site. Including images is always better than no images at all.
Elige los colores adecuados
La combinación de colores de un sitio web desempeña un papel fundamental a la hora de crear el tono y el ambiente adecuados para tu marca. Elegir un color bonito no significa necesariamente que sea el correcto. Cada color transmite un mensaje y una respuesta diferentes. El color es una de las primeras cosas que perciben los visitantes del sitio y realmente puede repercutir en el éxito de tu sitio web.
Elige dos o tres colores base como máximo para tu diseño. Si sientes la necesidad de añadir más color, puedes utilizar los tintes y las sombras de tus colores base. En la teoría del color, un tinte es la mezcla de un color con blanco, lo que aumenta la luminosidad, mientras que una sombra es la mezcla de un color con negro, lo que reduce la luminosidad.
Additional Tip: There are great tools such as Adobe Colour CC and Coolors to make picking colors easier.
Utiliza tipografías que contrasten
There are more fonts other than Arial, Georgia and Times New Roman. Google Web Fonts offer a variety of typefaces you can use for free on your site. Just like with choosing colors you can easily over do fonts, so I suggest you do not use more than two typefaces on your website. Most well-designed websites use two typefaces only, one for the headlines and one for the body text.
Combinar dos tipografías puede resultar difícil incluso para los diseñadores. Podrías optar por la sencillez jugando con dos fuentes diferentes de una misma familia tipográfica. Si es necesaria una segunda tipografía, elige una que contraste bien con la primera. Normalmente, combinar una fuente serif con una sans-serif funciona bien. Otro consejo importante es elegir tipografías que coincidan con el estilo de tu empresa. Podrías tener la fuente más bonita del mundo, pero si se utiliza en el contexto equivocado, aún podría verse terrible.
Mantén la limpieza usando espacios en blanco
Whitespace is one of the easiest and most effective ways to create a visually effective website. Your website should look well organized and clutter free, directing users exactly where they need to go. Make sure elements stand out and are grouped together by using whitespace properly.
Hazlo adaptable a dispositivos móviles
People are probably going to visit your site at different times using different devices and screen sizes. While content is important, consistency across devices provides a better user-experience for anyone who visits your site. It makes it easier for users to share and link contents on your website to social media platforms on mobile. On top of that, Google prioritizes responsive websites on search results.
Consejo adicional: El uso de Page Builder Sandwich en tu sitio web habilitará automáticamente la visualización móvil y la adaptará al tamaño de pantalla del móvil.
Conclusión
Recuerda: subestimar el poder del diseño es uno de los peores errores que puedes cometer al crear tu sitio web. Por supuesto, no tienes que esforzarte en exceso al diseñar tu sitio web, pero mientras tanto, el simple hecho de seguir estos consejos puede garantizar que tu sitio no despierte ningún sentimiento de desaprobación por parte de tu audiencia.