Ejemplos de páginas web

«Lo que no está a la vista no se vende». Esta máxima aplica para todo, especialmente para los creativos y los cientos de miles de negocios que luchan por mayor visibilidad en el mundo. 

Guía Gratis

Inspiración para el diseño de sitios web

Cuéntanos un poco de ti para acceder a la guía

La forma de lograrlo es con un sitio web que conecte con los usuarios y los invite a explorar los servicios o productos que ofreces. El que las personas se queden depende de muchos factores, incluyendo el tiempo de carga de una página y el diseño de la misma. 

Piénsalo así: si no te gusta cómo se ve una página, difícilmente te quedarás a seguir leyendo. Por eso te traemos un listado de sitios web de empresa y personales que te inspirarán a crear el tuyo.

Ejemplos de sitios web empresariales originales

¿Para qué querrías un sitio web de negocio? Se estima que para 2023 las ventas online alcancen los 6.542 mil millones de dólares. Hoy en día es indispensable comenzar un sitio web que sea tu centro de operaciones, sin importar si tu negocio está dirigido a otras empresas o al público en general. Así podrás darte a conocer de forma internacional, concentrar las actividades de tus redes sociales, amplificar el efecto de tu publicidad offline y, en general, encontrar más y mejores oportunidades de venta.

Cada empresa es un mundo, por lo que debe tener un sitio que la distinga de la competencia. Estos sitios no solo son ideales para pasar tiempo en internet, sino que te ayudarán a tomar inspiración para crear el mejor sitio de tu negocio. 

1. Malvestida

Ejemplo de página web: Malvestida

Imagen de Malvestida

Lo que hacen estas autoras es combinar varios puntos de vista y distintas estéticas en un tema extremadamente colorido y estridente. Compaginan también diferentes técnicas digitales para realzar el contenido que publican. Un punto que tienes que notar y que es un plus a la hora de hacer contenido: el contraste del fondo blanco con tipografías oscuras y sans serif. 

2. Giphy

Ejemplo de página web: Giphy

Imagen de Giphy

Amamos el modo en que este sitio organiza el contenido, de forma tal que puedes pasar horas buscando el gif ideal para ilustrar una situación en específico. Además, es entretenido ver cómo la gente puede crear sus propios gifs en función de lo que necesitan. 

3. Medium

Ejemplo de sitio web: Medium

Imagen de Medium

En términos de experiencia del usuario, esta es una de las opciones más increíbles. Tiene un diseño súper intuitivo que te lleva de la mano por diferentes lecturas que se interrelacionan. 

4. Genial.Gurú

Ejemplo de sitio web original: Genial

Imagen de Genial.Gurú

De diseño minimalista, va también de la mano con una tendencia en la web: el diseño por bloques verticales de colores sobre fondo claro. Es una web donde puedes pasar horas leyendo sobre datos curiosos, porque el diseño carga muy rápido. 

5. Minerva

Ejemplo de sitio web original: Minerva

Imagen de Minerva

Quizá una de las webs más bonitas que hay en el listado. La cervecera de Guadalajara, México, tiene una presencia web increíble. El sitio está organizado en bloques de fotos con una tipografía extremadamente legible que permite un examen rápido por las diferentes secciones. 

Lo que más nos gusta de esta web es que está complementada con diferentes iconos relacionados con el giro, junto a un gran manejo del color de la marca.

6. Cervecería de Colima

Ejemplo de sitio web original: Cervecería de Colima

Imagen de Cervecería de Colima

A pesar de que tiene el mismo giro que el sitio anterior, Cervecería de Colima organiza la información de manera vertical y le da la misma prioridad a la imagen fija y al video para presentar su producto estrella. (Mira qué bonitos son los videos que tienen en la página de inicio.)

7. Atlantic Records

Ejemplo de sitio web original: Atlantic Records

Imagen de Atlantic Records

Creemos que este es uno de nuestros sitios clásicos favoritos y la prueba de que la industria musical puede ir adaptándose a los nuevos tiempos. Tiene un diseño intermedio entre lo más actual y un diseño web clásico. Los colores marcan acentos interesantes sobre el fondo blanco y la funcionalidad de los colores. 

8. Nos reiremos de esto

Ejemplo de página web original: Nos reiremos de esto

Imagen de Nos reiremos de esto

La página de este proyecto + tienda virtual ha sido uno de nuestros descubrimientos favoritos de los últimos meses, ya que se aparta del diseño tradicional: usa un fondo oscuro y una tipografía increíble de color claro. 

Se siente urbana la combinación de negro y amarillo junto a los diferentes iconos que le dan continuidad a la vista. 

9. Waaark

Ejemplo de página web original: Waaark

Imagen de Waaark

«No puedes llamarte un estudio creativo si tu web no lo demuestra», parece ser el lema que te aborda cuando entras a waaark.com. Y te prometemos que te enamorarás del uso de los colores y los iconos para ejemplificar las diferentes secciones del sitio. 

10. Airbnb

Ejemplo de sitio web de empresa original: Airbnb

Imagen de Airbnb

Airbnb tiene uno de los diseños más geniales de todo el internet: es elegante, sencillo y con múltiples opciones una vez que entras a su home; además de que siempre está al pendiente de la conversación que domina en los medios digitales.

11. Hunter Boots

Ejemplo de página web de empresa original: Hunter Boots

Imagen de Hunter Boots

El diseño del sitio web de esta tienda tiene dos características particulares que me llaman la atención: el hecho de que una cookie te envíe a un sitio específico y la combinación de colores que realmente capturan tu mirada. 

Algunas buenas prácticas a la hora de diseñar un sitio web empresarial

Cada empresa debe tener un diseño único que el usuario pueda reconocer el giro (a lo que se dedica) y lo que puede encontrar en su sitio en menos de 5 segundos. Por eso ten en cuenta los siguientes tips para realizar tu diseño:

  1. Ten presente la usabilidad, que es la facilidad con que las personas pueden utilizar una herramienta particular o cualquier otro objeto fabricado por humanos con el fin de alcanzar un objetivo concreto.​

  2. Usa tipografías apropiadas, pues recuerda que son indispensables para hacer llegar tu mensaje al consumidor adecuado. 
  3. Crea una interfaz amigable para hacer que el usuario se quede en tu página por un buen rato, navegue y encuentre lo que está buscando de forma intuitiva.
  4. Deja tus datos de contacto, ya que al listar todas las formas que hay de contactar a tu empresa, el usuario se sentirá seguro de que lo vas a atender de forma expedita.
  5. Ten en mente que la presentación de tu oferta tiene que ser clara y de acuerdo con lo que quieres vender.

Ejemplos de sitios web personales creativos con currículum

Cuando solicitas un trabajo, generalmente debes presentar un currículum y una carta de presentación o, quizá, tu perfil de LinkedIn. No obstante, hay maneras más eficaces de destacarte de la competencia, y crear un sitio web personal es una de ellas.

El problema con el currículum y la carta de presentación es que generalmente son aburridos, sin importar cuánto te esfuerces en darles un estilo propio. Hay una buena razón para ello: se supone que debe ser una sola página, con información básica que documente tu experiencia laboral. Si bien es bueno ser conciso, hay muy pocas posibilidades de transmitir tu originalidad o de que se destaque tu personalidad.

Un currículum es un documento único que prácticamente no cambia, mientras que un sitio web personal puede personalizarse y actualizarse según el trabajo que estés desempeñando o lo que desees resaltar. Es fluido y se mantiene vigente. 

Si estás considerando la posibilidad de crear tu propio sitio web personal, echa un vistazo a los siguientes ejemplos y obtén la inspiración que necesitas.

12. Gary Sheng

Ejemplo de página web personal original: Gary Sheng

Imagen de Gary Sheng

A diferencia de un currículum tradicional, el sitio web de Sheng incluye logotipos y enlaces en los que se puede hacer clic. En ellos destaca sus habilidades de ingeniería de software y desarrollo de sitios web.

Es genial que los visitantes puedan elegir entre desplazarse por la página para ver todas las categorías del sitio web («Acerca de mí», «Mi pasión», etc.) o ir directamente a una página específica mediante la barra de navegación superior.

La sección «Mi sistema» se asemeja a la declaración de misión de una empresa, y este toque personal ayuda a humanizar su trabajo y a que sea difícil de olvidar.

13. Rafael Derolez

Ejemplo de sitio web personal original: Rafael Derolez

Imagen de Rafael Derolez

El currículum web de Derolez es moderno, interesante e informativo. Muestra su personalidad, su branding y sus habilidades de desarrollo de una manera muy simple y clara. Además, el uso de fuentes únicas y superposiciones geométricas le da personalidad a su nombre de forma visualmente atractiva.

¿Quieres ponerte en contacto con Derolez? Solo haz clic en el llamado a la acción en la parte inferior de la página para abrir un correo electrónico que será dirigido directamente a él. O bien, selecciona uno de los enlaces de redes sociales para ponerte en contacto con él en plataformas como Twitter.

14. Brandon Johnson

Ejemplo de sitio web creativo: Brandon Johnson

Imagen de Brandon Johnson

El increíble currículum de Johnson es digno de visitar. Hermosas imágenes de planetas complementan su trayectoria en la astronomía, y las animaciones hacen que su currículum sea una experiencia muy entretenida, más que un simple documento.

En cuanto al diseño, el fondo con texturas y múltiples capas añade profundidad a la página bidimensional y evoca el espacio exterior y los sistemas planetarios, que constituyen el centro del trabajo de Johnson.

15. Quinnton Harris

Ejemplo de sitio web original: Quinnton Harris

Imagen de Quinnton Harris

El currículum de Harris, con numerosas fotografías que cuentan su historia personal, parece una especie de álbum de recortes digital. Abarca todas las áreas de una hoja de vida (e incluso más) y describe su formación académica, su experiencia laboral y sus habilidades de una manera sumamente visual.

Además, el texto es magnífico. Es claro que Harris se tomó el tiempo necesario para elegir cuidadosamente las palabras con el fin de describir cada paso de su recorrido personal y profesional. Por ejemplo, en la sección «Narración» dice lo siguiente:

La ciudad de Nueva York, mi nuevo hogar,
tiene todos los secretos necesarios para impulsar
no solo mi profesión, sino mi identidad como artista.
En cada objetivo que encuadro y cada píxel que configuro, descubro mi propia personalidad.

Finalmente, en el último punto de navegación (con los círculos ubicados a la izquierda de la página que permiten desplazarse), los usuarios son redirigidos al inicio, donde Harris sigue contando su historia a profundidad.

16. Sean Halpin

Ejemplo de página web original para currículum: Sean Halpin

Imagen de Sean Halpin

El currículum de Halpin es breve, agradable y directo, lo que representa fielmente su estilo y su branding personal descritos en el sitio. El espacio en blanco permite que sus diseños y el texto se destaquen y llamen la atención del lector. Esto ayuda a mejorar la legibilidad, especialmente en los dispositivos móviles.

Algunas buenas prácticas para crear sitios web con currículum

  1. Codifica tu currículum para que pueda ser rastreado por los motores de búsqueda.
  2. Ofrece un botón para descargar tu currículum en PDF para que el manager de contratación pueda agregarlo a tu archivo.
  3. Mantén la coherencia del branding entre la versión del sitio web y la del documento: utiliza fotografías, colores e imágenes similares para que sea fácil reconocerte.
  4. Sé creativo y auténtico. Piensa en los colores, las imágenes y los medios que quieres que formen parte de tu historia y que no podrías incluir en un currículum tradicional.

Ejemplos de sitios web personales creativos con portafolios

Diseñar un portafolio online es una herramienta de marketing y branding personal muy útil, en particular si tu experiencia laboral y tus habilidades se relacionan con la creación de contenido. De hecho, los fotógrafos, diseñadores gráficos, ilustradores, redactores y profesionales del marketing de contenidos pueden utilizar portafolios web para demostrar sus habilidades de manera más amena que un currículum o un portafolio impreso.

17. Tony D’Orio

Ejemplo de sitio web original: Tony D'Orio

Imagen de Tony D’Orio

Es importante que el diseño de tu portafolio visual sea sencillo para permitir que las imágenes capturen la atención de los visitantes, y D’Orio lo logra incluyendo llamativas fotografías en primer plano en su sitio web. Su logotipo y el menú de navegación son claros y no distraen la atención de su trabajo. Además, los posibles clientes pueden descargar fácilmente su trabajo de manera gratuita.

¿Quieres intentarlo? Haz clic en el menú de la esquina superior izquierda, y luego selecciona «Crear un PDF» para elegir todas las imágenes que desees descargar. Cuando abras el PDF, verás que incluye la tarjeta de presentación de D’Orio a modo de portada, en caso de que la necesites.

18. Gari Cruze

Ejemplo de página web original con portafolio: Gari Cruze

Imagen de Gari Cruze

Cruze es redactor; sin embargo, al convertir su sitio web en un portafolio con imágenes de las diferentes campañas en las que ha trabajado, logra que los visitantes sigan haciendo clic para obtener más información sobre él. Además, hay un excelente llamado a la acción en la parte superior de la página que dirige a los visitantes a la publicación del blog más reciente de Cruze.

El divertido texto de su sitio, específicamente en las secciones «17 Random Things» (17 datos al azar) y «Oh Yes, They’re Talking» (Oh, sí, hablan), sirve para demostrar sus habilidades y, a la vez, hacerlo aún más memorable. A la derecha de estas páginas también se incluye la información de contacto de Cruze, lo que permite mantener comunicación con él en cualquier momento de manera fácil.

19. Melanie Daveid

Ejemplo de sitio web original personal con portafolio: Melanie Daveid

Imagen de Melanie Daveid

El sitio web de Daveid es un ejemplo perfecto de «menos es más».

El portafolio de esta desarrolladora incluye imágenes claras y emblemáticas de campañas y aplicaciones en las que ha trabajado. Puedes apreciar sus habilidades de codificación cuando hagas clic para ver los detalles de su trabajo.

Si bien puede parecer un exceso de minimalismo presentar pocos ejemplos de su trabajo, Daveid benefició su portafolio al incluir sus campañas más notables.

20. The Beast is Back

Ejemplo de página web de portafolio creativo: The Beast is Back

Imagen de The Beast is Back

El portafolio de Christopher Lee es colorido y abigarrado de una manera que resulta muy atractiva. Cuando aprendes sobre Lee en su sitio (muy fácil de navegar), comprendes que esta divertida y dinámica página principal es perfecta para un ilustrador y diseñador de juguetes.

En su portafolio web se destacan diseños llamativos con marcas reconocidas, como Adobe y Hasbro, junto con enlaces para comprar su trabajo. Este es otro portafolio estilo galería con toques de color que le aportan personalidad y hacen que sea divertido y, por ende, más memorable. 

Algunas buenas prácticas para crear sitios web con portafolios

  1. Utiliza principalmente imágenes. Aunque muestres tu trabajo escrito, el uso de logotipos u otro tipo de branding es más llamativo para tus visitantes.
  2. No tengas miedo de ser tú mismo. Tu personalidad, estilo y sentido del humor son lo que pueden distinguirte de los demás sitios.
  3. Recuerda que la organización es fundamental. Si tu portafolio está repleto de fotografías, logotipos y otras imágenes, asegúrate de que los visitantes puedan navegar fácilmente hasta el lugar donde puedan contactar contigo.
  4. Crea tu propia marca. Elige un logotipo o símbolo para que tu información sea fácil de identificar.

Ejemplos de páginas web originales personales tipo blog

Publicar con frecuencia en un blog es una excelente manera de llamar la atención en las redes sociales y los motores de búsqueda, y así aumentar el tráfico a tu sitio web. Publicar en blogs es una manera inteligente de dar personalidad a tu trabajo, contar tus experiencias y mejorar tu redacción. Puedes escribir un blog personal si eres escritor de profesión, pero prácticamente cualquier persona puede beneficiarse de sumar un blog a su sitio y ofrecer contenido útil a su público.

21. The Everywhereist

Ejemplo de sitio web original con blog: The Everywhereist

Imagen de The Everywhereist

Su coherente branding ayuda a los visitantes a navegar fácilmente por el sitio. El blog de viajes usa una iconografía mundial para trasladar a los visitantes al sitio y facilita la exploración de secciones fuera del blog.

También incluye la sección «Best Of» (Lo mejor), que ofrece un panorama general a los nuevos visitantes sobre lo que pueden esperar del blog. El esquema de colores es cálido y neutro, sin demasiados recursos que pudieran distraer la atención del contenido.

22. Fifty Coffees

Ejemplo de sitio web con blog: fifty coffees

Imagen de fifty coffees

Fifty Coffees narra acerca de las reuniones en las que la autora compartió una taza de café mientras buscaba su próxima oportunidad laboral, y hace un excelente trabajo al utilizar fotografías e ilustraciones para ayudar a contar sus largas historias.

¿La mejor parte? Cada publicación termina con una lista de las conclusiones de sus reuniones para facilitar la comprensión de texto. Las fotografías de alta calidad que complementan las historias son la cereza del pastel.

23. Minimalist Baker

Ejemplo de página web original: Minimalist Baker

Imagen de Minimalist Baker

No destacamos el blog de comidas de Dana solo porque los platos se vean deliciosos y tengo hambre. Su blog tiene un fondo de color blanco que permite que sobresalgan las fotografías de sus creaciones, un branding único que la hace memorable y una breve biografía para personalizar su sitio web.

24. Kendra Schaefer

Ejemplo de sitio web original: Kendra Schaefer

Imagen de Kendra Schaefer

El blog de Kendra está repleto de información sobre su vida, su historia y su experiencia profesional, pero evita abrumar a los visitantes al usar un fondo claro y organizar los módulos de su blog para minimizar el desorden. También comparte enlaces a ensayos adicionales, lo que reafirma su autoridad y credibilidad como escritora.

Algunas buenas prácticas para crear blogs

  1. Mantén tu sitio simple y ordenado para evitar distracciones más allá de las publicaciones del blog.
  2. Publica con frecuenciacerca de 3 a 5 veces a la semana.
  3. Experimenta con diferentes estilos de blogs, como listas, entrevistas, gráficos y viñetas.
  4. Emplea imágenes para dividir el texto y añadir contexto a tu análisis.

Ejemplos de sitios web personales con demostraciones

Otra excelente manera de darte a conocer y promocionar tus habilidades es crear un sitio web personal que también sea una demostración de tus habilidades como codificador, diseñador, ilustrador o desarrollador. Estos sitios pueden ser interactivos y animados, de manera que brinden información sobre ti y también les demuestren a los managers de contratación por qué deberían trabajar contigo. Esta es una excelente opción de sitio web para los creadores de contenido técnico y artístico, como desarrolladores, animadores, diseñadores de experiencias del usuario, managers de contenido de sitios web e ilustradores.

25. Albino Tonnina

Ejemplo de página web original: Albino Tonnina

Imagen de Albino Tonnina

Tonnina demuestra habilidades avanzadas y complejas de desarrollo de sitios web; sin embargo, las imágenes y los símbolos que utiliza son claros y fáciles de entender. También ofrece una opción simple para ver su currículum al principio de su sitio para aquellos que no deseen explorar la animación.

26. Robby Leonardi

Ejemplo de página web: Robby Leonardi

Imagen de Robby Leonardi

El increíble sitio web de demostración de Leonardi aprovecha las habilidades de animación y desarrollo de sitios web para convertir su portafolio y currículum en un videojuego para los visitantes del sitio. El fantástico branding y la manera única de compartir información garantizan que su sitio sea inolvidable para los visitantes.

27. Samuel Reed

Ejemplo de sitio web original: STRML de Samuel Reed

Imagen de Samuel Reed

Reed usa su página como una demostración completa sobre cómo codificar un sitio web. El suyo comienza como una página en blanco y termina como un sitio totalmente interactivo donde los visitantes pueden apreciar la manera en que Reed realiza su trabajo. Lo genial de este sitio web hace que sea memorable y que sus habilidades sean sumamente fáciles de promocionar.

28. Devon Stank

Ejemplo de página web original: Devon Stank

Imagen de Devon Stank

El sitio de demostración de Stank hace un excelente trabajo: expone sus conocimientos especializados de diseño web, a la vez que cuenta todo sobre él, su agencia y sus pasiones. Es el equilibrio perfecto entre una demostración y un currículum breve.

Además, nos encanta el resumen en video. Es fácil de ver y entender, lo que revela tanto la personalidad como las certificaciones de Stank.

Algunas buenas prácticas para crear sitios web con demostraciones

  1. Crea tu propia marca y utiliza logotipos y colores uniformes para identificar tu nombre y tus habilidades entre el conjunto de imágenes.
  2. No abrumes a tus visitantes con demasiadas imágenes a la vez, en especial si tu demostración es animada. Asegúrate de que las imágenes sean fáciles de entender para que los visitantes no se sientan agobiados cuando exploren tu sitio.

Ejemplos de sitios web sencillos

No todos los sitios tienen que moverse, tener música, 20 secciones para explorar o tres formularios que deban llenarse cada vez que algún prospecto quiere contactar al negocio. A veces, lo sencillo dice mucho más que la interfaz más compleja. Para lograr ese equilibrio entre lo simple, lo eficiente y lo atractivo, es importante que sepas qué quieres comunicar a tus visitantes, además de que encontraste ese detalle en tu empresa o negocio que te hace mejor que la competencia. Como con esto ejemplos:

29. Tim Brack

Ejemplo de página web sencilla de Tim Brack

Imagen de Tim Brack

El sitio donde Tim Brack muestra su trabajo es bastante directo y sencillo en su diseño. Lo cual es curioso, porque Brack es un director de diseño premiado con algunos ejemplos bastante impresionantes. Quizá por eso se da el lujo de una presentación tan limpia.

30. Florian Matthias

Ejemplo de página web sencilla de florianmatthias

Imagen de florian matthias

Esta agencia de diseño crea campañas, desarrolla sitios web y le importa construir una experiencia de usuario eficiente e inolvidable. Así que en lugar de tener un sitio con mucho movimiento, música o ventanas emergentes, dispone su información con un menú fácil de leer, textos breves e imágenes que llevan directo al trabajo que ha hecho con otras empresas. Eso habla más de cualquier empresa que una página que tarde minutos en cargarse.

31. Sonny T

Ejemplo de página web sencilla de sonny t.

Imagen de sonny t.

¿Qué más necesita un ingeniero de software que ha sido mencionado en Buzzfeed, The New York Times, Wired o Business Insider gracias a su trabajo? Además de sus datos de contacto y enlaces directos a sus proyectos, no mucho. 

32. Made by field

Ejemplo de página web sencilla de Made by field

Imagen de Made by field

Esta agencia de diseño digital sabe muy bien que las imágenes y el movimiento atraen a más visitantes. Sin embargo, los videos pueden hacer que las páginas sean más pesadas, que tarden más en cargarse y que los usuarios las abandonen antes de conocer su contenido. Por eso utilizan fotografías de alta calidad, pero estáticas. Cuando aparecen gracias a un barrido, le dan dinamismo a su sitio sin las desventajas de archivos pesados.

33. We love daily

Ejemplo de página web sencilla de We love daily

Imagen de We love daily

Una de las comunidades de diseñadores más grandes en Instagram tiene un sitio web pensado para ser eficiente y amigable. Debido a que su función es que profesionales del gremio se den a conocer en sus perfiles de Instagram (diseñadores, ilustradores, animadores y creadores de marcas), su web se enfoca en explicar el proceso para enviar trabajos y los costos de sus membresías. Claro está, eso no quiere decir que no puedan agregar ciertos detalles que brinquen y agraden a la vista, como los elementos en 3D que acompañan las imágenes en 2D. No son las más, así que no se pierden ni hacen lenta la carga de información, pero llaman la atención de inmediato. 

<< Descarga gratis 77 ejemplos de páginas principales, blogs y páginas de  destino excepcionales >> 

Algunas buenas prácticas para crear sitios web sencillos

  1. Piensa que la sencillez no quiere decir necesariamente simplicidad. Piensa en cómo ayuda al funcionamiento de tu sitio y la descarga de información. A veces es mejor tener un sitio que cargue rápido a que sea más complejo, por con una alta tasa de rebote.
  2. Encuentra un elemento que tenga el potencial de ser el protagonista del sitio: tus reseñas, imágenes de tus instalaciones, el texto de tus mejores entradas de blog. A partir de ahí es sencillo decidir a qué le darás prioridad y cómo ahorrar recursos en otros aspectos.
  3. Elige una tipografía o dos, y utilízalas con una jerarquía bien identificada. Esto ayuda a que el contenido sea más fácil de leer y de seleccionar: el usuario reconoce qué es un título, cuál es un hipervínculo, cuál es la información adicional, entre otras cosas. La navegación, por lo tanto, se realiza de manera fluida y sin errores.

Ejemplos de sitios web elegantes

Y ahora hablemos de aquellos que son la expresión misma del buen gusto y la elegancia. ¿Aburridos? En lo absoluto. El trabajo de diseño brilla por la composición, los colores, las imágenes y el movimiento. Se siente como si hubiera sido el proyecto más caro de la historia, pero además es un placer navegar en sus páginas. Quizá todavía no puedas utilizar exactamente lo que verás a continuación, aunque sí podrás inspirarte y aprender algunas cosas sobre cómo presentar la información de tu sitio de manera espectacular.

34. The Visible Man

Ejemplo de página web elegante de The visible man

Imagen de The Visible Man

El sitio de esta agencia española que produce contenido de muchos formatos tiene, también, todo su espíritu en cada una de sus secciones. Las imágenes están hechas para apreciarse en una pantalla lo más grande posible, y también demuestra lo orgullosa que se siente la agencia de su trabajo. Y tiene razón. 

35. Gonzalo Bullón

Ejemplo de página web elegante de Gonzalo Bullón

Imagen de Gonzalo Bullón

El sitio de este estudio fotográfico tiene muchos aspectos que vale la pena destacar. Para empezar, se trata de mostrar el trabajo de un experto en la lente, así que sus mejores fotografías son las protagonistas. Como tal, se muestran en gran formato antes de que los visitantes vean el menú que pueden navegar para conocer más de Bullón. Los textos son breves y la intención es que el trabajo luzca.

36. Editorial Impedimenta

Ejemplo de página web elegante de Impedimenta

Imagen de Editorial Impedimenta

Con sede en España, la editorial Impedimenta ha logrado llevar a su sitio oficial la estética que ya caracterizan a sus libros: como si estuvieran hechos a mano. Su catálogo se conoce por autores de idiomas que no se traducen de forma usual directamente al castellano, como el polaco, el japonés y el rumano, además de una selección de plumas e ilustradores españoles y latinoamericanos. Por lo tanto, sus portadas, el papel de los ejemplares, la tipografía convierten a sus ediciones en objetos dignos de presumir en los estantes. Y algo de eso se nota cuando navegas en sus páginas web.

37. Marshall

Ejemplo de página web elegante de Marshall

Imagen de Marshall

La marca de amplificadores favorita de los rockeros también es ya una de las más buscadas para audífonos y bocinas bluetooth para el hogar. En su sitio hay un buen balance entre el diseño que habla de una forma de vida (donde la música popular es gran protagonista) y una tradición que comenzó en los escenarios de rock. Tienen una garantía de fabricación que se nota en su eficiencia y en su apariencia, así que desean compartirlo también en su canal digital.

38. Lena Steinkühler

Ejemplo de página web elegante de Lena Steinkühler

Imagen de Lena Steinkühler

Steinkühler es una diseñadora multidisciplinaria alemana que tiene un amplio catálogo de proyectos muy llamativos, gracias a su manejo de la animación, diseño gráfico, efectos especiales, conceptos visuales y, claro está, su talento. Su sitio web es un agasajo visual, porque muestra la variedad de técnicas que domina, pero no es abrumadora. Se mantiene divertida, con mucha imaginación, aunque bien organizada. Es fácil acceder a los proyectos que comparte, a la vez que tiene un espacio para mostrarse de forma directa al visitante, justo en la sección con el formulario de contacto. Muy elegante.

Algunas buenas prácticas para crear sitios web elegantes

  1. Recuerda que «elegante» no es sinónimo de «aburrido». Puedes ser tan creativo y juguetón como prefieras, pero el secreto está en mantener una coherencia en la organización de tu contenido, para que tus visitantes no se pierdan.
  2. Deja que un buen ojo revise el diseño. No necesariamente necesitas gastar mucho en eso, sino que te recomendamos que pidas la opinión de alguien experto en el tema, o que busques esas referencias que te han enamorado y localices los elementos que destacan por su buen gusto.
  3. Dale oportunidad al espacio en blanco. Cuando dejas «aire» entre los títulos o los bloques de imagen, das descanso a los ojos de las personas que navegan en tu sitio, lo que también permite que pongan atención en la calidad de tus fotografías o el trazo de la tipografía de tus textos. Eso les dice que cada detalle que pusiste ahí fue elegido con mucho cuidado.
  4. Escoge una paleta de color y apégate a ella. Incluso cuando los tonos sean contrastantes o vivaces (atención: no todo lo elegante tiene que ser monocromático), lo importante es que haya una lógica en ellos: no solo permiten la legibilidad de los textos, sino también el disfrute de la armonía de cada sección.

¿Cuál de estos ejemplos fue tu favorito? Ahora tienes toda la inspiración que necesitas para hacer tu propio sitio web original.

Cómo diseñar páginas principales, blogs y páginas de destino excepcionales

 diseño web

Publicado originalmente el 16 de agosto de 2021, actualizado el 16 de agosto de 2021

Topics:

Diseño Web