<\/p>\n
<\/p>\n
Cuando quieres explicar qu\u00e9 es lo que ofrece tu empresa en la p\u00e1gina de inicio de la misma, especificando caracter\u00edsticas especiales, beneficios y el concepto detr\u00e1s de tus productos \u00bfqu\u00e9 haces? Puedes llenar la p\u00e1gina de textos tan largos como sea necesario para explicar todo a fondo (lo cual no es muy buena idea si quieres la atenci\u00f3n de tus visitantes).<\/p>\n
O\u2026 puedes hacer como Rezdy, que mediante p\u00e1rrafos muy concisos y claros explica de qu\u00e9 trata su sitio con la ayuda de un mapa mental, flechas que dirigen la mirada del usuario a puntos relevantes en la p\u00e1gina que no requieren m\u00e1s de 2 segundos de mirada para comprender.<\/p>\n
Todo esto en espacios organizados, nada saturados y con un c\u00f3modo contraste de no m\u00e1s de 3 colores para todos los elementos.<\/p>\n
<\/p>\n
\n
<\/p>\n
<\/p>\n
Aqu\u00ed vemos una idea que actualmente es la vanguardia para empresas que buscan brindar una imagen honesta y de autenticidad a su audiencia: la realidad aumentada. No son botones ni animaciones, es una imagen de la empresa en donde se ven los elementos por los que puede navegar el usuario que visita la web.<\/p>\n
La originalidad en el concepto de navegaci\u00f3n en una p\u00e1gina de inicio provoca que los usuarios se sientan atra\u00eddos, curiosos y con ganas de seguir explorando.<\/p>\n
<\/p>\n
![\"sagmeister-walsh-inicio\"](\"http:\/\/www.tusclicks.cl\/blog\/wp-content\/uploads\/2013\/08\/sagmeister-walsh-inicio.png\")
<\/p>\n
<\/p>\n
<\/p>\n
En la p\u00e1gina de inicio de Collaborate podemos ver que esta plataforma para proyectos empresariales cuenta con un dise\u00f1o claro y ordenado en el que ofrece descripciones de menos de 10 palabras, testimonios de clientes satisfechos y llamados a la acci\u00f3n m\u00faltiples:<\/p>\n
- \n
- Comenzar (ingresar con tu cuenta)<\/li>\n
- Conectarse con Google<\/li>\n
- Crear una cuenta nueva<\/li>\n
- Descargar la aplicaci\u00f3n en AppStore\/Google Play<\/li>\n<\/ul>\n
Si todos estos llamados a la acci\u00f3n fueran iguales y estuvieran uno al lado del otro, ser\u00eda un problema ya que estar\u00edamos saturando la atenci\u00f3n del visitante al darle muchas opciones. Estar\u00edan compitiendo uno con otros.<\/p>\n
Collaborate los ubica de manera eficiente en su sitio para captar a usuarios con diferentes necesidades.<\/p>\n
<\/p>\n
![\"collaborate-inicio\"](\"http:\/\/www.tusclicks.cl\/blog\/wp-content\/uploads\/2013\/08\/collaborate-inicio.png\")
<\/p>\n<\/p>\n
<\/p>\n
4. Prezi<\/a><\/b><\/div>\n<\/p>\n
Un ejemplo de informaci\u00f3n ordenada eficiente y jer\u00e1rquicamente en una p\u00e1gina de inicio es Prezi. Esta empresa le da a conocer al visitante el concepto de lo que ofrece en tan solo unos pocos elementos.<\/p>\n
El video en la parte central funciona de portada como est\u00edmulo y demostraci\u00f3n para aquellos potenciales clientes que ven la proposici\u00f3n de la empresa as\u00ed como tambi\u00e9n su claro llamado a la acci\u00f3n. Pero tambi\u00e9n funciona para aquellos visitantes que necesitan m\u00e1s informaci\u00f3n y deciden ver de qu\u00e9 se trata.<\/p>\n
Esta empresa tambi\u00e9n demuestra que la inversi\u00f3n en la producci\u00f3n de un video publicitario para la empresa puede hacer la diferencia en el sitio web.<\/p>\n
<\/p>\n
![\"prezi\"](\"http:\/\/www.tusclicks.cl\/blog\/wp-content\/uploads\/2013\/08\/prezi.png\")
<\/p>\n<\/p>\n
5. Fannabee<\/a><\/b><\/div>\n<\/p>\n
Simple, directo y seductor. Todo en este sitio se resume en un llamado a la acci\u00f3n: unirse a Fannabee. Puedes registrarte o navegar por el tour, donde en cada p\u00e1gina del mismo te ofrece el mismo llamado a la acci\u00f3n con un est\u00edmulo diferente y un atractivo efecto \u201cparallax\u201d de navegaci\u00f3n.<\/p>\n
Esta p\u00e1gina de inicio es un ecosistema ideal para hacerle caso a la \u00fanica acci\u00f3n que te invita a realizar ya que Fannabee es el lugar para \u201cmega fans\u201d, proposici\u00f3n que sutilmente expresa exclusividad para convencer a los visitantes de unirse.<\/p>\n
<\/p>\n
![\"fannabee-inicio\"](\"http:\/\/www.tusclicks.cl\/blog\/wp-content\/uploads\/2013\/08\/fannabee-inicio.png\")
<\/a><\/p>\n<\/p>\n
6. JIB<\/a><\/b><\/div>\n<\/p>\n
En esta p\u00e1gina de inicio vemos varios elementos expresados con eficiencia: el concepto y servicio de la empresa arriba en el centro y un dise\u00f1o destacable de colores complementarios, incluso en el uso de ilustraciones, y un atractivo llamado a la acci\u00f3n sin distracciones.<\/p>\n
Sin duda una gran experiencia para el usuario que se sentir\u00e1 atra\u00eddo a adquirir los servicios de la empresa.<\/p>\n
<\/p>\n
![\"jib-inicio\"](\"http:\/\/www.tusclicks.cl\/blog\/wp-content\/uploads\/2013\/08\/jib-inicio1.png\")
<\/a><\/p>\n<\/p>\n
7. Galpin<\/a><\/b><\/div>\n<\/p>\n
El sitio web de una empresa (y en especial su p\u00e1gina de inicio) debe expresar la personalidad de la empresa. El tono, forma de abordar a su audiencia y de compartir su contenido deben acoplarse a su dise\u00f1o.<\/p>\n
Este sitio web expresa su personalidad con eficacia, basando su dise\u00f1o exclusivamente en texto y tipograf\u00edas para mandar un mensaje.<\/p>\n
<\/p>\n
![\"galpin-inicio\"](\"http:\/\/www.tusclicks.cl\/blog\/wp-content\/uploads\/2013\/08\/galpin-inicio.png\")
<\/a><\/p>\n<\/p>\n
8. Surf Right<\/a><\/b><\/div>\n<\/p>\n
Cuando un dise\u00f1o pulcro y atractivo al ojo se combina con una navegaci\u00f3n c\u00f3moda para el usuario, resulta en un sitio como el de Surf Right.<\/p>\n
Esta p\u00e1gina de inicio no solo expresa efectivamente de qu\u00e9 se trata el sitio sino que se enfoca en generar una experiencia grata para el visitante desde el principio. Aunque muchos \u201csliders\u201d de diapositivas suelen ser negativos para un sitio, Surf Right supo emplearlo para generar inter\u00e9s y atractivo.<\/p>\n
<\/p>\n
![\"surf-right-inicio\"](\"http:\/\/www.tusclicks.cl\/blog\/wp-content\/uploads\/2013\/08\/surf-right-inicio.png\")
<\/a><\/p>\n<\/p>\n
9. Riley Cran<\/a><\/b><\/div>\n<\/p>\n
Hacer que la navegaci\u00f3n y exploraci\u00f3n del visitante sean divertidas no es un crimen, sino todo lo contrario. Explorar de qu\u00e9 trata este sitio hasta parece un juego.<\/p>\n
Con dise\u00f1os minimalistas y colores c\u00f3modos a la vista, Riley Cran es un lugar que sabe demostrar la capacidad de sus servicios en su p\u00e1gina de inicio.<\/p>\n
<\/p>\n
![\"riley-cran-inicio\"](\"http:\/\/www.tusclicks.cl\/blog\/wp-content\/uploads\/2013\/08\/riley-cran-inicio1.png\")
<\/a><\/p>\n<\/p>\n
10. SilkTricky<\/a><\/b><\/div>\n<\/p>\n
Otro ejemplo de qu\u00e9 hacer cuando tienes mucho contenido que expresar en tu p\u00e1gina de inicio es SilkTricky.<\/p>\n
Todo el contenido que esta empresa quiere que veas est\u00e1 organizado en secciones, cada una con una imagen (o apoyo visual) a la que apunta. Esta p\u00e1gina seduce al ojo al mismo tiempo de responder preguntas con sus concisas descripciones (cada una con un visible llamado a la acci\u00f3n).<\/p>\n
<\/p>\n
![\"silktricky-inicio\"](\"http:\/\/www.tusclicks.cl\/blog\/wp-content\/uploads\/2013\/08\/silktricky-inicio1.png\")
<\/a><\/p>\n<\/p>\n
11. Function Point<\/a><\/b><\/div>\n<\/p>\n
Como mencionaba anteriormente, el estilo de tu sitio describe la imagen de tu empresa en internet. Para esto, Function Point gener\u00f3 un estilo \u00fanico, lleno de humor, ilustraciones y colores agradables para ofrecer su producto.<\/p>\n
Los llamados a la acci\u00f3n en este sitio est\u00e1n eficazmente colocados junto a proposiciones de beneficio para el cliente. Debido a que la p\u00e1gina no est\u00e1 para nada saturada de informaci\u00f3n, se aprecian r\u00e1pidamente todas las ventajas que la empresa desea expresar.<\/p>\n
<\/p>\n
![\"function-point-inicio\"](\"http:\/\/www.tusclicks.cl\/blog\/wp-content\/uploads\/2013\/08\/function-point-inicio.png\")
<\/a><\/p>\n<\/p>\n
12. Woodwork<\/a><\/b><\/div>\n<\/p>\n
Quiero que la navegaci\u00f3n de mi \u00a0sitio sea c\u00f3moda para mi visitante, pero tengo demasiados elementos que ordenar en el Inicio, \u00bfc\u00f3mo hago para incluir todo sin saturar la p\u00e1gina?<\/p>\n
Esto lo responde efectivamente Woodwork con su p\u00e1gina de inicio. Uno pensar\u00eda que con tanto contenido gr\u00e1fico y enlaces a otras secciones, la p\u00e1gina ser\u00eda un desastre. Sin embargo, cuando se trata de un dise\u00f1o ordenado, que sigue un patr\u00f3n visual para conducir la mirada del usuario por cada elemento presente, muchos elementos pueden coexistir sin problemas.<\/p>\n
En este caso, la presentaci\u00f3n de la empresa con su eslogan e informaci\u00f3n m\u00e1s importante est\u00e1 claramente separada del resto de los elementos, y a la derecha cada secci\u00f3n sigue un patr\u00f3n de llamados a la acci\u00f3n num\u00e9ricos que con una imagen Cada uno invita al usuario a recorrer todo el contenido del sitio sin perderse.<\/p>\n
<\/p>\n
![\"woodwork-inicio\"](\"http:\/\/www.tusclicks.cl\/blog\/wp-content\/uploads\/2013\/08\/woodwork-inicio.png\")
<\/a><\/p>\n![\"quarter-rest-studios-inicio\"](\"http:\/\/www.tusclicks.cl\/blog\/wp-content\/uploads\/2013\/08\/quarter-rest-studios-inicio.png\")
<\/a><\/p>\n