50 páginas “Quiénes somos” únicas e interesantes para inspirarte

Páginas Quiénes somos para inspirarte

Dicen que nunca tienes una segunda oportunidad cuando se trata de una primera impresión.

Y ya que la página “Quiénes somos” de tu sitio web con frecuencia actúa como una introducción, es seguro decir que es algo muy importante que tiene que hacerse bien.

Una página “Acerca de” o simplemente "Nosotros" exitosa no sólo está repleta de información interesante y útil sobre ti, y tu equipo, sino que también debería resumir a tu marca como un todo, estilísticamente y en términos de personalidad.

Puede que esto suene como una tarea bastante pesada de realizar, pero en realidad existen muchas maneras ingeniosas, simples y emocionantes en las que puedes abordar esta tarea, mientras que aún mantienes un diseño limpio, consistente y atractivo.

Entonces, sin nada más que agregar, démosles un vistazo a estos 50 únicos e interesantes ejemplos de páginas web “Quiénes somos” y exploremos qué es lo que hace que funcionen.

01. Una Paleta Elegante y Colores Impactantes

Rook

Este diseño por Rook mantiene las cosas muy simples y elegantes al utilizar una paleta de colores estricta y formas limpias. Su tono característico de dorado se usa por todo el diseño de manera simple y efectiva, llevándolo desde el logo hasta las imágenes, y a través de las letras.

Considera utilizar un filtro monocromático para algunas de tus fotografías de la misma manera en que lo ha hecho Rook aquí para los retratos de los miembros de su equipo. Esto te dará un mayor control sobre los colores utilizados en tu página “Acerca de” y ayudará a mantener tu paleta pequeña y fuerte, brindándote la oportunidad de realmente aprovechar los colores característicos de tu marca.

02. Letra Hecha a Mano y Fotografías Simples

Madebyband

Esta página “Nosotros” para Madebyband toma un enfoque algo diferente, pero logra comunicar la personalidad de la marca al instante mediante algunas letras hechas a mano y una distribución de imágenes complementarias simples. El uso de letras escritas a mano le da un toque personal al diseño de la página, y las limpias y sencillas imágenes y la presencia de espacio blanco ayudan a equilibrar todo.

Así que, independientemente que sea a través de letras personalizadas o unas cuantas imágenes personales, intenta encontrar una manera de insertar la personalidad de tu marca en tu página “Nosotros”.

03. Ilustraciones Divertidas y Paleta Vibrante

Pulp Fingers

Un tema recurrente y común en los diseños de página “Quiénes somos” es el uso de fotografías de tu equipo y ubicación, ¿pero por qué no seguir el ejemplo de Pulp Fingers y usar ilustraciones en su lugar? Este diseño usa una paleta de colores vibrantes de tres tono y unas cuantas ilustraciones definidas y estilizadas para crear una página “Nosotros” única e interesante que es tanto divertida como informativa. Por qué no te olvidas de la cámara un poco y tomas un lápiz, ya que los diseños ilustrados pueden agregar una atmósfera divertida, única e interesante para tu diseño de página “Nosotros”. Combina esa ilustración con una paleta de colores de marca y efectiva y estarás listo para comenzar.

04. Fotos del Equipo Sofisticadas y Composición Tipográfica Limpia

Jam3

Otro tema común de página “Acerca de” es tener retratos individuales de tu equipo, ¿por qué no considerar reunir a todo el grupo y tomar una foto colectiva?

Esta página para Jam3 hace justamente eso utilizando una foto grande y sofisticada de su equipo como el centro de atención. Esta toma está perfectamente equilibrada por un formato limpio y sencillo y letras bien ordenadas, todo lo cual se combina para formar una página “Nosotros” indiscutiblemente elegante y sofisticada.

Un consejo: Si eliges la ruta de una foto grupal, asegúrate de tomar en cuenta que por lo general las personas entran y salen de tu equipo con el paso del tiempo, lo cual hará necesario que actualices tu foto con mayor frecuencia. Pero si esto no es un problema, ¿qué estás esperando?

05. Letra Negrita e Imágenes Animadas

Purple, Rock, Scissors

¿Deseas que tus futuros clientes, empleados y/o colegas sepan exactamente cuáles son los valores de tu marca? Por qué no los escribes en negrita sobre un fondo blanco, justo como lo ha hecho Purple, Rock, Scissors en este ejemplo.

Otra cosa muy genial que tiene la página “Nosotros” de Purple, Rock, Scissors es su imagen de encabezado animada (haz clic para verla en acción) que hace que las imágenes del sitio de trabajo cobre vida. Un buen recordatorio para todos nosotros de estar atentos de nuevas maneras para conectarte con tu audiencia mediante el diseño y las herramientas web.

06. Paleta de Dos Colores e Ilustraciones Llamativas

Mike Kus

Una estupenda manera de mantener tu página “Nosotros” única y cohesiva es ser estricto con tu paleta de colores, como se hizo en este diseño de página “Nosotros” por Mike Kus. Al usar sólo dos colores – un primer plano y un fondo – esta página se vuelve altamente estilizada e impactante. Combina esa paleta de colores de dos tonos con algunas ilustraciones y letras llamativas y tendrás un diseño de página efectivo e interesante.

Asegúrate de elegir colores que tengan un contraste considerablemente alto si decidiste utilizar una paleta de dos colores, ya que necesitarás que tus elementos de primer plano resalten contra el fondo para mantener las cosas legibles.

Para más consejos y trucos que harán que domines el color rápidamente, asegúrate de darles un vistazo a estos 10 secretos de inspiración de color que sólo conocen los diseñadores.

07. Gráficos Limpios e Información Visualizada

Huge Inc.

¿Prefieres gráficos visuales en vez de paredes de texto? Si es así, échale un vistazo a este diseño para Huge Inc. que da un paso único al condensar su información en diagramas visualizados. Usando ilustraciones definidas y llamativas, Huge Inc. les transmite a los lectores sus valores como compañía, proceso de trabajo y ubicaciones de sucursales.

Considera usar símbolos, o ilustraciones simples para condensar porciones de tu información para ayudar a comunicar tu mensaje más rápidamente. Después de todo, como lo dice Neomam, “Sólo se necesitan 150ms para procesar un símbolo (y) 100ms para darle un significado”. Así que, estimula el procesamiento visual veloz (y agrega algunas ilustraciones atractivas al diseño de tu página) al usar símbolos y gráficos para respaldar tu mensaje clave.

08. Letras Bien Ordenadas y Tonos Cálidos

Studio Alto

A menudo se considera que las cuadrículas se usan más comúnmente en los medios impresos, pero este diseño por Studio Alto prueba que la web utiliza cuadrículas en la misma medida que lo hace cualquier medio impreso. Esta página “Nosotros” de tono cálido tiene una cuadrícula de cuatro columnas claramente identificable en acción que ayuda a que cada fragmento con letras esté bien ordenado y sea legible en la página.

¿Tienes una cantidad decente de letras que incluir en tu página? ¡De ser así, asegúrate de comenzar con una cuadrícula antes que nada! Al alinear tu letra y elementos con una cuadrícula mantendrás tu página legible y ordenada como en este ejemplo, no todo desordenado y revuelto.

09. Formato Simple y Espacio Blanco Limpio

Made By Shape

Cuando diseñes para la web, el espacio blanco es una de esas herramientas que nunca deberías dar por sentada y una de la que siempre deberías tener un buen control. Este diseño de página “Nosotros” por Made By Shape no sólo hace eso al equilibrar las áreas más repletas usando mucho espacio blanco, márgenes amplios, formas definidas y colores lisos suaves.

Si estás poniendo mucha información y contenido en tu página “Nosotros”, considera agregar algo de espacio blanco para ayudar a equilibrarla y a que tu página se vea elegante y profesional.

10. Una Línea de Tiempo Visualizada y Paleta Atractiva

Moz

¿Tu marca tiene una historia rica e interesante? Por qué no la visualizas con una línea de tiempo, justo como lo hizo Moz en este impresionante ejemplo. Al marcar los eventos clave con un fragmento de texto y una imagen complementaria, la historia de Moz se vuelve visible y es mucho más digerible e interesante para los lectores.

Intenta contarles una historia a tus lectores con tu página “Nosotros” para darles una idea de cómo se originó tu marca, y hacía donde podrías dirigirte en el futuro, e intenta hacerlo en una manera muy visual para generar un máximo interés.

11. Imágenes Ilustradas y una Vibra Cálida

Food Studio

¿Cuentas con un equipo maravilloso tras bambalinas? Dales un poco de protagonismo, como lo hizo Food Studio aquí. Algo interesante que hizo Food Studio es que realizaron los perfiles de sus empleados en ilustraciones de acuarelas rústicas que se incorporan a la vibra extravagante y cálida del resto de la página.

Establece un tema y atmósfera para tu página “Nosotros” que coincida con el resto de tu sitio y marca, y luego haz tu mejor esfuerzo para darle forma a todo elemento de manera que complemente el sitio – ya sea utilizando fotos elegantes y estilizadas de los miembros de tu equipo, o ilustraciones de acuarelas fantásticas.

12. Colores Llamativos y Fotos Grandes del Equipo

Mixd

¿Buscas generar impacto con tu diseño? Considera aumentar la escala de las cosas un poco para que sean grandes y llamativas. Este diseño por Mixd hace eso mismo al aumentar la escala de las letras en la imagen de encabezado principalmente, y también usando imágenes casi de pantalla completa para dirigir la atención hacia las biografías de los empleados.

Combina tus elementos escalados y llamativos con algunos colores nítidos y de alto contraste como lo ha hecho Mixd para ayudar realmente a que tu página “Nosotros” sorprenda.

Algo que debes tomar en cuenta: por lo general las cosas a las que les aumentes su escala tienden a convertirse en puntos focales, así que, procura usar la escala con cuidado. Una gran escala conlleva una gran responsabilidad.

13. Imágenes Sofisticadas y un Formato Simple

Kingdom Coffee and Cycles

Este diseño por Kingdom Coffee and Cycles es una mezcla perfecta de diseño simple y moderno. Al combinar un formato simple y limpio con unas cuantas imágenes, un video interesante y un mapa útil, este diseño logra mezclar la forma y función en una manera extraordinaria.

Esta página “Nosotros” también integra un feed de su perfil de Instagram a lo largo de la parte inferior de su página, ¡lo cual es una manera muy ingeniosa de mantener tus imágenes actualizadas y relevantes mientras que también dirige la atención y el tráfico hacia tus perfiles de redes sociales!

14. Gráficos Limpios y Líneas Definidas

Wix

Este diseño para la herramienta de creación de sitios web Wix es estilizado y efectivo apropiadamente. Las formas limpias, las imágenes claras, mucho espacio blanco, y una composición tipográfica ordenada se unen para formar un diseño estilizado y profesional que enmarca a la perfección sus declaraciones de misión y una línea de tiempo sencilla de la compañía.

Este es otro ejemplo que muestra cuán importante puede ser el espacio blanco. Nota cómo el contenido se coloca en el centro de la página, unido entre dos amplios márgenes con mucho espacio blanco para equilibrar el diseño y mantener una apariencia profesional.

15. Colores Distintivos Llamativos e Información Resaltada

6tematik

El blanco y el negro nunca pasan de moda, pero en algunas ocasiones, un diseño meramente monocromático puede ser demasiado, así que intenta romper esa paleta de colores de dos tonos con uno o dos colores distintivos llamativos como lo ha hecho aquí 6tematik. Al agregar toques de rosa y azul intensos, la nítida combinación de colores, que de lo contrario sería en blanco y negro, se rompe y los puntos focales se resaltan.

Procura tener en cuenta que entre más cosas resaltes con un colores distintivo, menos efectiva será esta técnica, porque si todo está resaltado, las personas no sabrán hacia dónde mirar. Asegúrate de sólo resaltar los puntos clave de información para ayudar a señalarles a los lectores en dónde se encuentra la información importante.

16. Márgenes Amplios y Elementos Mínimos

Alfred

Los márgenes son los extremos, los bordes y el espacio alrededor de la parte principal de tu diseño, y al hacerlos más pequeños, puedes aumentar la tensión de tu diseño, y al hacerlos más amplios, puedes crear un formato más apacible. Esta página “Nosotros” de Alfred toma el segundo enfoque mencionado al mantener sus márgenes amplios y abiertos, creando un diseño limpio, minimalista y relajante.

Este diseño también alinea en el centro su letra, algo que normalmente se consideraría romper un poco las reglas, pero en este caso, con esta pequeña cantidad de letras y limpio diseño, funciona a la perfección. No temas torcer las ‘reglas’ un poco y ajustar tu diseño hasta que encuentres algo que funcione.

17. Letra Llamativa y Perfiles Personalizados

Big Cartel

Este diseño de página para Big Cartel mantiene las cosas relativamente simples, y deja que el contenido sea el centro de atención. Con la sencilla pero impactante declaración de misión, la hermosa pieza de letra a mano, y los perfiles de los empleados, las estructuras del diseño son muy simples, pero el contenido impresionante y llamativo.

Esta página “Quiénes somos” también hace algo único con las fotos de perfil de los empleados – cada imagen tiene un pequeño botón de reproducción que cuando se presiona activa un video corto de cada persona en su tiempo libre, desde jugar con sus hijos hasta volar aviones. Esta simple y única adición a la página “Nosotros” de Big Cartel les da a los usuarios una visión más personal sobre las personalidades del equipo.

18. Estructura Modular y Tonos Cálidos

TOWA

Estoy segura que durante tu navegación en línea has notado que por lo general las páginas web se dividen de manera horizontal, y que cada sección te lleva a la siguiente como se fuese una escalera. ¿Pero de casualidad alguna vez consideraste prescindir de esa típica estructura a favor de una más modular como esta de TOWA?

Este diseño divide la información en rectángulos y cuadrados entrelazados para crear un grupo ordenado de informaciones, reseñas, datos e imágenes. Esta estructura modular se ha combinado con una paleta de colores de tono cálido consistente que complementa las imágenes usadas y crea una atmósfera acogedora.

Esta estructura modular no sólo se ve bien y tiene una sensación única, sino que también ahorra espacio, manteniendo la página web corta y logrando que abarque sólo una pantalla en muchos casos. ¡Totalmente beneficioso por donde quiera que lo veas!

19. Colores Impactantes y Gráficos Llamativos

Visionaire

En términos simples, este diseño de Visionaire es grande y llamativo. El uso del color rojo característico de Visionaire por todo el diseño de la página ayuda a reforzar el vínculo entre la marca y ese color específico, al igual que crea un diseño sorprendente. El uso de letra negrita, grandes bloques de color para separar trozos de información, y los diagramas destacados ayudan a reforzar de inmediato a los lectores quién es Visionaire.

20. Fuerte Contraste e Ilustraciones Vintage

Woah Nelly Catering

Esta página “Quiénes somos” para Woah Nelly Catering por Cody Small se aleja de las tendencias de diseño web estilizadas, lisas y profesionales, y opta por un diseño cálido, acogedor, inspirado en el estilo vintage. Al combinar hermosas ilustraciones de colores cálidos con imágenes vibrantes y una letra muy sencilla, esta página “Nosotros” es única e interesante.

Observa la manera en que se han utilizado las ilustraciones como fondo para algunos de los elementos, lo cual es una estupenda forma para agregar color y textura a tu diseño. Sólo procura mantener el contraste alto entre tu contenido e imagen de fondo, aunque también asegúrate de mantener todo legible. En este caso, las formas blancas simples han sido creadas para mantener ese contraste y alineación con el resto de los elementos.

21. Letra Fina y una Paleta Limpia

EB Pearls

¿Quieres crear una página “Nosotros” más profesional y limpia? Bueno, sigue el ejemplo de EB Pearls y elige una tipografía sans serif fina, desarrolla una paleta limpia y ligera, y luego agrega algo de espacio blanco para una buena medida. Este diseño es elegante, profesional y apacible gracias a las imágenes ligeramente coloridas, la abundancia de espacio blanco y la tipografía ligera.

Nota cómo los puntos focales de este diseño son la declaración de misión de EB Pearls posicionada justo debajo de la página principal. Aunque por lo general se piensa que una tipografía grande y llamativa es la mejor forma de llamar la atención, a veces una más ligera y fina puede ser exactamente lo que el cliente estaba buscando.

22. Colores Apagados e Ilustraciones Simples

Eva Black Design

Una vez más, esta página de Eva Black Design mantiene las cosas simples pero atractivas. Al usar una combinación pequeña de colores apagados, imágenes que se complementan entre sí, letra limpia e iconos ilustrativos pequeños y estilizados, este diseño logra reunir una cantidad decente de información en un espacio considerablemente pequeño.

Este es otro ejemplo en donde un buen sistema de cuadrícula puede ser de ayuda. Dividir tu página verticalmente en columnas y luego alinear tus elementos con esta cuadrícula, no sólo creará un diseño atractivo, sino que lograrás ahorrar mucho espacio (¡y tiempo!).

23. Imágenes Animadas y Letra Impactante

Fantasy

¿Quieres darle vida a tu diseño, pero no sabes cómo? ¡Por qué no haces lo mismo que ha hecho Fantasy aquí y das tu primer paso hacia el mundo de las imágenes animadas! Usar videos y GIFs animados como elementos de fondo es una creciente tendencia en el mundo del diseño web ya que estos producen un efecto envolvente (mira la página de Fantasy con tus propios ojos).

Además de los fascinantes elementos de fondo animados de pantalla completa, esta página “Quiénes somos” tiene un diseño bastante sencillo, con texto simple de título en negro y unos cuantos elementos rojos para resaltar enlaces importantes y la marca registrada.

24. Biografías Creativas y Gráficos Cautivadores

Superfluent Design

Esta página “Acerca de” por Superfluent Design toma un enfoque único para el diseño del perfil de los empleados al usar un gráfico centralizado, retratos de cuerpo completo de dos empleados, y peldaños individuales de información y estados de cada persona. Esta técnica no sólo es única e interesante sino que también humaniza el negocio y le pone un rostro (y personalidad) al nombre.

Siempre ten en cuenta que cuando las personas hacen clic en la pestaña ‘Nosotros’ de tu sitio, buscan más una perspectiva de quién eres tú y tu marca, así que no sientas que no puedes incorporar un poco de personalidad y creatividad en tu diseño.

25. Formas Definidas e Imágenes Coloridas

Firstborn

Este diseño por Firstborn mantiene las cosas ingeniosas y llamativas usando formas definidas, colores vivos y un fuerte sentido de alineación. Estas formas y colores se complementan a la perfección con las tipografías en negrita y limpias sans serif que ayudan a resaltar los títulos en una forma natural.

Una estupenda manera de marcar algunas fotografías para su colocación en tu página “Nosotros” es hacerlo como lo hizo Firstborn aquí y poner tu color distintivo de marca en la imagen. ¡Esto no sólo pondrá tu marca en la foto, sino que ayudará a que encaje con el resto de tu diseño y paleta de colores mucho más fácilmente!

26. Atmósfera Divertida y Colores Vibrantes

Ghostly Ferns

Esta página “Nosotros” del estudio creativo Ghostly Ferns promueve una atmósfera amigable, positiva y divertida al instante mediante colores llamativos y vibrantes, declaraciones de misión grandes y claras, y un poco de humor (échale un vistazo a “spooky graveyard of past interns”).

Cuando diseñes tu página “Quiénes somos” trata de encontrar una manera de visualizar la personalidad de tu marca. Al usar una paleta cuidadosamente seleccionada, un cuerpo de texto redactado de forma creativa, y un tema de marca único para tu diseño de página, puedes darle a tu marca una ‘voz’ visualizada, y darle a cualquier futuro cliente una idea clara de quién eres exactamente.

27. Elementos Mínimos y Tonos Fríos

Gin Lane

Cuando uses muchas fotografías en tu página “Nosotros”, intenta seleccionar imágenes que combinen bien entre sí para asegurarte de mantener un diseño cohesivo. En este ejemplo hermoso y minimalista de Gin Lane, cada fotografía tiene una paleta de colores muy similar de blancos y negros y tonos fríos.

Una manera simple de hacer que tus imágenes parezcan más cohesivas es colorearlas todas de forma similar usando filtros. Los filtros son una manera mágica a tan sólo un clic de recolorear y mejorar tus fotos, así que asegúrate de encontrar un filtro que funcione para ti y tu diseño y ponlo en cada imagen para ir en el camino correcto hacia un diseño cohesivo.

28. Elementos Agrupados y Diseño Equilibrado

Meg Long Creative

Este diseño por Meg Long Creative toma un enfoque algo diferente a los diseños de página “Acerca de”. Al agrupar los elementos gráficos, de imagen y letra en vez de alinearlos ordenadamente, y darles un tamaño a cada elemento de manera aleatoria en lugar de cohesiva, este diseño crea una composición menos pulida, pero más mezclada.

No te confundas – aunque pueda parecer que los elementos de este diseño se aventaron y agruparon al azar, la composición sigue estando cuidadosamente construida. Presta atención en la manera en que cada elemento se equilibra de manera uniforme por otros elementos para garantizar que ninguna parte del diseño domine a la otra. ¡Siempre hay que asegurarse de mantener ese equilibrio!

Para más consejos sobre el dominio de la composición en tus diseños, échale un vistazo a estos 10 consejos.

29. Colores Vivos y Mapa del Proceso Visualizado

Image Conscious Studios

¿Te apasiona una paleta de colores vivos y llamativos? Sí es así, procura mantener el resto de tu diseño considerablemente limpio y sencillo como este de Image Conscious Studios para evitar que el diseño se vuelva chillón o abrumador. Este diseño usa una sorprendente paleta de colores negro, blanco, gris y amarillo, y equilibra dicha paleta con un diseño simple, plano y definido.

Además, este diseño de página no sólo se ve bien, sino que también es altamente funcional e informativo. Este ejemplo utiliza gráficos simples basados en círculos para explicar su proceso y filosofía en una manera fácilmente digerible. Recuerda que tu página “Quiénes somos” debería ser informativa y estilizada en partes iguales, lo que este ejemplo nos mostró que es 100% posible.

30. Estructura Geométrica y Colores Nítidos

Joy Intermedia

Este diseño por Joy Intermedia usa una combinación de formas geométricas, y colores nítidos y lisos, y espacio blanco para crear una página “Acerca de” estilizada, lisa y profesional. Al dividir cada elemento visual y escrito en marcos cuadrados y definidos, se le da al diseño una estructura tipo cuadrícula única. Además, el uso de estas secciones cuadradas hace que alinear cada elemento sea rápido y fácil.

Otro beneficio de usar un diseño altamente geométrico y bien alineado (aparte del hecho de que se vea bien) es que esta estructura ayuda a guiar el ojo a través del diseño – de bloque a bloque.

31. Fotografías Estilizadas y Fuerte Contraste

Mr President

Esta página “Nosotros” para Mr President toma un enfoque único pero altamente efectivo para la misma. Al usar un retrato del equipo no tradicional apropiadamente estilizado, y una paleta de colores nítidos, este diseño es refinado y sofisticado, mientras que al mismo tiempo moderno y elegante.

Este diseño de página no sólo es estilizado sino que también moderno debido a que tiene feeds en vivo de las cuentas de Instagram y Twitter de Mr President para mantener la información actualizada y relevante, mientras que también promueve cada cuenta de redes sociales. Cada imagen de Instagram tiene un filtro monocromático para ayudar a relacionarla con la combinación de colores de la marca y el diseño de la página.

32. Títulos Grandes e Ilustraciones Interesantes

Neotokio

¿Quieres centrar la atención en tu letra? Bueno, por qué no sigues el ejemplo de Neotokio y aumentas su escala. Este diseño hace que la letra sea el centro de atención al usar una tipografía grande y en negrita para crear un título sorprendente y llamativo. Este encabezado exagerado se complementa por un diseño que, de lo contrario sería considerablemente simple y limpio, mantiene la atención en el contenido escrito.

Este diseño también logra comunicar mucha personalidad de marca a través de las visualizaciones de datos diseñadas de manera simple y les da a los lectores un vistazo a los hábitos de trabajo y personales del equipo detrás de Neotokio y cómo han cambiado desde 2006. Esto no sólo ayuda a construir una personalidad para la marca, sino que también visualiza lo mucho que ha cambiado la marca a lo largo de los años. Así que, si tu marca ha cambiado para bien con el paso del tiempo, intenta buscar una manera de capturar eso visualmente para tu audiencia.

33. Imágenes Simples y una Composición Limpia

Focus Lab LLC

A veces realmente menos es más como podemos verlo en este hermoso y limpio ejemplo de Focus Lab LLC. Este diseño mantiene las cosas simples y elegantes al usar imágenes definidas, tipografías limpias, y un uso muy sutil del color rojo distintivo de la marca.

Algo que cabe destacar de este diseño es la manera tan cuidadosa en que se ha colocado la letra. Cuando diseñes sitios web, haz tu mejor esfuerzo para apegarte a algunas de las ‘reglas’ tipográficas más comunes, como evitar viudas y huérfanas cuando se compongan los párrafos.

Para más consejos sobre el dominio de la letra y unos cuantos consejos sobre cómo evitar los obstáculos tipográficos, lee estos 20 errores tipográficos que todos comenten.

34. Marca a Gran Escala y Letra Bien Ordenada

Image Mechanics

¿Tu marca tiene un logo impresionante? Bueno, ¿qué tiene de malo presumirlo en tu página “Quiénes somos”? Este diseño de página para Image Mechanics hace justamente eso al usar un logo a gran escala en la parte superior derecha de la página. Esta marca grande y llamativa no sólo ayuda a familiarizar a las personas con tu marca, sino que también crea un centro de atención para el diseño como un todo.

De nuevo, esta marca exagerada se complementa y equilibra por un diseño considerablemente simple – incluyendo letra bien ordenada, una paleta de colores muy pequeña, e imágenes bastante sencillas y bien alineadas. Cuando diseñes tu página, elige tus batallas con sabiduría, procura ser deliberado respecto a los elementos que enfatizas, y cuáles mantienes más simples y minimizados.

35. Ilustraciones Garabateadas y Líneas Guía

Have A Nice Day Online

Este diseño para Have A Nice Day Online es vibrante y divertido, gracias a las ilustraciones personalizadas dispersas por la página. Pero, estos alegres garabatos no son únicamente para propósitos estéticos, también tienen una función – actúan como líneas guía que ayudan a guiar el ojo a través del diseño, desde la introducción de la compañía, hasta las asociaciones y valores de la marca.

Siempre considera el punto de vista de tu diseño, y hacia dónde se dirigen naturalmente los ojos de los espectadores cuando ven tu página. Tu página “Nosotros” debería ser fácilmente navegable y fácil de seguir, así que intenta estructurar tu diseño y composición de manera que todo resulte fácil de seguir para los espectadores.

36. Un Impactante Color Distintivo Neón y Formas Geométricas

Prime Union

¿Quieres que tu diseño resalte? Bueno, inspírate un poco con este diseño neón de página “Quiénes somos” para Prime Union. Con la combinación de un vibrante color distintivo neón, letra negrita, formas geométricas y un intenso grado de contraste, pareciera como si este diseño fuese a saltar de la página.

Este diseño también superpone unos cuantos elementos, incluyendo la letra del título, y algunas formas geométricas y letras sobre la imagen. Aunque definitivamente esta técnica no funcionará para todos en cualquier diseño, puede ser una técnica moderna y atrevida de la cual se le puede sacar provecho. La moraleja de la historia: siempre prueba experimentar con nuevas técnicas, y no les tengas miedo a los extremos neón del espectro de cromático.

37. Imágenes en Collage y Márgenes Amplios

Social Print Studio

Hemos observado muchos ejemplos de páginas “Nosotros” que utilizan fotografía minimalista, limpia y ordenada, pero las fotos minimalistas no son el elemento más importante. ¿Por qué no unas cuantas fotos de un caos algo organizado? Este diseño de página por Social Print Studio lo logra al usar un grupo de imágenes entretenidas y haciendo un collage con ellas en una manera interesante.

Pero, lo que evita que este diseño se vea demasiado abrumador o excesivo es el uso de márgenes entre cada imagen. Las sencillas piezas de espacio blanco que ayudan a separar cada imagen de la anterior contribuyen a que este diseño permanezca legible y bastante organizado, mientras que todavía abraza y celebra la actividad en cada imagen.

38. Paleta Inspirada en lo Vintage e Imágenes Fantásticas

Kittie's Cakes

Esta página “Acerca de” inspirada en lo vintage para Kittie’s Cakes mantiene las cosas fantásticas y acogedoras usando colores cálidos, ilustraciones divertidas y una hermosa letra tradicional. Las ilustraciones simples dispersas por la página le dan un toque único y alegre a la marca, y ayudan a romper las líneas horizontales definidas de la estructura de la página.

Este diseño también utiliza la jerarquía para el beneficio de la página. Al enfatizar los títulos de cada sección, incluso las personas que sólo están echándole un vistazo a la página captarán la idea de la información clave – quiénes son, qué inspiran sus productos, y cuáles son sus valores. Siempre recuerda poner atención a tu jerarquía cuando diseñes tu página para que todo sea lo más legible posible.

39. Una Paleta Cálida y Formas Limpias

Woah Nelly Catering

Esta página “Nosotros” por Story and Heart es cálida, acogedora, mientras sigue manteniendo un aspecto profesional y estilizado. Las formas definidas, la marcada alineación y el evidente uso de una cuadrícula ayudan a estructurar y enmarcar las hermosas imágenes escénicas del encabezado al igual que los cálidos y amigables perfiles de empleados.

Nota cómo las cuatro imágenes del encabezado en este ejemplo son como un bolsa mezclada de estilo fotográficos – algunas tienen mucha textura, unas son escénicas, y otras son tomas de animales. Intenta mezclar tus imágenes para crear una imagen e historia más completa para tu página “Quiénes somos”, así las personas tendrán una idea visual más fuerte sobre quién eres.

40. Tonos Oscuros y Alineación Tipográfica Fuerte

Always Creative

Si existe una sola cosa en la que concuerdan la moda, el diseño y la industria creativa en conjunto, es que el negro nunca pasará de moda. Entonces, es muy probable que tampoco lo hará este diseño oscuro y nítido por Always Creative. El uso de un fondo negro nítido, y letra blanca/gris oscuro encima crea una sensación de misterio, intriga y elegancia.

Debes de tener cuidado cuando trabajes en un diseño oscuro y procura que la legibilidad sea tu principal prioridad. No uses una letra que sea demasiado oscura, o que choque con el fondo negro ya que esto no sólo no se vería bien, sino que dificultaría la lectura de las cosas, algo que ciertamente queremos evitar.

41. Una Estructura Limpia y Datos Visualizados

Substrakt

La intención clave detrás de una página “Quiénes somos” es que las personas te conozcan, así que por qué no brindarles a las personas algunos datos sobre ti y tu compañía como lo hizo Substrakt en este ejemplo. Al usar imágenes grandes y una cantidad mínima de letras, cada ‘dato’ se vuelve más digerible y atractivo de leer, lo que les da a los consumidores un entendimiento claro sobre quién es Substrakt como marca.

Considera dividir tu página “Nosotros” en secciones separadas para ayudar a los lectores a navegar y consumir tu información con mayor facilidad. Por ejemplo, este diseño primero introduce la marca, luego el equipo detrás de bambalinas, y después siete ‘datos’ individuales sobre la marca. Al dividir tu diseño de esta manera, evitas que la información sea leída superficialmente.

42. Elementos Reflejados y una Pequeña Paleta

The Mealings

Este diseño para The Mealings refleja las cosas al dividir verticalmente la página y reflejar cada elemento en cualquiera de los lados para crear una biografía equilibrada para cada miembro del equipo. La paleta de colores para este diseño se mantiene pequeña, con sólo un color azul marino sencillo y un blanco para mantener el contraste alto y la composición mínima.

Este ejemplo también usa jerarquía tipográfica para dirigir la atención a ciertos elementos del diseño – p.ej., el nombre y título de cada persona, y pequeños fragmentos de información sobre su personalidad al fondo. Cuando diseñes tu propia página “Acerca de”, no olvides usar la escala, el grosor de fuente, y diversas tipografías para redirigir la atención.

43. Perfiles de Empleado Geométricos e Imágenes Monocromáticas

Globule Bleu

¿Quién dijo que todas las imágenes de perfiles de empleados tenían que presentarse como fotografías de retrato cuadradas y cuidadosamente espaciadas? ¡Nadie! Así que, sigue el ejemplo de Globule Bleu y mezcla un poco tus perfiles de empleado. Lo que hace Globule Bleu en vez de retratos es utilizar imágenes de objetos que representan a cada miembro de su personal, que cuando se les da clic revelan un retrato real y una pequeña biografía.

Este ejemplo también ignora el típico espaciado, marcos cuadrados, y en su lugar opta por formas de diamante teseladas para crear una sorprendente silueta geométrica. Además, al combinar esa silueta con algunos filtros monocromáticos se crea un diseño de página impresionante y memorable.

44. Imágenes Receptivas y un Formato Limpio

Lateral Inc

La belleza de este diseño tiene que experimentarse de primera mano, así que antes de que diseccionemos el diseño, échale un vistazo aquí. Si agitas tu mouse por encima de los retratos de los empleados, podrás notar que los rostros dirigen su mirada hacia tu cursor. Bastante ingenioso, ¿no lo crees?

El resto del diseño es realmente sencillo, con una paleta de colores predominantemente monocromática y un diseño simple, la función de seguimiento de cursor es giro simple pero innovador del típico diseño de página “Quiénes somos”, y es lo hace que este ejemplo sea memorable, interesante y único.

Así que, no sientas que para poder lograr algo memorable necesitas tener un diseño enorme y detallado. A veces lo único que necesitas es una idea simple e ingeniosa.

45. Multimedios Mixtos e Historia Visualizada

Ugmonk

¿Tienes mucha información que impartirles a los lectores de tu página “Quiénes somos”? Considera extenderte más allá de la palabra escrita hacia otras plataformas de medios como lo ha hecho Ugmonk en este ejemplo.

En esta pieza, Ugmonk incluye una copia escrita, fotografías, gráficos, mapas, líneas de tiempo, videos integrados, etc., para capturar la creciente historia de la marca. Este enfoque alto en contenido se equilibra inteligentemente por un diseño bastante simple, con mínimas letras, amplios márgenes, y una paleta razonablemente pequeña. Recuerda siempre mantener la atención en tu contenido y dejar que tu diseño lo enmarque y complemente en una forma natural que mejore la comunicación.

46. Colores Lisos Llamativos y Letra Limpia

Studio Cinco

Este diseño por Studio Cinco crea un tono vivo, vibrante y llamativo para su marca al usar una paleta vistosa compuesta de rojo, amarillo, gris, y un negro intenso, y combinando esa impactante paleta con una tipografía sans serif simple.

También nota cómo este diseño usa colores muestreados de la imagen para ayudar a que el diseño parezca más cohesivo. Si tienes una imagen de marca que te gustaría usar en tu página “Nosotros”, considera muestrar los colores directamente de ella para crear la paleta de tu página de manera rápida y efectiva.

47. Pocas Imágenes y Letra Elegante

Human

Este ejemplo por Huuman es otro ejemplo de un diseño limpio y sofisticado de página “Acerca de”. Desde el uso de elementos bien alineados y una paleta limpia, hasta la hermosa imagen de encabezado de fotografía sobre plano/flat-lay, este diseño une la forma y la función de la mejor manera posible.

Esta página informativa y limpiamente diseñada también termina con un grupo de “cosas que podrías no (necesitar) saber de nosotros” que incluye puntajes de videojuegos, números de gatos poseídos, etc. Esta divertida y despreocupada despedida es una buena forma de darle un poco de humor y personalidad a una página que, de lo contrario, tendría únicamente un aspecto muy profesional y serio.

48. Gráficos Inspirados en Fallas y un Sorprendente Color Distintivo

Nclud

Este diseño por Nclud puede describirse con las siguientes palabras: moderno, creativo, osado y memorable. Esta página “Quiénes somos” inspirada en fallas es increíblemente envolvente, desde el instante en que haces clic en la página. El vibrante color distintivo morado es impactante, al igual que los perfiles oscurecidos de los empleados que sólo se revelan cuando pasas el mouse por encima. Este diseño es increíblemente envolvente e interesante.

Este diseño no es sólo increíblemente envolvente gracias al diseño visual, sino que la copia escrita también es igual de interesante y expresiva. Tener un diseño de página llamativo y osado y un texto aburrido no se vería bien, así que cuando diseñes tu página, asegúrate darle tanta importancia a la palabra escrita como a la impresión visual.

49. Ilustraciones Elegantes y una Paleta Romántica

Feather and Stone

Este diseño para Feather and Stone sacrifica fuentes, fotografías, gráficos, y una gran parte de otras convenciones típicas de página “Nosotros”. En cambio, regresa las cosas a sus raíces y presenta su historia y sus introducciones mediante ilustraciones y una hermosa letra hecha a mano.

Este elegante y romántico diseño es perfecto para Feather and Stone que son fotógrafos de bodas, ya que le da un toque muy elegante y personal al diseño de la página que podría no haber sido posible de lograr con gráficos nítidos y tipografías impecables. Considera introducir ilustraciones y/o letra escrita a mano en tu diseño para darle un toque de sofisticación y encanto a la mezcla.

50. Ilustraciones Dibujadas y Visualizaciones de Personalidad Simples

Loud Noises

Este último ejemplo por Loud Noises es otro ejemplo sobre cuán beneficiosos pueden ser los diseños de página “Quiénes somos” altamente ilustrativos. Sin embargo, a diferencia del ejemplo anterior, esta pieza combina la letra y las ilustraciones para crear un diseño un poco más nítido, y uno que puede incluir un poco más de información.

El contraste entre las fuentes sans serif más definidas y los dibujos más irregulares en este ejemplo crea un efecto único, y construye la marca como una que domina ambas disciplinas, la análoga y la digital. Además, el uso de tipografías digitales garantiza que el contenido escrito será legible para prácticamente cualquier persona, algo obviamente positivo.

¿Qué dice tu Página “Quiénes somos” sobre ti?

Artículos relacionados

Ver todo

Convierte tus ideas en realidad en minutos

Exprésate con el programa de diseño más fácil del mundo.