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.

👇 Image
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. Image
En esta fase nos dimos cuenta de que el concepto de #ballena nos evocaba muchos de los valores que el proyecto requería. Image
Comenzamos a trabajar la representación gráfica de este concepto mediante bocetos. Image
Pronto nos percatamos de que había un patrón que se repetía, los surcos ventrales de la #ballena. Image
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. Image
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. ImageImageImage
Después de muchas pruebas, ajustes ópticos, ajustes de proporcionalidad y escalabilidad, ya casi teníamos el #isotipo solucionado. ImageImage
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. Image
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. Image
Este es el resultado final. ImageImageImage
Si quieres saber más sobre el proyecto échale un ojo a nuestro perfil en @Behance

behance.net/branng

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Juan 🤓 Branng 🎾 🏋️‍♂️ 🚴‍♂️ 📚 🖥️

Juan 🤓 Branng 🎾 🏋️‍♂️ 🚴‍♂️ 📚 🖥️ Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @juanbranng

Apr 28, 2022
No publico muchas cosas por aquí pero hoy quiero compartir esto. Estoy muy orgulloso de este proyecto. He desarrollado un #ecommerce con #wordpress y #woocommerce con el código escalable y con capacidad modular para que mi cliente pueda crear páginas y módulos a tocho y mocho.
Estoy suuper orgulloso 😍

Aquí os dejó una pequeña nuestra de algunos módulos. Hay muchos más.
Read 5 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(