Un día, el equipo de Obys una agencia de diseño con sede en Ucrania que crea experiencias gráficas y web únicas en todo el mundo, decidió crear un sitio educativo con consejos y ejemplos útiles. El año pasado presentaron el proyecto “Principios de la tipografía” a todo el mundo del diseño.
Este sitio se hizo súper popular y recibió más de 200.000 visitas sin ningún tipo de publicidad e inspirados en el éxito de Typography Principles y empezaron a trabajar en un segundo sitio: Colors Combinations. Aquí combinaron seis fotos de diferentes fotógrafos y las complementaron con combinaciones de colores.
La idea principal
“La gente nos pregunta a menudo: ¿dónde buscan la inspiración para sus proyectos? La respuesta es muy sencilla: en la vida cotidiana. La inspiración se esconde en las personas, en la belleza de la naturaleza, en la arquitectura, en libros y revistas, en carteles y páginas web, etc. Y los fotógrafos son las personas que intentan captar y capturar esta belleza en la fotografía. Por eso siempre quisimos generar un portafolio para uno de estos talentos. Este sitio web se convirtió en una ilustración de cómo el fotógrafo ve el mundo a través de su lente. Todo el sitio es como una cámara (¡incluso tiene una batería!).” Nos contaron desde la agencia Obys
Un dato interesante sobre la batería: mientras navegas por el sitio, esta va disminuyendo, hasta el final cuando se descarga por completo. La idea principal de esta web no es solo que sirviera para encontrar inspiración, sino también mostrar cómo utilizarla en el proceso de diseño: cómo combinar colores y tonos, cómo encontrar combinaciones de colores no estándar para los proyectos.
Queríamos crear un sitio educativo que no fuera aburrido, pero con una narración interesante y características memorables.
Colors Combinations resultó ser no solo una buena adición al sitio sobre los principios de la tipografía, sino también un sitio web educativo independiente. Puede ser útil para todos los diseñadores y personas que tratan de encontrar inspiración en su rutina diaria. Pero también para los diseñadores jóvenes y experimentados que abren nuevos horizontes y amplían sus propios límites.
Narración “no aburrida”, y características memorables
Cualquiera que siga a la agencia Obys, sabe que son los maestros del storytelling. Esta es su fuerza y su debilidad al mismo tiempo. En este caso, han intentado no crear un sitio-portafolio, sino un proyecto educativo. El usuario debe entender de qué trata este sitio, incluso sin leer los textos.
Ahora hablemos de colores. ¿Por qué eligieron estos seis? Buscaron a fotógrafos geniales, tomaron colores y combinaciones de ellos. Intentaron encontrar todos los colores principales y para que no fueran similares entre sí, las páginas cambian de color al pasar el mouse sobre colores adicionales.
El segundo tipo de letra es más tecnológico y similar al que se utilizaba en las antiguas interfaces de las cámaras.
Los tipos de letra. La primera es sans serif regular. Al principio querían usar una fuente con serifa, pero luego el proyecto se puso de moda. Y necesitaban que fuera sencillo, tecnológicamente, ya que este sitio es como una cámara fotográfica, en la que hay una galería, un enfoque de la foto, ajustes, batería. Era necesario que los consejos del sitio fueran fáciles de leer, etc. El segundo tipo de letra es más tecnológico y similar al que se usaba en las interfaces de las cámaras antiguas. En el sitio también hay un bloque en el que mostraron cómo la luz pasa por un prisma y se difunde en diferentes colores. ¿Has notado esta característica? El menú en el sitio requiere una atención especial. Es como una galería con seis fotos y la información de color de cada una de ellas.
Desafíos
El mayor reto fue encontrar fotos para el proyecto Colors Combinations y conseguir el permiso de los fotógrafos para usarlas. La fotografía tenía que ajustarse a nuestros gustos e ideas para el concepto de diseño. Recibimos muchas negativas para usar las fotos, porque algunas de ellas ya se habían utilizado en revistas y otras formaban parte de campañas publicitarias. Varios fotógrafos querían que pagáramos por utilizar su trabajo cada mes. Cambiamos el contenido, incluso una vez cambiamos completamente el concepto a causa de las fotos finales. Nos alegramos de que haya un par de obras de fotógrafos ucranianos e incluso de la naturaleza ucraniana.
Fue difícil encontrar fotos y combinaciones de colores para que todo tuviera un aspecto fresco y elegante, y para crear paletas inusuales.
Tecnologías
Si estáis familiarizados con Obys y sus proyectos, sabes que a menudo usan Readymag para crear algo sorprendente e inusual. El diseñador puede crear un sitio sin la participación del desarrollador. Esta vez han vuelto a utilizar esta herramienta. El gran reto de su uso es no copiarse. Readymag tiene capacidades bastante limitadas, y a menudo tuvieron que averiguar cómo lograr el efecto deseado de una manera inusual. Este proceso nos recuerda a los diferentes trucos que utilizan los directores o camarógrafos al rodar películas: cuando, por ejemplo, en lugar de gráficos en 3D, idean técnicas en las que todo parece igual de genial, pero se implementa con los recursos disponibles. Pero ellos gustan de Readymag, porque les plantea una especie de reto para crear animaciones inusuales, que es el estilo propio de Obys.
