Juan 🤓 Branng 🎾 🏋️‍♂️ 🚴‍♂️ 📚 🖥️ Profile picture
🤓 Curioso por naturaleza. Disfrutón. ¡Pura vida! ✨ Cofundador de @somosbranng 💻 Diseño y desarrollo webs escalables con #WordPress #Gutenberg

Jan 21, 2022, 15 tweets

Hace poco en @somosbranng hemos sacado a la luz el proyecto de rediseño de #logotipo y #web de Portalferry.

En una primera fase rediseñamos el #logo y quiero contar un poco el #procesocreativo que nos llevó hasta el resultado final.

Abro 🧵

Estudiando el logo previo, observamos que la #tipografía era tosca y poco legible en tamaños pequeños, el #isotipo tenía demasiados detalles para ser memorable, no existía armonía visual y proporcionalidad entre el logo y el isotipo.

👇

Además la paleta cromática se reducía a un solo color.

Todo esto chocaba con los valores que el cliente quería proyectar que eran seguridad, confianza, cercanía, amabilidad y madurez.

En el proceso de #rediseño elaboramos #mapasMentales bajo los conceptos ferry, web y mar.

En esta fase nos dimos cuenta de que el concepto de #ballena nos evocaba muchos de los valores que el proyecto requería.

Comenzamos a trabajar la representación gráfica de este concepto mediante bocetos.

Pronto nos percatamos de que había un patrón que se repetía, los surcos ventrales de la #ballena.

La síntesis y representación de estos surcos nos recordaba a la imagen de la quilla de un barco abriéndose camino sobre el agua.

Además, añadimos el círculo como un elemento que aportaba armonía y cercanía, y también nos recordaba al timón de un barco y a una gota de agua.

Después de muchas pruebas, ajustes ópticos, ajustes de proporcionalidad y escalabilidad, ya casi teníamos el #isotipo solucionado.

Os dejo también la animación del #isotipo animado.

Ahora tocaba la selección #tipográfica. Necesitábamos una sans serif rounded. A mis ojos y criterio, el proyecto me lo pedía a gritos. Y como me flipa la función de @atipostudio allí que terminé comprando la licencia de la familia Bariol.

Al final acabé utilizando la versión #bold #itálica. Esa "y" me tiene enamorado. Además, este estilo le aporta ese toque dinámico y el concepto de velocidad que podemos asociar con el ferry.

Este es el resultado final.

Si quieres saber más sobre el proyecto échale un ojo a nuestro perfil en @Behance

behance.net/branng

Share this Scrolly Tale with your friends.

A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.

Keep scrolling