Lección 4: ¿Qué hace que un diseño de sitio web sea increíble?
Por lo tanto, usted ya sabe la información fundamental que quiere que aparezca en la parte superior de su página principal (su CTA), pero ¿cómo empezar a crear un sitio web visualmente atractivo?
Las primeras impresiones importan. Los visitantes del sitio web juzgarán inmediatamente la credibilidad de su negocio en función a qué tan atractivo es su sitio web. (Sin presión, ¿verdad? Nos acordamos de los agonizantes días cuando había que decidir el atuendo del primer día de clases.)
Las plantillas web son amistosas
Usted puede pensar, espere, yo no soy diseñador de sitios web, ¿cómo voy a hacer un sitio web impresionante? Respire profundamente.
Si utiliza un generador basado en plantillas, usted se puede preparar para el éxito eligiendo una plantilla que sigue los buenos principios del diseño. Además, en esta lección, vamos a ver algunos consejos sencillos pero eficaces a seguir para diseñar un sitio web que sorprenderá a primera vista.
¡Buenas noticias!
¡Todos los sitios web de muestra a continuación son en realidad plantillas web disponibles de GoDaddy! Si elige obtener un generador basado en plantillas de GoDaddy en el último curso, puede utilizar uno de estos para su sitio. Simplemente haga clic en el nombre del sitio web de muestra y abrirá la plantilla en una nueva ficha de su navegador de Internet.
Consejo 1: Manténgalo sencillo
Haga su sitio fácil de navegar y fácil de utilizar. Demasiado color puede causar fatiga visual. Es agotador leer demasiadas palabras.
Ejemplo de sitio web: Slow
Este ejemplo de sitio web incorpora el color mientras lo mantiene sencillo. Los colores elegidos hacen que las imágenes sobresalgan sin molestar la vista. Los matices y las imágenes de este sitio hacen que la plantilla web sea muy atractiva, y podría funcionar para cualquier tipo de industria con imágenes personalizadas.
Consejo 2: Equilibre el espacio, las imágenes y el texto
No es necesario atiborrar información e imágenes en todos los espacios posibles. Las áreas en blanco de páginas web se llaman “espacio en blanco”, y ¡el espacio en blanco le puede ayudar!
Ejemplo de sitio web: Green Valley
Fíjese en el uso efectivo del espacio en blanco en este sitio web de bienes raíces. El arreglo sencillo y abierto del sitio, las imágenes coherentes y el fondo de color tenue son profesionales y agradan a la vista. Esta plantilla podría funcionar para cualquier pequeña empresa, especialmente para una empresa consultora.
Consejo 3: Elija y coloque imágenes intencionalmente en su sitio para que se coordinen entre sí
En lugar de enfocarse en cada fotografía como unidad individual, piense en la historia que está tratando de comunicar cuando vea todas las imágenes juntas. No tiene que ser fotógrafo profesional para tener imágenes increíbles en su sitio—utilice una mezcla de imágenes de archivo gratuitas, fotografías personales o imágenes relacionadas al negocio e iconos.
Ejemplo de sitio web: Franklin Studio
Este es un ejemplo de un sitio con imágenes coordinadas. La impactante imagen de héroe aparece en la plantilla colorida, y todas las fotografías son de alta calidad y relevantes. Juntas cuentan la historia de la marca. (Dato curioso sobre el diseño: Una “imagen de héroe” es lo que llamamos una imagen grande y prominente en la parte superior de un sitio web).
Consejo 4: Integre su logotipo
Las imágenes de su sitio web deben abarcar más que fotografías. Los iconos y logotipos también cuentan como imágenes. En particular, un logotipo sencillo añade un toque de esmero y profesionalismo a un sitio web. En un sitio web eficaz, tanto el logotipo de la empresa como la CTA deben ser fáciles de identificar.
Ejemplo de sitio web: Uplift
Observe cómo tanto el logotipo (“UPLIFT”) como la CTA (“Sígame”) se destacan en este sitio. Esto proporciona un diseño llamativo al mismo tiempo que ayuda al sitio web a alcanzar una meta comercial concreta. Esta es una gran plantilla para sitios personales, con hermosos coloridos e imágenes neutrales.
Consejo 5: Diseñe de tal manera que el aspecto y la sensación general coincidan con su identidad de marca
El aspecto más importante del diseño de un sitio web eficaz es que refleje la personalidad de su negocio, definida por su marca. Esto significa que los colores deben complementar su logotipo o imágenes y los tipos de letra deben adaptarse a la personalidad de la marca
Ejemplo del sitio web: Blanc
Este es un ejemplo de un sitio web emblemático. Tiene un logotipo sencillo que agrega esmero, un toque de color que complementa al logotipo, y un agradable equilibrio de espacio, imágenes unificadas y texto. Los colores, las imágenes y los tipos de letra reflejan un ambiente profesional y a la vez accesible, que se adapta a la marca de la empresa.
Si toma en cuenta estos cinco consejos, estará preparado para seleccionar una plantilla web eficaz y diseñar un sitio llamativo. Si bien estas prácticas recomendadas se aplican a cualquier sitio web, vamos a dedicar tiempo para ver cómo personalizar aún más el sitio web para.
En la siguiente lección explicaremos cómo diseñar su sitio web para reflejar su marca, pero antes de continuar, tómese unos minutos para responder la siguiente pregunta de discusión.