Los sitios web de una página son populares y populares, de eso no hay duda. Pero no son para todos ni para todas las empresas. Es fácil querer uno porque son populares; y si se hace correctamente, el tuyo podría ser un éxito. Pero asegúrese de que su proyecto califique primero.
Un buen candidato para un sitio web de una página no tiene mucho contenido. Solo tiene una página para expresar su punto de vista, 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 son poco convencionales en su diseño. Intentar encajar una gran cantidad de contenido en una página sin parecer desordenado es bastante difícil.
Los usos potenciales 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 crear un sitio web, pero los puntos a continuación son especialmente críticos para los sitios web de una sola página.
1. MANTÉNGASE ENFOCADO
Haga todo 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 un montón de contenido. Esta bien. A veces tenemos la tentación de agregar mucha pelusa a nuestros sitios web. Los sitios web de una sola página no requieren ninguna expansión porque su único propósito es llegar al punto. Si usted es un diseñador que reúne una cartera, presente su mejor trabajo; no te distraigas con proyectos mediocres o tu negocio de camisetas.
Despoje a su sitio web de cualquier pelusa y vaya a lo que importa. 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 una página, obtienes una oportunidad, y si la información que alguien está buscando no está allí, la perderás.
No hay dudas sobre lo que está vendiendo este sitio web de comercio electrónico.
- Cómo evaluar si un enlace debe ser rechazado
- Quiero crear un sitio web ¿Dónde empiezo?
- Tengo un sitio web de 700 MB. Necesito un buen servidor web. ¿Dónde puedo conseguirlo?
- Quiero saber que si quiero crear un sitio web con información sobre películas, ¿hay algún problema de derechos de autor? En caso afirmativo, ¿cuál es la solución?
- ¿Google penalizará mi sitio por errores de AMP? No puedo obtener un complemento de WordPress para AMP que no escupe errores.
Este portafolio va directo al grano. Un diseño minimalista bastante maravilloso también.
2. DAR AL DISEÑO UNA JERARQUÍA
Además de mantener el enfoque del visitante, se supone que un sitio web de una sola página muestra su producto o servicio. Si piensa en sitios web de una página con los que se ha encontrado, probablemente tengan un propósito singular, ya sea mostrar el trabajo de diseño de una agencia o aumentar el interés en un próximo evento.
Un gran diseño 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. Las personas naturalmente notan las cosas grandes primero y las cosas pequeñas al final, así que utilícelo para su ventaja. Las cosas importantes no deberían ser las cosas más pequeñas o últimas de la página.
Esos párrafos introductorios de fuentes grandes se han vuelto tan populares en las carteras de diseñadores porque llegan al punto rápidamente y suenan atractivos 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 realizan.
Nuevamente, tiene pocas oportunidades valiosas para transmitir su mensaje, así que hágalo bien. Si encuentra que tiene demasiado contenido para poder hacer esto, considere ir a un sitio web de varias páginas.
Si bien este sitio web presenta varios puntos diferentes, incluso dentro de esta captura de pantalla, podemos decir qué es lo más importante.
Podemos decir qué hace esta empresa, pero la jerarquía visual podría ser mejor.
3. NAVEGACIÓN CLARA
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 podría tener una opción de navegación en su sitio web denominada “Videos” que lo lleva 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 muestra un producto y su enlace de compra envía a los clientes a una plataforma de pago externa sin avisarles, podría perder algunas ventas.
Su 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 es incorrecto. Considere el uso de íconos (hay muchos gratuitos) o encabezados para que los visitantes sepan a 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 echó.
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 los círculos verdes, y están etiquetados como tales.
4. IR DISEÑO LOCO
Ahora llegamos a la parte divertida: usar un sitio web de una sola página para presumir. No quieres que el sitio web sea aburrido o repetitivo, así que enloquece. 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.
One-pagers se están convirtiendo en sinónimo de gran diseño, porque puedes hacer más con el lienzo más grande. No está obligado a usar el mismo fondo en todas partes; lo cambias a través de las secciones. Desplazarse por sitios web de una página suele ser como hojear una revista o una presentación de diapositivas bien ensamblada. Explotar las posibilidades.
Haga que el diseño sea excelente, ya sea utilizando imágenes grandes que abarquen la ventana completa del navegador o creando un gran fondo ilustrado. Obtendrá puntos de bonificación y puede terminar apareciendo en vitrinas 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. VAYA CODIFICANDO 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 deben interactuar con ellos. 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 debe prestar atención son los colores y el comportamiento de los enlaces (especialmente el selector de desplazamiento); el aspecto y el comportamiento de los formularios (por ejemplo, hacer que el formulario se ajuste al diseño y usar validadores AJAX y JavaScript); mensajes de envío y error (utilizados 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 el código a trabajar en un sitio web de una sola página.
Puedo estar sesgado porque me gusta el truco donde el contenido se carga en el desplazamiento, pero la atención al detalle en el código aquí es increíble.
6. PÓNGASE EN MOVIMIENTO
Además de ocuparse de los detalles de codificación, puede usar el código para crear algo de movimiento y emoción en la página. Nuevamente, evita ser aburrido. Dale a tu página una sensación de vida y movimiento; haz que parezca que se mueve con los visitantes. Agregue algunas animaciones o transiciones divertidas para que la página se destaque.
Idiomas 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 al público interesado.
Este fondo es una animación. No tengo idea de qué trata el sitio web, pero se ve bien.
