According to a recent survey, blogs have ranked as the third most trustworthy source of information, following only friends and family. That's right — bloggers are trusted more than celebrities, journalists, brands, and politicians.
But how do you get people to fall in love with your blog in the first place? (Aside from remarkable content, of course.)
Well, just as your website homepage is like the front door to your business, your blog's design — much like a welcome mat — is the front door to your business blog.
Según una encuesta reciente, 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.
If you're not attracting people visually, how will you get them to take the next steps to actually read (and, hopefully, subscribe to) your content?Once you're done creating the quality content, you still have the challenge of presenting it in a way that clearly dictates what your blog is about. Images, text, and links need to be shown off just right — otherwise, readers might abandon your content, if it's not showcased in a way that's appealing, easy to follow, and generates more interest.
That's why we've compiled some examples of blog homepages to get you on the right track to designing the perfect blog for your readers. Check 'em out, below.
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 que genere más interés.
Es por eso que hemos compilado algunos ejemplos de páginas de inicio de blogs para guiarlo en el camino correcto para diseñar el blog perfecto para sus lectores. Échales un vistazo, a continuación.
1 Help Scout
Sometimes, the best blog designs are also the simplest. Help Scout, makers of customer service software, uses a unique but minimalist design on its blog that we love — it limits the use of copy and visuals and embraces negative space.
What we particularly like about this blog is its use of featured images for all posts, including a banner one at the top that highlights a recent or particularly popular entry. These icons are set in front of bright, block colors that catch the readers' eye and signal what the post is about. And it works — everything about this blog's design says "clean" and "readable."
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 Microsoft Stories
Full disclosure: We've totally gushed over Microsoft's "Stories" microsite before. We can't help it — what better way to revitalize an old-school brand than with a blog that boasts beautiful, interactive, and inspiring branded content? Plus, the square layout of these stories is reminiscent of the Microsoft logo, which achieves a valuable brand consistency.
Microsoft Stories is also a prime example of how a business blog can be a major asset for an overall rebrand. In recent years, Microsoft has worked to humanize its brand, largely in response to a rivalry with Apple. The "Stories" microsite has a simple tagline — "Get an inside look at the people, places and ideas that move us." It's the softer side of Microsoft, so to speak.
When you're trying to convey a certain brand message, your blog can be used to communicate it — both aesthetically, and content-wise.
Divulgación completa: hemos hablado totalmente sobre el micrositio "Historias" de Microsoft antes. 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 parte como 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
An important aspect of a well-designed blog is a consistent color scheme and style — after all, 80% of consumers say that color boosts their recognition of a brand.
It's interesting to see how color consistency can unify the more diversified elements of design. Pando, a blog that explores the startup cycle, incorporates bluetones in several sections of its site — the background, highlight bars, and certain areas of text. But it also uses several different fonts — all of which manage to look seamless together,when tied together by a cohesive color scheme.
- Un aspecto importante de un blog bien diseñado es una combinación de colores y un estilo consistentes; 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 Design Milk
Design Milk, an online contemporary design outlet, uses a very simple layout to highlight its posts. The sidebar to the right — which remains visiblewhen a blog post is opened to read — is perfect for showcasing thumbnail images for new articles. That's an internal link strategy, which helps to encourage readers to remain on the site longer.
The social icons at the top are a pleasant addition to the overall look and feel of the site — they're easy to spot, and make it easy to share Design Milk's content. (And to learn more about adding social buttons to your blog, check out this post.)
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 artículos nuevos. Esa es una 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, an art and design blog, is an example of a really sleek design that also includes some cool personalization.
Near the top of the blog's homepage, readers can side-scroll through "highlighted" posts. Below that is the Creativity Finder, where visitors can select their chosen personas — from "Art Lover" to "Freelance" — location, and the type of content they're looking for. From there, readers can browse content specifically catered to them.
We can't help but love the header image, too. It uses something called "blue mind" psychology, which has found that the sight of open water can naturally draw us in. By using it in a design scheme, Fubiz is able to visually attract visitors to its content
Fubiz, un blog de arte y diseño, es un ejemplo de un diseño realmente elegante que también incluye algunas personalizaciones geniales.
Cerca de la parte superior de la página de inicio del blog, los lectores pueden desplazarse lateralmente por las publicaciones "destacadas". Debajo está el Buscador de creatividad, donde los visitantes pueden seleccionar sus personajes elegidos, desde "Amante del arte" hasta "Freelancer", la ubicación y el tipo de contenido que están buscando. A partir de ahí, los lectores pueden buscar contenido diseñado específicamente para ellos.
No podemos evitar amar la imagen del encabezado también. Utiliza algo llamado psicología de "mente azul", 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..
For a similar look, check out the new CMS Hub theme collection on the Envato marketplace
- Para obtener un aspecto similar, consulte la nueva colección de temas CMS Hub en el mercado de Envato