19 ejemplos de páginas web para inspirarte a construir la tuya [Guía 2021]
Hay 2 cosas en común que tenemos todos los emprendedores, empresarios y soñadores cuando estamos comenzando:
- Tenemos que tener un sitio web para nuestro emprendimiento.
- Inspiración para poder construir esa página web.
Yo pase por ahí varias veces.
A través de los años, he apoyado a decenas de emprendedores a crear su producto.
Desde sitios web personales hasta soluciones de e-commerce y muchas, muchas apps.
Y todos esos escenarios tienen el mismo denominador:
¿Por dónde empiezo? ¿Cómo se debe ver mi sitio web? Dónde encuentro ideas de páginas web que se vean bien y sean exitosas?
Pero comenzar el viaje no es tan fácil como parece.
Requerimos conocimiento, inspiración, y sobre todo referencias: ejemplos de páginas web bien construidas, bien diseñadas y usables.
Y la razón para buscar esa inspiración es que muchos se equivocan pensando que entre más galerías, sliders, carruseles y demás, tu sitio se verá mejor.
Todo lo contrario.
Lo diré hoy y siempre:
MANTENLO SIMPLE.
Entremos en materia:
Lo primero, es entender que crear tu presencia en línea no es opcional.
Si no estás en Internet no existes.
Frase cliché pero cierta.
Tener una página web es absolutamente necesario.
El centro de operaciones de tu negocio debe ser un sitio web con una arquitectura de información bien definida, optimizado para que Google lo ame y enfocadas en convertir visitas en clientes.
He visto como en los últimos 5 o 6 años, muchos emprendedores basan sus negocios en redes sociales, especialmente Instagram y Facebook.
NO, NO y NO.
Basar un negocio en redes sociales es como construir una casa sobre arena.
Historias de terror de Facebook e Instagram cerrando cuentas sin razón están por toda la red.
Deja que las redes alimenten tu presencia y fortalezcan tu sitio web.
No al revés.
Además…
“Se estima que 1.920 millones de personas compran algo en línea”
Y aunque grandes jugadores como Amazon, Alibaba, EBay y otros cientos de “marketplaces” ayudan muchísimo a vender productos, no ayudan mucho con eso de que tus clientes conozcan el valor de tu empresa y tu marca.
Pero volvamos al objetivo de este artículo.
Sabemos la importancia de un sitio web pero no sabemos crear un balance ideal entre funcionalidad, creatividad y más importante aún: que venda.
Este artículo te mostrará ejemplos de páginas web que te servirán de guía, e inspiración para crear la tuya.
Algunos de estos ejemplos de páginas web han ganado premios internacionales, pero más importante, han logrado posicionarse y convertir a sus visitantes en clientes.
Dedica tiempo y entérate de los famosos “Oscars” de los sitios web Webby, y también dale una mirada al sitio web Awwwards.
Tabla de Contenidos
¿Qué es una página web?
Una página web es un conjunto de información dentro un documento electrónico alojado en un servidor web visible para cualquiera que tenga su dirección URL (localizador de recursos uniforme) y que es capaz de contener videos, imágenes, textos, audios, programas informáticos y enlaces.
Hay sin embargo un uso incorrecto y muy frecuente del término:
Este artículo, por ejemplo, es una página web, pero www.ivansosa.com, en donde está alojada esta página, es un sitio web.
Es muy importante entender la diferencia y utilizar los términos correctamente.
Hay muchos tipos de sitios web.
No ahondaré en esto. Mejor te invito a leer otro artículo que publiqué al respecto, pero esta clasificación además, nos servirá para entender el porqué de los ejemplos de sitios web exitosos que aquí expondré.
En general, los tipos de sitios web son los siguientes:
- Landing Pages
- Web corporativa
- Servicios/portafolio profesional
- Blog
- Portal de noticias o revista
- E-commerce (tiendas en línea, incluidas las expertas en dropshipping)
- SaaS (Software as a service: servicios basados en la nube)
- Portales educativos
- Sitio web personal
¿Cómo elegir el nombre de una página web?
Voy a ponerme un poco poético:
«Lo que llamamos rosa, olería igual con cualquier otro nombre»…
Una frase de la gran obra de Shakespeare, donde Julieta se preguntaba:
¿Qué hay en un nombre?
Pero a diferencia de un nombre de un objeto, una persona o un lugar, un dominio para un sitio web juega un rol demasiado importante para la marca, incluso para el posicionamiento en motores de búsqueda, que puedes mejorar con SEO (Search Engine Optimization).
Al final, lo único que importa es aparecer en Google.
Sin tráfico, tu futuro sitio web no tiene sentido.
El nombre de un sitio web se llama dominio.
El dominio es la dirección del sitio compuesta por el nombre y una extensión; ivansosa es el nombre y .com, la extensión.
Así, mi dominio es ivansosa.com. Y mi empresa ¿cómo se llama? Sosa Prieto Investments LLC.
Bueno, este tema merece un artículo propio, pero voy a resumir lo indispensable a la hora de elegir el dominio de tu sitio web.
- Elige un nombre corto. Aunque se pueden usar hasta 63 caracteres, nadie va a recordar nombres largos. Procura escoger un nombre entre 3 y 12 caracteres. Hay excepciones, pero no suelen funcionar bien.
- Además de corto, procura que sea fácil de entender, pronunciar y escribir.
Están muy de moda los anglicismos, pero si tu público habla español, por ejemplo, evita nombres en inglés. - Es buena idea, aunque no siempre, usar alguna palabra clave de lo que haces si es corta.. Si tu vendes ropa de verano, pues ropadeveranoTUMARCA.com funcionará bien, o si eres barista o fotógrafo, podrás agregar al nombre de tu negocio esas palabras.
- No uses signos, guiones, tildes ni la letra ñ (técnicamente se pueden usar, pero la mayoría de motores de búsqueda, los ignoran), menos abreviaciones como sr, sra, dr o similares. Y los números evítalos en lo posible.
- Cerciórate del nombre de tu negocio y tu dominio. Si alguna otra empresa local o internacional lo usa, es mejor que lo olvides. Los problemas legales pueden ser una pesadilla.
- Elegir la extensión es algo que debes pensar. Si lo encuentras .com. No dudes en comprarlo, pero hay muchas otras extensiones que pueden ser muy útiles. Revisa con calma y elige bien.
- Ten cuidado con los dominios de doble sentido. Evita cometer el error de Kids Exchange, que osó para su sitio web usar el dominio kidsexchange.com y peor, avisos sin definir las palabras. Por fortuna, lo cambió a kids-exchange.com.
- Si ya elegiste un nombre, regístralo y considera registrarlo con varias extensiones. Eso sí, elige bien dónde y por qué. Te invito a enterarte de algunos secretos.
13 absolutamente inspiradores ejemplos de páginas web para que comiences a construir la tuya HOY MISMO.
Bien, vamos a inspirarnos. Te mostraré varios sitios web que sin duda se destacan por su originalidad en su diseño, navegación y en la forma en que inducen al usuario a interactuar (eufemismo para convertirlos en clientes)
Sea por su funcionalidad, el diseño gráfico, el uso de audio y video, pero más importante aún, su estructura de contenidos bien pensada, acorde con su sector de negocios.
Ejemplos de landing page
Una landing page es una página de aterrizaje que muestra informacion sobre un producto o servicio.
Usualmente contiene toda la información necesaria para que el visitante adquiera el servicio.
Spotify
El caso de Spotify es fabuloso.
La mayoría de sus páginas de aterrizaje (un sitio web puede tener varias landing pages) van directo al grano y no es curioso que tanto éxito obtuvo esta landing page, que hoy, es el home de su sitio web.
Su diseño es minimalista y objetivo: una frase provocativa, y digna por sí sola, de un premio.
Un mensaje, menos impactante pero que resalta su propuesta de valor y termina por convencer a cualquier melómano, de hacer clic y obtener un plan, o en su defecto, la versión gratis.
Disney +
Un diseño digno de la marca en una landing page perfecta.
Imágenes de personajes que hablan por sí solas, su promesa de valor dicha: Las mejores historias en un solo lugar.
Las marcas del grupo Disney que literalmente todos conocemos y un CTA que si no haces click, es porque… o no te gusta ver TV ni películas, o no te han pagado aún.
Sitio web corporativo
Si se trata de ideas para páginas web y sitios web, las empresas no se quedan atrás.
Te muestro lo mejor de lo mejor.
AIRBNB
AIRBNB es una empresa reconocida en todo el mundo.
Pero no sólo ha logrado, a pesar de la pandemia, ser uno de los negocios innovadores más relevantes de nuestros tiempos, sino que ha hecho un trabajo impecable con su sitio web.
Su diseño es fabuloso, pero lo más destacable, es su fácil navegación y su muy conciso mensaje: buscar un lugar para hospedarte de forma ridículamente fácil y no tan caro como un hotel.
Su buscador es único y siempre presente, un CTA o llamado a la acción con las mejores recomendaciones de destinos, un menú claro y directo para huéspedes y anfitriones y muchos llamados a explorar lugares y tipos de hospedaje que te dejarán listo para irte a viajar.
Ni hablar de su mapa de navegación, donde podrás encontrar toda la información relacionada con la empresa, oportunidades de trabajo, prensa, la fundación airbnb y mucho más.
Yamauchi No.10 Family Office
Vuélvete loco conmigo.
Este sitio web es una genialidad.
Y sí, rompe con muchas de las reglas que mencioné más arriba… su nombre (dominio), no hay llamados a la acción, es medianamente difícil de navegar…
Pero como dicen en la famosa y graciosa película The Longest Yard (Golpe bajo), vale cada maldito segundo navegarla.
Además, ganó el premio al mejor sitio web del día 6 de mayo de 2021 y seguro se lleva el del mejor del año de los Awwards.
¿Por qué?
Su diseño es único, son japoneses y es una incubadora de negocios enfocados en videojuegos, tecnología y todas esas maravillas del país del sol naciente.
Si lo tuyo es la creatividad desbordada y haces videojuegos, videos, comerciales o similares, te va a llenar de inspiración.
Sitio web de servicios/portafolio profesional
Esta categoría la considero intermedia entre los sitios web corporativos y los personales.
Tengo una razón: las PYMES o medianas y pequeñas empresas.
No me atrevo a quitarles el título de corporación, pero…
Agencias de diseño, restaurantes, servicios profesionales en derecho, medicina, deportes… suelen tener su sitio web diseñado como un portafolio de servicios (incluyendo productos resultado de su expertise) que muestran el por qué son los mejores.
Veámos.
Synchronizer Studio
Este sitio web, ganador al mejor sitio web del año en la categoría Web & Interactivo, es lo que yo llamo la joya de la corona.
Digno de un Estudio creativo expertos en diseño web, dirección de arte, fotografía, diseño de apps, video, motion graphics y contenidos, su mejor cliente sin duda son ellos mismos.
Quizás no “cumple” con ciertos parámetros, pero muestra lo que tiene que mostrar: una creatividad insuperable.
Toda la animación, el cargador del sitio web, los elementos gráficos y el diseño en general, son una obra, por no decir menos, de arte.
Matraka
Este sitio web es mejor que lo veas con tus propios ojos. Es un ejemplo de portafolio, aunque no sea precisamente una empresa pequeña.
El diseño es en sí una experiencia.
El balance perfecto en navegación, estética y exposición de los servicios, clientes y casos de éxito, son sin duda, un muy buen ejemplo e inspiración para que crees tu sitio web con los más altos estándares.
Y no quiero olvidar contarte que este sitio web, ganó uno de los premios LAD Design – Latin American Design a mejor diseño web profesional en 2019.
Blog
Aunque el blog es una herramienta muy frecuente en muchos tipos de sitios web, especialmente por el valor increíble que genera una estrategia de blog marketing, hay sitios web que son exclusivamente un blog.
Artículos especializados en diferentes temas, opiniones políticas, críticos de todo tipo de arte, tecnología, gastronomía… es un mundo infinito.
Vamos a ver.
IDEO – The Octopus
Este blog merece todos los aplausos. Creativo, dinámico, un diseño moderno y minimalista pero que usa la animación para resaltar y crear la experiencia de usuario más agradable posible.
Ganador del premio Webby 2019 al mejor blog de negocios/website, es sin duda una inspiración estupenda para todas las páginas web creativas que quieres construir.
Portal de noticias o revista
Periódicos, revistas y portales de noticias e información para enterarse qué pasa en el mundo, aunque haya casos especializados en deporte, ciencia, arte, política y otros tantos temas de interés general.
Exploremos.
Vanity Fair
Otro ganador de los premios Webby, esta vez en la categoría Sitio web/ Magazine 2021, es Vanity Fair.
Aunque el sitio original se realizó en inglés, con el alcance de esta revista, su versión en español es exactamente igual y merece igualmente los aplausos.
Diseño simple, dedicado al usuario pero sin perder todos los valores funcionales, comerciales y estéticos que caracterizan a una de las revistas fashionistas más importantes del mundo.
E-commerce (tiendas en línea, incluidas las expertas en dropshipping)
El negocio digital por excelencia. Las tiendas en línea son muchísimas y se especializan en muy variados productos.
Según Statista, los compradores digitales se han multiplicado exponencialmente en los últimos años.
El retail o comercialización masiva de productos, en este caso, de forma digital, ha pasado de $1.84 billones de dólares en 2016, a USD$4,40 billones.
El pronóstico para 2023, es de $6,54 billones de dólares. ¿Nada despreciable verdad?
¿Pero cómo logran las tiendas en línea tantas ventas?
Bueno, Amazon, Ebay y Alibaba, entre otros monstruos, son los que lo logran, pero las pequeñas tiendas se llevan una parte del pastel, ya sea con dropshipping o con productos únicos.
Pero no solamente con productos buenos o de moda… sino con un sitio web bien hecho.
¡Inspírate!
Mammut Expedition Baikal
Vaya e-commerce. Te aseguro que no has visto nada igual.
Lo pongo en esta lista por una razón: es único. No es la típica tienda en línea, no tiene el típico catálogo, ni siquiera parece una tienda.
Y si, no es precisamente un ejemplo que reúna todos los valores ideales de un sitio web que vende productos, pero…
Se ganó el premio al mejor sitio web del año en 2020 en la categoría e-commerce de Awwwards y tiene todo lo necesario para atraparte y antojarte de comprar esos productos especializados en montañismo/alpinismo usados en la expedición Baikal.
Sí, es un sitio específico de una expedición que vende productos. Pero te sorprenderá ver la tienda oficial de la marca Mammut… tan bien hecha como ese premio más que merecido.
Gaia Design
Hay premios exclusivos para plataformas e-commerce en América latina.
En este caso, los e-commerce awards del eCommerce Institute.
Así que imaginarás qué califican: diseño, alcance, ventas…
Y el premio incluye un sello de calidad muy exclusivo para lucir si eres un comercio electrónico.
Pues bien, Gaia Design, es una tienda en línea mexicana de diseño mobiliario para hogares y su sitio web e-commerce es la mejor de México en la categoría PYME.
El diseño es fantástico, la usabilidad y experiencia de usuario que brinda, objetivo y sus herramientas, realmente útiles.
SaaS (Software as a service: servicios basados en la nube)
Simple y al grano.
Sitios web que son en sí mismos, un programa que te presta un servicio. Dropbox, Google Drive, incluso Deezer y Spotify son SaaS.
A continuación, inspiración pura.
Paste by Wetransfer
De hecho, WeTransfer es ya uno de esos sitios web SaaS o de servicios en la nube que conocemos todos y tiene un diseño de interfaces y una experiencia de usuario insuperables.
Pero, lanzó hace muy poco Paste, un servicio en la nube para crear presentaciones, competencia de otros SaaS como Prezi.
Pues bien, se ganó el premio Webby 2020 al mejor sitio web WebServices/Apps por su diseño objetivo que cumple con todo lo que ya te dije sobre saber hacer un buen sitio web.
Portales educativos
Seguro que te la pasas aprendiendo más y más.
Por eso estás aquí leyendo y apuesto que también has hecho cursos en línea que mejoran tu perfil profesional y personal, y/o te ayudan a mejorar tu negocio.
Pues bien, te mostraré ejemplos perfectos, por si lo tuyo es enseñar.
Crehana
No ha ganado ningún premio, pero el diseño de este sitio web es impecable.
Cumple con todo:
- Diseño gráfico muy bien pensado que respeta los valores de la marca
- Un menú simple y comprensible
- La oferta de sus productos no tiene comparación (también es un ejemplo de e-commerce) y
- CTAs concretos.
Incluso, usa pop-ups, links y otras herramientas informativas de forma estupenda, como el chat y su página de ofertas.
Crehana sin duda, sabe eso de enseñar, incluso, sitios web como su portal educativo.
Sitio web personal
Si tu negocio eres tú, porque eres un experto en algo, un artista único, un deportista triunfador, el mejor de los mejores, te mostraré verdaderas obras de arte web.
Recuerda que no se trata solo de diseño, sino de ese balance perfecto entre estética, funcionalidad, objetividad y captación de clientes.
Vamos a ello.
Clement Merouani
Ganador del mejor sitio web del día el 11 de mayo de 2020 en el famoso portal Awwwards, experto en seleccionar y mostrarle al mundo lo mejor del diseño web del mundo, es una joya de lo que significa hacer bien un sitio web personal.
Diseño exquisito y enfocado en lo que hace: fotografía y dirección de arte ni más ni menos que en París.
Si que sabe mostrar su talento.
Menciones especiales
Rappi
Mas alla de ser un caso de exito latinoamericano de ligas mayores, han evolucionado mucho con su sitio web.
Navegacion clara y diseno limpio destacan en su sitio web.
Mailerlite
Mailerlite es un servicio fundamental para cualquier emprendimiento.
El manejo y administración de envio de correos electrónicos es piedra angular de cualquier iniciativa digital (y es el que yo uso en este sitio web).
Los servicios están claramente diferenciados al lado derecho y los CTA (llamado a la acción) resaltan en el lado izquierdo.
Excelente ejemplo de un sitio web exitoso.
Borja Giron
Este sitio web me encanta.
Borja Giron es un experto en SEO español y su sitio web es un completo éxito.
Desde el punto de vista de interfaz de usuario, Borja logra un sitio muy limpio, con unos CTAs fuertes y claros.
Su blog es una joya digna de leer.
Torre
Torre es un emprendimiento latinoamericano de esos que verdaderamente inspiran.
Es un marketplace de talento.
Podríamos compararlo con un Monster.com o computrabajo.com pero exclusivamente de perfiles para la economía de base tecnológica.
Vale la pena que lo visites.
Quien quita y tu próximo trabajo remoto y bien pago se encuentre ahí.
Emprendiendo historias
Emprendiendo historias es un gran ejemplo de cómo un blog puede parecer una publicación tan prestigiosa como Entrepreneur.
Más allá de ser un gran ejemplo de diagramación de contenido y que tengo una preferencia clara por emprendimientos en español, este es un claro ejemplo de cómo paginas web informativas no necesariamente deben tener contenidos actualizados al dia para ser exitosas.
Cutout Festival
Cutoutfest es el sitio web de un festival de animación mexicano.
Es ABSOLUTAMENTE IMPRESIONANTE.
Hace unos años existió una tecnología llamada Flash de la cual tengo muy buenos recuerdos.
Lo mejor de esta tecnología es que permite crear experiencias interactivas más allá de simples bloques de texto y botones.
Cutoutfest hace uso de lo mejor de HTML5 para recrear lo que era usar Windows 95.
El mejor ejemplo de pagina web creativa que pude encontrar.
Recomendado 100%!
Consideraciones Finales
Inspirarse es fundamental a la hora de embarcarse en la creación de un sitio web.
Pero no solo en detalles estéticos, modas tecnológicas, herramientas que pueden ser muy útiles, pero no para todos ni para todo tipo de negocio ni sitio web.
Es importante comprender el por qué y para qué están hechos los sitios web.
Sí, para hacer que tu marca no sólo tenga presencia en línea, sino que logre ser recordada, admirada y obviamente, sea una perfecta herramienta de ventas, incluso si tu razón social es sin ánimo de lucro.
Es simple la fórmula:
Recuerda cumplir con un diseño atractivo y coherente a tu negocio, una experiencia de usuario agradable e inolvidable, una oferta única y fácil de procesar y siempre, siempre, mostrar el porque tu promesa de valor es, valga la redundancia, valiosísima!
Espero que tu sitio web ¡sea un éxito! Y no olvides que si necesitas ayuda, solo tienes que contactarme. Juntos, podremos inspirarnos con nuevos ejemplos de páginas web y desarrollar una para ti inspirados en los mejores.
¿Qué sitio te gustó más?
¿Tienes alguno para recomendar?
Deja un comentario y cuéntanos si estás de acuerdo con nuestra selección de ejemplos de páginas web.
1 comentario en “19 Ejemplos de Páginas Web Para Inspirarte a Construir La Tuya [Guia Completa 2021]”
Hola, Ivan, me puedes ayudar para la venta de bienes raíces en México? Por Correo electrónico te explico mi problema. Gracias.