17 de los mejores ejemplos de hermoso diseño de blog

Según un reciente encuesta, los blogs se han clasificado como la tercera fuente de información más confiable, después de amigos y familiares. Así es: se confía más en los bloggers que en las celebridades, los periodistas, las marcas y los políticos.

Pero, ¿cómo logras que la gente se enamore de tu blog en primer lugar? (Aparte del contenido notable, por supuesto).

Bueno, así como la página de inicio de su sitio web es como la puerta de entrada a su negocio, el diseño de su blog, como una alfombra de bienvenida, es la puerta de entrada a su blog de negocios.

Si no está atrayendo a las personas visualmente, ¿cómo logrará que tomen los siguientes pasos para leer (y, con suerte, suscribirse) su contenido? Una vez que haya terminado de crear el contenido de calidad, aún tiene el desafío de presentar de una manera que dicte claramente de qué se trata tu blog. Las imágenes, el texto y los enlaces deben mostrarse correctamente; de ​​lo contrario, los lectores podrían abandonar su contenido, si no se muestra de una manera atractiva, fácil de seguir y genera más interés.

Por eso hemos recopilado algunos ejemplos de Blog páginas de inicio para ponerte en el camino correcto para diseñar el blog perfecto para tus lectores. Échales un vistazo, a continuación.

17 ejemplos inspiradores de hermoso diseño de página de inicio de blog

1. ayuda scout

A veces, los mejores diseños de blogs son también los más simples. Help Scout, creadores de software de servicio al cliente, utiliza un diseño único pero minimalista en su blog que nos encanta: limita el uso de textos e imágenes y adopta el espacio negativo.

Lo que nos gusta especialmente de este blog es el uso de imágenes destacadas para todas las publicaciones, incluido un banner en la parte superior que destaca una entrada reciente o particularmente popular. Estos íconos se colocan frente a bloques de colores brillantes que llaman la atención de los lectores y señalan de qué se trata la publicación. Y funciona: todo sobre el diseño de este blog dice «limpio» y «legible».

2. Historias de Microsoft

Divulgación completa: nos hemos entusiasmado totalmente con el micrositio «Historias» de Microsoft antes de. No podemos evitarlo: ¿qué mejor manera de revitalizar una marca de la vieja escuela que con un blog que cuenta con contenido de marca hermoso, interactivo e inspirador? Además, el diseño cuadrado de estas historias recuerda al logotipo de Microsoft, lo que logra una valiosa consistencia de marca.

Microsoft Stories también es un excelente ejemplo de cómo un blog de negocios puede ser un activo importante para un cambio de marca general. En los últimos años, Microsoft ha trabajado para humanizar su marca, en gran medida en respuesta a una rivalidad con Apple. El micrositio «Historias» tiene un lema simple: «Obtenga una mirada interna a las personas, los lugares y las ideas que nos conmueven». Es el lado más suave de Microsoft, por así decirlo.

Cuando intenta transmitir un determinado mensaje de marca, su blog puede usarse para comunicarlo, tanto estéticamente como en cuanto al contenido.

3. Pando

Un aspecto importante de un blog bien diseñado es una combinación de colores y un estilo coherentes; después de todo, El 80% de los consumidores dice que el color aumenta el reconocimiento de una marca.

Es interesante ver cómo la consistencia del color puede unificar los elementos de diseño más diversificados. Pando, un blog que explora el ciclo de inicio, incorpora tonos azules en varias secciones de su sitio: el fondo, las barras resaltadas y ciertas áreas de texto. Pero también utiliza varias fuentes diferentes, todas las cuales logran lucir perfectas juntas, cuando se unen mediante un esquema de color cohesivo.

4. Leche de diseño

Design Milk, un medio de diseño contemporáneo en línea, utiliza un diseño muy simple para resaltar sus publicaciones. La barra lateral a la derecha, que permanece visible cuando se abre una publicación de blog para leerla, es perfecta para mostrar imágenes en miniatura de nuevos artículos. eso es un estrategia de enlace interno, que ayuda a animar a los lectores a permanecer más tiempo en el sitio.

Los íconos sociales en la parte superior son una adición agradable a la apariencia general del sitio: son fáciles de detectar y facilitan compartir el contenido de Design Milk. (Y para obtener más información sobre cómo agregar botones sociales a su blog, consulte esta publicación).

5. Fubiz

Fubiz, un blog de arte y diseño, es un ejemplo de un diseño realmente elegante que también incluye una personalización genial.

Cerca de la parte superior de la página de inicio del blog, los lectores pueden desplazarse lateralmente por las publicaciones «destacadas». Debajo se encuentra el Buscador de creatividad, donde los visitantes pueden seleccionar sus personajes elegidos, desde «Amante del arte» hasta «Independiente», la ubicación y el tipo de contenido que están buscando. Desde allí, los lectores pueden buscar contenido específicamente diseñado para ellos.

No podemos evitar amar la imagen del encabezado también. Utiliza algo llamado «mente azul» psicología, que descubrió que la vista de aguas abiertas puede atraernos naturalmente. Al usarlo en un esquema de diseño, Fubiz puede atraer visualmente a los visitantes a su contenido.

Para una apariencia similar, echa un vistazo a la nueva Colección de temas de CMS Hub en el mercado de Envato.

6. Depósito de diseñador web

Con un nombre como «Webdesigner Depot», no sorprende que este sitio de noticias de diseño sea visualmente atractivo.

Una cosa que nos gusta especialmente es la forma en que Webdesigner Depot ha incorporado íconos para compartir en redes sociales en cada publicación individual. Si bien, por supuesto, sugerimos leer cada artículo, tener esos enlaces fácilmente disponibles ayuda a los visitantes a compartir de inmediato un titular que les parezca interesante. Y echa un vistazo a las flechas de navegación a la derecha: nunca antes había sido tan fácil desplazarse hasta la parte superior o inferior de una página.

Además, el esquema de color, el fondo y las fuentes son consistentes, lo que hace que este blog se vea profesional, pero aún así se distingue de las plantillas de blog básicas que podríamos estar acostumbrados a ver.

7. Mashable

Quiero decir, solo mira esa imagen de encabezado. Los colores llamativos, la superposición de cableado, la pupila cautivadora y el texto contrastante. Absolutamente llama la atención del lector, sin juego de palabras.

Mashable divide su contenido en tres secciones notables en la página de inicio: las publicaciones nuevas se enumeran a la izquierda en las miniaturas de tamaño más pequeño. Las publicaciones «What’s Rising» se muestran en la columna central como miniaturas grandes y las publicaciones «What’s Hot» se muestran a la derecha, también como miniaturas grandes. Este enfoque triple para mostrar contenido puede ayudar a los lectores a decidir qué tipo de noticias les importan más: la noticia principal que llama la atención u otras publicaciones que son tendencia actualmente.

Además, nos gusta que la cantidad de acciones compartidas se muestre en la vista previa de cada publicación; esa es una excelente forma de prueba social.

8. Británico + compañía

Todo sobre la página de inicio de fijngenoegen + Co dice «limpio», «cálido» y «bienvenido». Está libre de desorden, lo que hace que el contenido sea más digerible y el diseño está extremadamente organizado.

También investigamos la estacionalidad del sitio. Quiero decir, calabazas de aguacate en los albores de octubre. Adorable y repleto de una foto colorida y divertida para ilustrar el contenido de la historia.

El encabezado sutil de «tendencia» también sirve como una buena manera de promocionar contenido popular, sin ser demasiado directo al respecto. Además, con imágenes tan geniales, tomamos nota del guiño a Pinterest: es importante incluir ese ícono cuando su blog incorpora imágenes atractivas.

9. Vida Tesco

Nos encanta el diseño colorido y consistente de Tesco Living, el blog de la cadena británica de supermercados Tesco.

¿Recuerdas cómo seguimos insistiendo en la consistencia de la marca? Fíjese en los diseños en forma de rombo del banner superior, que reflejan los mismos que aparecen en el logotipo de Tesco.

Lo que Tesco Living ha logrado es un gran equilibrio entre simplicidad y audacia. El diseño es extremadamente mínimo, pero no es aburrido. Los tonos cálidos y acogedores resaltan cada categoría de contenido, y las fotos agregan toques de color en todo el sitio. Es un gran ejemplo de cómo las imágenes correctas pueden lograr una apariencia atractiva de «menos es más», especialmente si encaja con el concepto general de su marca.

10 Tripulación

Crew Backstage, el blog de la plataforma Crew para diseñadores y desarrolladores, tiene un diseño de blog fabulosamente minimalista, pero silencioso y único.

Tenga en cuenta que, en la parte superior de la página, presenta una publicación de blog con un título grande, subtítulo y llamado a la acción para leer más.

A la izquierda, hay un llamado a la acción igualmente minimalista que facilita a los lectores conectarse con Crew u obtener más información. Además, vuelve a tener esa consistencia: todo lo que está encima del pliegue tiene el mismo tono de azul, que se ha demostrado que invocar confianza en la marca.

11 Bebidas inocentes

No solo La gente de Innocent Drinks son grandes redactores, pero el diseño de su blog también es un gran recordatorio de que los diseños de blog no tienen que ser muy elegantes.

Observe cómo el logotipo, que se muestra en la parte superior izquierda, es simple, caricaturesco y casi deliciosamente infantil. Funciona para Innocent Drinks (pista: inocencia infantil), y esa presencia de marca se mantiene en todo el blog de la empresa.

Las fuentes coloridas, por ejemplo, combinan con el logotipo y se mantienen en línea con la voz informal y divertida de la marca. También nos gustan los enlaces de archivo fácilmente navegables a la izquierda, que se complementan con los botones geométricos para compartir en redes sociales a la derecha.

12 500px

Al igual que Crew, el blog de fotografía, 500px, comienza con un artículo destacado y una foto grande, audaz y de alta definición para atraer al lector. Eso deja bastante claro de qué trata el blog: cuenta con contenido valioso sobre fotografía con apasionante fotografía.

Además, ¿qué tan genial es que los enlaces sociales estén ahí, obviamente mostrados en la parte superior de la página? Mantienen a los lectores comprometidos con el contenido y facilitan compartir la fotografía y, el contenido con imágenes tiene hasta tres veces más probabilidades de ser compartido en las redes sociales.

13 Grado de píxel

Pixelgrade es un estudio de diseño que crea impresionantes temas de WordPress para todo tipo de personas creativas y pequeñas empresas. Su página de blog hace un gran trabajo al resaltar una de sus publicaciones de blog más recientes o populares, junto con un claro llamado a la acción y un breve extracto. Lo que más me gusta es que el diseño de la página está 100% en línea con su marca y cómo se comunican en otros canales también, como Instagram, Facebooko Gorjeo. No tendrá problemas para identificar sus publicaciones de blog, entre otros contenidos que puede encontrar mientras se desplaza por las redes sociales.

14 BarkPost

No es ningún secreto que nos gustan los perros aquí en HubSpot. Entonces, cuando un blog dedicado a la vida como dueño de un perro apareció en nuestro radar, llamó nuestra atención.

BarkPost, el blog de la empresa de cajas de suscripción canina BarkBox, es un gran ejemplo de diseño por varias razones. En primer lugar, mira lo fácil que es suscribirse: la llamada a la acción está justo ahí, encima del contenido destacado. Los íconos de compartir en redes sociales también se notan fácilmente y, por supuesto, todos en el azul confiable que combina con la marca.

También nos gusta que BarkPost llame la atención sobre sus empresas hermanas, todas las cuales pertenecen a la cartera de marcas de Bark & ​​Co. Pero al mismo tiempo, el blog no vende sus propios productos, sino que sirve como un recurso informativo para los dueños y amantes de los perros por igual.

15. Industrias de buena voluntad internacional

¿Quién dice que las organizaciones sin fines de lucro no pueden bloguear? No, ellos deberían – y Goodwill es limpio, colorido…