SlideShare une entreprise Scribd logo
1  sur  56
PÁGINAS
WEB
INCREÍBLES
índice

introducción // 3
qué debe tener una página web increíble// 4
cómo utilizar este eBook // 6
e-commerce // 7
entretenimiento, arte y medios // 15
empresas y ONG’s // 22
herramientas web // 27
animaciones y juegos // 31
curiosidades // 37
navegación increíble // 40
mejor uso de la fotografía // 45
diseño // 51
introducción
Alguna vez ha escuchado la frase “la primera impresión es la que cuenta”. No sé si en todas las áreas
aplica, pero por lo menos en cuanto a lo que experimentamos cuando alguien visita nuestra página web,
si se cumple. Las segundas oportunidades no existen. Por eso hemos seleccionado 40 ejemplos de
páginas web grandiosas, de diferentes sectores para que se inspire, tome ideas y las implemente en su
sitio web.
En cada una de estas páginas encontrará un común denominador: desde el home están ofreciendo su
propuesta de valor y producen un altísimo impacto. Le están enviando a su visitante un mensaje
concreto: ¡Llegó al lugar correcto, acá tenemos lo que necesita! Porque si a un nuevo usuario no le gusta
lo que encuentra, su reacción instintiva será dar clic en el botón "back".
Para evitar perderlo debe proporcionarle respuestas rápidas a las siguientes preguntas que él, de
manera inconsciente, se hará una vez esté en la página de inicio: ¿Qué es esto? ¿Qué puedo hacer aquí?
¿Qué tienen en este sitio? ¿Por qué debería estar aquí y no en otro lugar?.
Es cierto que diseñar, crear y mantener un sitio web no es tarea fácil. No existe el sitio perfecto, pero
estamos seguros de que el ver las páginas ganadoras de premios tan importantes como el
aWWWAWards o que han recibido reconocimiento de la revista Time, le servirán de guía.
¿qué debe tener una
página web increíble?
Aunque hay varios criterios que son fundamentales para lograr impacto, conseguir tráfico y lograr
conversión (lo invitamos a revisar en este artículo), hemos destacado estos 4 para seleccionar las que
aparecen en esta colección:

Contenido:

Recursos (multimedia o texto) que llaman la atención del visitante a permanecer en la página por su
relevancia. Adicional es importante que su estilo de presentación sea tan “vendedor” que lleve a
hacer una acción determinada: comprar, compartir, etc.
También se tuvo en cuenta que los sitios web tuvieran un blog actualizado y con contenido de
calidad, pues esto contribuye a incrementar las visitas, la conversión y la fidelización de los visitantes.
Usabilidad:

Hace referencia a lo sencillo que resulta para un usuario encontrar lo que busca o hacer lo que
quiere en una página web. Hay varias preguntas para hacerse, pero algunas de las más importantes
son: ¿Cuál es el contenido más importante? ¿El usuario puede identificarlo en menos de 8
segundos?, ¿Se ve claramente lo que ofrece la empresa?, ¿La Tipografía es clara y contrasta con el
fondo?, ¿Se puede llegar fácilmente al home desde cualquier página?, entre otros.

Diseño:

Además de la creatividad, originalidad e interactividad, hay un criterio indispensable y es si esa
página está adaptada a cualquier dispositivo. ¿Cómo se ve la información si ingresó desde un
smartphone o una tableta?
Otros aspectos a tener en cuenta son la calidad de las imágenes (relación con el producto que
ofrecen) y el lenguaje de programación utilizado, pues de esto último depende su compatibilidad
con diferentes exploradores, la velocidad de carga, etc.

Conversión:
SALE

Para cumplir con este criterio, el sitio se debe estructurar de manera que los usuarios hagan lo que
queremos, ya sea agregar un artículo al carrito de compra, diligenciar un formulario y/o descargar
cierta información. Esto se logra mediante diseños adecuados que atiendan cada uno de los
diferentes perfiles y la ubicación de Llamados a la Acción (CTA) en sitios estratégicos.
¿cómo utilizar este eBook?
En la parte superior de cada página web seleccionada verá que hemos destacado algunos de los siguientes
íconos, lo que quiere decir que esa página cumple ese (os) criterio (s):

SALE

Contenido

Usabilidad

Diseño

Conversión

Por ejemplo, cuando los 3 primeros íconos están grises y sólo el de contenido se ve color naranja, significa
que esa página SOBRESALE por ese aspecto, pero con esto no queremos decir que los otros sean
deficientes, porque en la colección hemos seleccionado sitios web increíbles para inspirarlos.

SALE
e-commerce
1

SALE

Saturdays

En una Tienda Virtual es indispensable que las imágenes, el contenido y la navegación
lleven a realizar la acción clave: comprar. Definitivamente este sitio lo ha logrado.
2

SALE

Outgrow.me

Aunque con un diseño sencillo, este sitio se destaca porque es el primer marketplace
que ofrece productos que se financiaron por crowfounding. ¡Eso lo hace único!
3

SALE

Hukkster

Sobrio, elegante y efectivo. Sin necesidad de saturar la atención del visitante, muestra
con claridad su oferta y destaca perfectamente su CTA (Llamado a la Acción).
4

SALE

Goldbely

Una mezcla llamativa y poderosa de recursos multimedia (fotos y vídeos), hacen de
este sitio web uno de los más increíbles y “tentadores” para comprar.
5

SALE

Marshall

Sin lugar a dudas la tipografía, las imágenes y los colores de este sitio web identifican
con claridad la esencia de esta marca. ¡Nada quedó al azar!
6

SALE

The Grommet

Lo que define a este sitio web es la coherencia. La tipografía, las fotos y los CTA
(Call-to-Action) están perfectamente sincronizados con lo que venden.
7

SALE

Luhse Tea

Este sitio rompe con los esquemas de lo que uno se esperaría encontrar en una página de
venta de artículos de té. Sus ilustraciones y los íconos de su menú motivan a conocer más.
entretenimiento,
arte y medios
8

SALE

Sound Cloud

A esta página le dan el calificativo de la Flickr de la Música. En esta comunidad
compartir sonidos es tan fácil como escucharlos. Además su herramienta para
visualizar la reproducción es única y llamativa.
9

SALE

Naive

Este sitio demuestra que no sólo tiene una excelente estructura y contenido,
sino que también han cuidado los detalles en la navegación y en el diseño.
10

SALE

DuJour

Esta página lograr transmitir con claridad que es un magazine, pero combina
perfectamente las buenas practicas: contenido de calidad, llamados a la acción y fotos de impacto.
11

SALE

Tattoo Sound

No sólo la foto de su página principal es descrestante, sino también la disposición
de su menú, la navegación y la originalidad para “vender” su contenido.
12

SALE

At60 inches

Sin la menor discusión, está página se destacada por un diseño increíble, que desde
la página de inicio logra transmitir múltiples emociones.
13

SALE

Clouds Over Cuba

Con una espectacular foto de inicio y sólo con la información precisa, esta página
cumple su objetivo: llevarnos a ver el documental.
empresas y ONG’s
14

SALE

Digital Public Library of America

Esta exhibición virtual se destaca prinicipalmente por la forma en la que ha organizado su contenido y
por las herramientas complementarias que utiliza para ayudarle al visitante a profundizar.
15

SALE

ICRW.ORG

Con una espectacular fotografía y una frase “poderosa”, esta página lograr
transmitir su mensaje de un solo vistazo. ¡Por supuesto también motiva a hacer la donación!
16

SALE

Medair

La combinación entre un excelente menú, llamados a la acción estratégicamente
ubicados (CTA) y un buen contenido, hacen de esta página una de las mejores del 2013
17

SALE

The BroadMoor

Este sitio es sencillo, pero su página de inicio es extramadamente efectiva gracias
a las fotos espectaculares de fondo que van cambiando. Las fuentes y hasta los
botones de redes sociales entran en armonia con la sobriedad de este diseño.
herramientas web
18

SALE

KidRex

Sencillez y efectividad, combinadas con un diseño original, convierten a este
buscados en una herramienta perfecta para niños y padres.
19

SALE

MailChimp

La herramienta preferida para e-mail marketing, cuenta con una página de inicio que
motiva al visitante por medio de una animación para explicar lo fácil que resulta usarla.
20

SALE

TedEd
Además de tener un diseño impecable, este sitio web permite al usuario realizar videos
educativos en segundos, utilizando una galería de YouTube y otras herramientas espectaculares.
animaciones y
juegos
21

SALE

Soleilnoir

Gracias a una mezcla perfecta entre animación y navegación, este sitio brinda una
experiencia “divertida” y “entretenida”.
22

SALE

Contrejour
Como en una película de Tim Burton, las ilustraciones y animaciones de esta página
son misteriosas pero muy llamativas. Les aseguro que estarán varios minutos jugando...
23

SALE

HelloMonday

Cuando usted ve la autenticidad de este diseño, las animaciones maravillosas y la magia
de su navegación, entiende porque ganó como Página Web del año (AWWWards).
24

SALE

Jacquico

El diseño brillante del “Look and Feel” de esta página y la
interactividad que le brinda al visitante, logran la combinación perfecta.
25

SALE

Pottermore

Cuando usted ingresa a esta Página Web se siente como si estuviera en la
película de Harry Potter. Cada detalle es perfecto y lo mejor es la forma en la que
logran involucrar al usuario.¡Tiene que experimentarlo usted mismo!
curiosidades
26

SALE

Distancetomars

Este es un sitio creativo, único y educativo, que le da una idea muy clara de cuál
es la distancia que hay hasta Marte. Por medio de un viaje interactivo, a través de
los pixeles de la página, se dará una idea de lo lejos que estamos.
27

SALE

5secondfilms

Un sitio particular y divertido en el que podrá disfrutar de una gran variedad de películas.
Si vive acelerado no se preocupe, sólo necesita 5 segundos para ver cada uno.
navegación
increíble
28

SALE

AtHome

Empezando por la página de inicio, la navegación de este sitio lo llevará a un viaje a
través de historias que despertarán su sensibilidad. No se irá hasta finalizar.
29

SALE

Mini

Sólo con la ayuda de su mouse, descubrirá las bondades de este producto, por medio
de unas animaciones deslumbrantes.
30

SALE

Marco Rosella

Es fascinante ver cómo el botón de navegación se sincroniza con las animaciones y
lo lleva a descubrir un contenido espectacular.
31

SALE

ParaNorman
Gracias a su CTA de inicio, al menú de navegación y al contenido con imágenes muy
llamativas, este sitio web no lo deja ir sin que vea por lo menos el trailer de la película.
mejor uso de la
fotografía
32

SALE

Humans of New York

Esta página le brindará una gran experiencia por medio de sus imágenes de alta calidad
y gracias a las historias que encontrará en cada rincón.
33

SALE

Visit Denmark

Gracias a cientos de fotos espectaculares y al uso adecuado de categorías,
puede tener un recorrido virtual por Dinamarca y quedar asombrado.
34

SALE

MyProvence

Así como aparece en el home, al ingresar a esta página usted
querrá cuanto antes empezar la experiencia. Se sorprenderá con la navegación,
la utilización de recursos multimedia y la interacción.
35

SALE

The Last Hunt

Dese el inicio las fotos son espectaculares, pero lo que lo va a dejar sin aliento es
la forma en la que le irán contando la historia. Música, Ilustraciones, claridad en la
navegación, interactividad y un gran contenido.
36

SALE

Rei

Esta es una de las páginas más novedosas de esta selección, porque además de
generar comunidad gracias a que los usuarios pueden cargar sus fotos, las exhibe por
medio de una línea de tiempo fantástica que le permite al visitante interactuar.
diseño
37

SALE

Blacknegative
En esta página confluyen la perfección y la elegancia. A través de la navegación se encontrará
con sorpresas, pero siempre verá un diseño impecable y escuchará una música majestuosa.
38

SALE

Lexus

Cada uno de los elementos de esta página se encuentran relacionados
con las características del producto que ofrece esta empresa. El menú, las
fotos y la navegación evocan un viaje veloz y sorprendente.
39

SALE

One Small Tweet

Los visitantes podrán recrear las millas del viaje a la luna por medio de tweets. Esta
página tiene contenido de valor, una gran animación e interactividad con redes sociales.
40

SALE

Bryant Park Hotel

La página de este hotel se centro en dos atributos fundamentales: comodidad y elegancia.
Los refleja en sus fotografias de alta resolución y en la sencillez de su menú y de los CTA.
En Carvajal Información
tenemos múltiples opciones
que se adaptan a las
necesidades de su negocio.
Con nuestras soluciones de
presencia digital recibirá
mucho más que una
página web
SOLICITE UNA ASESORÍA
GRATUITA

Contenu connexe

Similaire à 40 sitios web increíbles (20)

Las Claves En La Construccion De Un Sitio Web
Las  Claves En La  Construccion De Un  Sitio  WebLas  Claves En La  Construccion De Un  Sitio  Web
Las Claves En La Construccion De Un Sitio Web
 
Webby Awards
Webby AwardsWebby Awards
Webby Awards
 
Diseño web & UX
Diseño web & UXDiseño web & UX
Diseño web & UX
 
04 Comercio Electrónico y creación de imagen de marca
04 Comercio Electrónico y creación de imagen de marca04 Comercio Electrónico y creación de imagen de marca
04 Comercio Electrónico y creación de imagen de marca
 
Comercio Electrónico
Comercio ElectrónicoComercio Electrónico
Comercio Electrónico
 
Páginas Web
Páginas WebPáginas Web
Páginas Web
 
Seminario Marketing Digital
Seminario Marketing DigitalSeminario Marketing Digital
Seminario Marketing Digital
 
Taller EMI 3
Taller EMI 3Taller EMI 3
Taller EMI 3
 
Manual DE MARCA UIOCrea
Manual DE MARCA UIOCreaManual DE MARCA UIOCrea
Manual DE MARCA UIOCrea
 
Manual UIOCrea
Manual UIOCreaManual UIOCrea
Manual UIOCrea
 
Evaluar un sitio web
Evaluar un sitio webEvaluar un sitio web
Evaluar un sitio web
 
Comercio electrónico. Análisis de cómo el diseño web influye en los factores ...
Comercio electrónico. Análisis de cómo el diseño web influye en los factores ...Comercio electrónico. Análisis de cómo el diseño web influye en los factores ...
Comercio electrónico. Análisis de cómo el diseño web influye en los factores ...
 
10 Elementos de tu Sitio Web de Negocios
10 Elementos de tu Sitio Web de Negocios10 Elementos de tu Sitio Web de Negocios
10 Elementos de tu Sitio Web de Negocios
 
Examen transversal
Examen transversalExamen transversal
Examen transversal
 
Pasos para analizar hoy tu sitio web (2)
Pasos para analizar hoy tu sitio web (2)Pasos para analizar hoy tu sitio web (2)
Pasos para analizar hoy tu sitio web (2)
 
Taller emi
Taller emiTaller emi
Taller emi
 
YOLA
YOLAYOLA
YOLA
 
Yola
YolaYola
Yola
 
Marketing On Line II
Marketing On Line IIMarketing On Line II
Marketing On Line II
 
Webby awards
Webby awards Webby awards
Webby awards
 

Plus de Attraction - Inbound & Content Marketing (8)

Ventas Sociales y Digitales
Ventas Sociales y DigitalesVentas Sociales y Digitales
Ventas Sociales y Digitales
 
Cómo tener una Página Web que atraiga, venda y conquiste
Cómo tener una Página Web que atraiga, venda y conquisteCómo tener una Página Web que atraiga, venda y conquiste
Cómo tener una Página Web que atraiga, venda y conquiste
 
¿Qué esperan los Millenials de una Pagina Web?
¿Qué esperan los Millenials de una Pagina Web?¿Qué esperan los Millenials de una Pagina Web?
¿Qué esperan los Millenials de una Pagina Web?
 
Grandes empresarios y grandes desafíos
Grandes empresarios y grandes desafíosGrandes empresarios y grandes desafíos
Grandes empresarios y grandes desafíos
 
Presentación retencion de clientes
Presentación retencion de clientesPresentación retencion de clientes
Presentación retencion de clientes
 
Aprenda a invertir de manera efectiva su Presupuesto publicitario
Aprenda a invertir de manera efectiva su Presupuesto publicitarioAprenda a invertir de manera efectiva su Presupuesto publicitario
Aprenda a invertir de manera efectiva su Presupuesto publicitario
 
Presentación Webinar Publicidad Móvil
Presentación Webinar Publicidad MóvilPresentación Webinar Publicidad Móvil
Presentación Webinar Publicidad Móvil
 
Infografia evolución positiva del e-commerce en Colombia
Infografia evolución positiva del e-commerce en ColombiaInfografia evolución positiva del e-commerce en Colombia
Infografia evolución positiva del e-commerce en Colombia
 

Dernier

PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptMiguelAtencio10
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELmaryfer27m
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxAlexander López
 
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxGoogle-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxAlexander López
 
Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..RobertoGumucio2
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxJOSEMANUELHERNANDEZH11
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxJOSEFERNANDOARENASCA
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMidwarHenryLOZAFLORE
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptJavierHerrera662252
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaarkananubis
 

Dernier (20)

PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
 
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxGoogle-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
 
Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptx
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptx
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptx
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en mina
 

40 sitios web increíbles

  • 2. índice introducción // 3 qué debe tener una página web increíble// 4 cómo utilizar este eBook // 6 e-commerce // 7 entretenimiento, arte y medios // 15 empresas y ONG’s // 22 herramientas web // 27 animaciones y juegos // 31 curiosidades // 37 navegación increíble // 40 mejor uso de la fotografía // 45 diseño // 51
  • 3. introducción Alguna vez ha escuchado la frase “la primera impresión es la que cuenta”. No sé si en todas las áreas aplica, pero por lo menos en cuanto a lo que experimentamos cuando alguien visita nuestra página web, si se cumple. Las segundas oportunidades no existen. Por eso hemos seleccionado 40 ejemplos de páginas web grandiosas, de diferentes sectores para que se inspire, tome ideas y las implemente en su sitio web. En cada una de estas páginas encontrará un común denominador: desde el home están ofreciendo su propuesta de valor y producen un altísimo impacto. Le están enviando a su visitante un mensaje concreto: ¡Llegó al lugar correcto, acá tenemos lo que necesita! Porque si a un nuevo usuario no le gusta lo que encuentra, su reacción instintiva será dar clic en el botón "back". Para evitar perderlo debe proporcionarle respuestas rápidas a las siguientes preguntas que él, de manera inconsciente, se hará una vez esté en la página de inicio: ¿Qué es esto? ¿Qué puedo hacer aquí? ¿Qué tienen en este sitio? ¿Por qué debería estar aquí y no en otro lugar?. Es cierto que diseñar, crear y mantener un sitio web no es tarea fácil. No existe el sitio perfecto, pero estamos seguros de que el ver las páginas ganadoras de premios tan importantes como el aWWWAWards o que han recibido reconocimiento de la revista Time, le servirán de guía.
  • 4. ¿qué debe tener una página web increíble? Aunque hay varios criterios que son fundamentales para lograr impacto, conseguir tráfico y lograr conversión (lo invitamos a revisar en este artículo), hemos destacado estos 4 para seleccionar las que aparecen en esta colección: Contenido: Recursos (multimedia o texto) que llaman la atención del visitante a permanecer en la página por su relevancia. Adicional es importante que su estilo de presentación sea tan “vendedor” que lleve a hacer una acción determinada: comprar, compartir, etc. También se tuvo en cuenta que los sitios web tuvieran un blog actualizado y con contenido de calidad, pues esto contribuye a incrementar las visitas, la conversión y la fidelización de los visitantes.
  • 5. Usabilidad: Hace referencia a lo sencillo que resulta para un usuario encontrar lo que busca o hacer lo que quiere en una página web. Hay varias preguntas para hacerse, pero algunas de las más importantes son: ¿Cuál es el contenido más importante? ¿El usuario puede identificarlo en menos de 8 segundos?, ¿Se ve claramente lo que ofrece la empresa?, ¿La Tipografía es clara y contrasta con el fondo?, ¿Se puede llegar fácilmente al home desde cualquier página?, entre otros. Diseño: Además de la creatividad, originalidad e interactividad, hay un criterio indispensable y es si esa página está adaptada a cualquier dispositivo. ¿Cómo se ve la información si ingresó desde un smartphone o una tableta? Otros aspectos a tener en cuenta son la calidad de las imágenes (relación con el producto que ofrecen) y el lenguaje de programación utilizado, pues de esto último depende su compatibilidad con diferentes exploradores, la velocidad de carga, etc. Conversión: SALE Para cumplir con este criterio, el sitio se debe estructurar de manera que los usuarios hagan lo que queremos, ya sea agregar un artículo al carrito de compra, diligenciar un formulario y/o descargar cierta información. Esto se logra mediante diseños adecuados que atiendan cada uno de los diferentes perfiles y la ubicación de Llamados a la Acción (CTA) en sitios estratégicos.
  • 6. ¿cómo utilizar este eBook? En la parte superior de cada página web seleccionada verá que hemos destacado algunos de los siguientes íconos, lo que quiere decir que esa página cumple ese (os) criterio (s): SALE Contenido Usabilidad Diseño Conversión Por ejemplo, cuando los 3 primeros íconos están grises y sólo el de contenido se ve color naranja, significa que esa página SOBRESALE por ese aspecto, pero con esto no queremos decir que los otros sean deficientes, porque en la colección hemos seleccionado sitios web increíbles para inspirarlos. SALE
  • 8. 1 SALE Saturdays En una Tienda Virtual es indispensable que las imágenes, el contenido y la navegación lleven a realizar la acción clave: comprar. Definitivamente este sitio lo ha logrado.
  • 9. 2 SALE Outgrow.me Aunque con un diseño sencillo, este sitio se destaca porque es el primer marketplace que ofrece productos que se financiaron por crowfounding. ¡Eso lo hace único!
  • 10. 3 SALE Hukkster Sobrio, elegante y efectivo. Sin necesidad de saturar la atención del visitante, muestra con claridad su oferta y destaca perfectamente su CTA (Llamado a la Acción).
  • 11. 4 SALE Goldbely Una mezcla llamativa y poderosa de recursos multimedia (fotos y vídeos), hacen de este sitio web uno de los más increíbles y “tentadores” para comprar.
  • 12. 5 SALE Marshall Sin lugar a dudas la tipografía, las imágenes y los colores de este sitio web identifican con claridad la esencia de esta marca. ¡Nada quedó al azar!
  • 13. 6 SALE The Grommet Lo que define a este sitio web es la coherencia. La tipografía, las fotos y los CTA (Call-to-Action) están perfectamente sincronizados con lo que venden.
  • 14. 7 SALE Luhse Tea Este sitio rompe con los esquemas de lo que uno se esperaría encontrar en una página de venta de artículos de té. Sus ilustraciones y los íconos de su menú motivan a conocer más.
  • 16. 8 SALE Sound Cloud A esta página le dan el calificativo de la Flickr de la Música. En esta comunidad compartir sonidos es tan fácil como escucharlos. Además su herramienta para visualizar la reproducción es única y llamativa.
  • 17. 9 SALE Naive Este sitio demuestra que no sólo tiene una excelente estructura y contenido, sino que también han cuidado los detalles en la navegación y en el diseño.
  • 18. 10 SALE DuJour Esta página lograr transmitir con claridad que es un magazine, pero combina perfectamente las buenas practicas: contenido de calidad, llamados a la acción y fotos de impacto.
  • 19. 11 SALE Tattoo Sound No sólo la foto de su página principal es descrestante, sino también la disposición de su menú, la navegación y la originalidad para “vender” su contenido.
  • 20. 12 SALE At60 inches Sin la menor discusión, está página se destacada por un diseño increíble, que desde la página de inicio logra transmitir múltiples emociones.
  • 21. 13 SALE Clouds Over Cuba Con una espectacular foto de inicio y sólo con la información precisa, esta página cumple su objetivo: llevarnos a ver el documental.
  • 23. 14 SALE Digital Public Library of America Esta exhibición virtual se destaca prinicipalmente por la forma en la que ha organizado su contenido y por las herramientas complementarias que utiliza para ayudarle al visitante a profundizar.
  • 24. 15 SALE ICRW.ORG Con una espectacular fotografía y una frase “poderosa”, esta página lograr transmitir su mensaje de un solo vistazo. ¡Por supuesto también motiva a hacer la donación!
  • 25. 16 SALE Medair La combinación entre un excelente menú, llamados a la acción estratégicamente ubicados (CTA) y un buen contenido, hacen de esta página una de las mejores del 2013
  • 26. 17 SALE The BroadMoor Este sitio es sencillo, pero su página de inicio es extramadamente efectiva gracias a las fotos espectaculares de fondo que van cambiando. Las fuentes y hasta los botones de redes sociales entran en armonia con la sobriedad de este diseño.
  • 28. 18 SALE KidRex Sencillez y efectividad, combinadas con un diseño original, convierten a este buscados en una herramienta perfecta para niños y padres.
  • 29. 19 SALE MailChimp La herramienta preferida para e-mail marketing, cuenta con una página de inicio que motiva al visitante por medio de una animación para explicar lo fácil que resulta usarla.
  • 30. 20 SALE TedEd Además de tener un diseño impecable, este sitio web permite al usuario realizar videos educativos en segundos, utilizando una galería de YouTube y otras herramientas espectaculares.
  • 32. 21 SALE Soleilnoir Gracias a una mezcla perfecta entre animación y navegación, este sitio brinda una experiencia “divertida” y “entretenida”.
  • 33. 22 SALE Contrejour Como en una película de Tim Burton, las ilustraciones y animaciones de esta página son misteriosas pero muy llamativas. Les aseguro que estarán varios minutos jugando...
  • 34. 23 SALE HelloMonday Cuando usted ve la autenticidad de este diseño, las animaciones maravillosas y la magia de su navegación, entiende porque ganó como Página Web del año (AWWWards).
  • 35. 24 SALE Jacquico El diseño brillante del “Look and Feel” de esta página y la interactividad que le brinda al visitante, logran la combinación perfecta.
  • 36. 25 SALE Pottermore Cuando usted ingresa a esta Página Web se siente como si estuviera en la película de Harry Potter. Cada detalle es perfecto y lo mejor es la forma en la que logran involucrar al usuario.¡Tiene que experimentarlo usted mismo!
  • 38. 26 SALE Distancetomars Este es un sitio creativo, único y educativo, que le da una idea muy clara de cuál es la distancia que hay hasta Marte. Por medio de un viaje interactivo, a través de los pixeles de la página, se dará una idea de lo lejos que estamos.
  • 39. 27 SALE 5secondfilms Un sitio particular y divertido en el que podrá disfrutar de una gran variedad de películas. Si vive acelerado no se preocupe, sólo necesita 5 segundos para ver cada uno.
  • 41. 28 SALE AtHome Empezando por la página de inicio, la navegación de este sitio lo llevará a un viaje a través de historias que despertarán su sensibilidad. No se irá hasta finalizar.
  • 42. 29 SALE Mini Sólo con la ayuda de su mouse, descubrirá las bondades de este producto, por medio de unas animaciones deslumbrantes.
  • 43. 30 SALE Marco Rosella Es fascinante ver cómo el botón de navegación se sincroniza con las animaciones y lo lleva a descubrir un contenido espectacular.
  • 44. 31 SALE ParaNorman Gracias a su CTA de inicio, al menú de navegación y al contenido con imágenes muy llamativas, este sitio web no lo deja ir sin que vea por lo menos el trailer de la película.
  • 45. mejor uso de la fotografía
  • 46. 32 SALE Humans of New York Esta página le brindará una gran experiencia por medio de sus imágenes de alta calidad y gracias a las historias que encontrará en cada rincón.
  • 47. 33 SALE Visit Denmark Gracias a cientos de fotos espectaculares y al uso adecuado de categorías, puede tener un recorrido virtual por Dinamarca y quedar asombrado.
  • 48. 34 SALE MyProvence Así como aparece en el home, al ingresar a esta página usted querrá cuanto antes empezar la experiencia. Se sorprenderá con la navegación, la utilización de recursos multimedia y la interacción.
  • 49. 35 SALE The Last Hunt Dese el inicio las fotos son espectaculares, pero lo que lo va a dejar sin aliento es la forma en la que le irán contando la historia. Música, Ilustraciones, claridad en la navegación, interactividad y un gran contenido.
  • 50. 36 SALE Rei Esta es una de las páginas más novedosas de esta selección, porque además de generar comunidad gracias a que los usuarios pueden cargar sus fotos, las exhibe por medio de una línea de tiempo fantástica que le permite al visitante interactuar.
  • 52. 37 SALE Blacknegative En esta página confluyen la perfección y la elegancia. A través de la navegación se encontrará con sorpresas, pero siempre verá un diseño impecable y escuchará una música majestuosa.
  • 53. 38 SALE Lexus Cada uno de los elementos de esta página se encuentran relacionados con las características del producto que ofrece esta empresa. El menú, las fotos y la navegación evocan un viaje veloz y sorprendente.
  • 54. 39 SALE One Small Tweet Los visitantes podrán recrear las millas del viaje a la luna por medio de tweets. Esta página tiene contenido de valor, una gran animación e interactividad con redes sociales.
  • 55. 40 SALE Bryant Park Hotel La página de este hotel se centro en dos atributos fundamentales: comodidad y elegancia. Los refleja en sus fotografias de alta resolución y en la sencillez de su menú y de los CTA.
  • 56. En Carvajal Información tenemos múltiples opciones que se adaptan a las necesidades de su negocio. Con nuestras soluciones de presencia digital recibirá mucho más que una página web SOLICITE UNA ASESORÍA GRATUITA