6 consejos para crear mejores sitios web de una página
Los sitios web de una página son candentes y populares, no hay dudas al respecto. Pero no son para todos o para todos los negocios. Es fácil querer uno porque son populares; y si se hace correctamente, la tuya podría ser un éxito. Pero asegúrese de que su proyecto califica primero.
Un buen candidato para un sitio web de una página no es muy pesado en contenido. Solo tiene una página para transmitir su punto, y solo hay tantas animaciones y trucos que puede lanzar antes de que se vuelvan obsoletos.
Además, la mayoría de los sitios web de una página no son convencionales en su diseño. Intentar encajar una gran cantidad de contenido en una página sin parecer desordenado es bastante difícil.
Los posibles usos varían, pero algunos de los candidatos más populares para sitios web de una página son carteras personales y sitios web para empresas que venden solo unos pocos productos o servicios.
Si califica, asegúrese de que su sitio web llegue a la meta. Siempre hay ciertas cosas que debe seguir al hacer cualquier sitio web, pero los puntos a continuación son especialmente importantes para los sitios web de una sola página.
1. Mantente enfocado
Haga que todo sea lo más simple posible para la audiencia. Lo más probable es que, si está considerando un sitio web de una sola página, probablemente no tenga mucho contenido. Esta bien. A veces estamos tentados de agregar mucha pelusa a nuestros sitios web. Los sitios web de una sola página no requieren fluffing porque su único propósito es llegar al punto. Si eres un diseñador que prepara un portafolio, presenta tu mejor trabajo; no te distraigas con proyectos mediocres o con tu negocio de camisetas laterales.
Elimine su sitio web de cualquier pelusa y acceda a las cosas que importan. Si bien esta es una buena estrategia para cualquier sitio web, la mayoría de los sitios web de varias páginas pueden salirse con la suya porque los usuarios generalmente sabrán dónde encontrar la información que desean. Con one-pagers, obtienes una oportunidad, y si la información que alguien está buscando no está allí, los perderás.
No hay dudas acerca de lo que este sitio web de comercio electrónico está vendiendo.
Esta cartera va directo al grano. Un diseño minimalista bastante maravilloso, también.
2. Dale una jerarquía al diseño
Además de mantener el enfoque del visitante, se supone que un sitio web de una sola página debe exhibir su producto o servicio. Si piensas en los sitios web de una sola página que has encontrado, probablemente tengan un propósito singular, ya sea mostrar el trabajo de diseño de una agencia o despertar el interés en un evento próximo.
Un diseño excelente y un diseño centrado pueden ayudar a definir el propósito de su sitio web. Usted, como diseñador, tiene el poder de dirigir los ojos del visitante hacia donde desea que vayan. La gente naturalmente nota cosas grandes primero y las cosas pequeñas duran, así que úsalas para tu ventaja. Las cosas importantes no deben ser las más pequeñas o últimas en la página.
Esos párrafos introductorios de gran tamaño se han vuelto tan populares en las carteras de diseñadores porque llegan al punto rápidamente y resultan atractivas para las personas que buscan un diseñador. Lo último que probablemente quiera ver es de qué escuela se graduaron. Pero sí quieres saber en qué se especializan y qué tipo de trabajo hacen.
Una vez más, tiene pocas oportunidades para transmitir su mensaje, así que haga las cosas bien. Si encuentra que tiene demasiado contenido para poder hacer esto, entonces considere ir a un sitio web de varias páginas.
Si bien este sitio web hace varios puntos diferentes, incluso dentro de esta captura de pantalla, podemos decir lo que es más importante.
Podemos decir lo que hace esta empresa, pero la jerarquía visual podría ser mejor.
3. Borrar navegación
Algunos sitios web de una página son páginas estáticas cuya navegación lleva al visitante a sitios web externos. Por ejemplo, un músico puede tener una opción de navegación en su sitio web con la etiqueta "Videos" que lo lleve a su cuenta de YouTube. Absolutamente nada está mal con esto, e incluso facilita las cosas (especialmente para los no codificadores). Lo único es que los visitantes deben saber cuándo se los dirige a una página externa.
Si su sitio web de una página es para mostrar un producto, y su enlace de compra envía a los clientes a una plataforma de pago externa sin decírselo, puede perder algunas ventas.
Tu objetivo es mantener todo simple. Redirigir a los usuarios a sitios web externos sin previo aviso puede ser confuso. Pueden suponer que el enlace está roto o incorrecto. Considere usar iconos (hay muchos gratuitos disponibles) o encabezados para que los visitantes sepan hacia dónde se dirigen.
Esto es lo que no debes hacer. Los enlaces en la parte superior lo llevan fuera del sitio web sin previo aviso. Esto realmente me tiró.
El diseño y la codificación de este sitio web son muy inusuales. Sin embargo, los enlaces a páginas externas se distinguen por círculos verdes, y están etiquetados como tales.
4. Vuelve loco el diseño
Ahora llegamos a la parte divertida: usar un sitio web de una sola página para presumir. No quiere que el sitio web sea aburrido o repetitivo, así que enloquezca. Lleva el diseño al siguiente nivel y piensa fuera de la caja. Un diseño poco ortodoxo está bien para llamar la atención sobre su producto y hacerlo memorable.
Los buscapersonas se están convirtiendo en sinónimo de gran diseño, ya que puede hacer más con el lienzo más grande. No estás obligado a usar el mismo fondo en todas partes; lo cambias a través de las secciones. Desplazarse por los sitios web de una página suele ser como hojear una revista o una presentación de diapositivas bien ensamblada. Explota las posibilidades.
Mejore el diseño, ya sea utilizando imágenes grandes que abarquen toda la ventana del navegador o creando un gran fondo ilustrado. Obtendrá puntos de bonificación y puede terminar apareciendo en las presentaciones de diseño web.
Este diseño es impresionante, algo así como un póster. Y el resto del sitio web no decepciona.
La limpieza de este diseño (y el código) es sorprendente. Te hace parar y mirar.
5. Ir a la codificación loco
Al igual que con el diseño, también quieres mostrar tus habilidades de codificación. Se supone que los sitios web de una sola página interactúan. La experiencia del usuario es crítica, así que presta atención a los detalles. El código puede llevar su sitio web al siguiente nivel.
Algunas cosas a las que prestarle atención son los colores y el comportamiento de los enlaces (especialmente el selector de desplazamiento); la apariencia y el comportamiento de los formularios (por ejemplo, hacer que la forma se ajuste al diseño y usar validadores de AJAX y JavaScript); mensajes de sumisión y error (usados con los formularios y algunos AJAX); y la cuadrícula y la ubicación del contenido (así como el comportamiento del contenido en la ventana del navegador). Todos estos deben alinearse con el diseño.
Una forma sencilla y agradable de poner código a trabajar en un sitio web de una sola página.
Puedo ser parcial porque me gusta el truco donde el contenido se carga en desplazamiento, pero la atención al detalle en el código aquí es increíble.
6. Haz que se mueva
Además de ocuparse de los detalles de codificación, puede usar el código para crear movimiento y emoción en la página. De nuevo, evita ser aburrido. Dale a tu página una sensación de vida y movimiento; hacer que parezca que se mueve con los visitantes. Agregue algunas animaciones divertidas o transiciones para hacer que la página se destaque.
Los lenguajes como jQuery y AJAX se han convertido en el estándar para crear movimiento en un sitio web. Ya sea que haga que el contenido se desvanezca desde diferentes lados o que el fondo sea una presentación de diapositivas, mantenga a la audiencia interesada.
Este fondo es una animación. No tengo idea de qué se trata el sitio web, pero se ve bien.
Las transiciones en este sitio web son excelentes. ¡Amo esta!
¿Qué otras cosas son necesarias para hacer que un sitio web de una página sea especial?