Migress Associació
◆ Redisseny de logo + web ◆

Migress Associació

Migració, economia social i solidària amb veu pròpia.

2023

El projecte

MigrESS —Associació Migració i Economia Social i Solidària— va néixer el 2016 dins del primer Postgrau d'Economia Social i Solidària, coordinat per La Ciutat Invisible i amb el suport de la XES. La seva feina és tan concreta com necessària: obrir espai real a les persones migrants i racialitzades dins d'una economia que diu que posa “la persona al centre”. Però la seva comunicació no acompanyava aquesta missió: el logotip original, il·lustrat a mà, perdia llegibilitat en mides petites i en pantalla, i no existia un web capaç d'ordenar la seva trajectòria, els seus projectes, les seves publicacions i la seva transparència.

Redissenyem el logotip conservant-ne l'ànima il·lustrada —la cal·ligrafia orgànica i el colibrí com a símbol de moviment i llibertat— i el portem a un sistema digital sòlid: traç depurat, paleta turquesa i ocre, versions en blanc per a fotografia i mides mínimes garantides. Sobre aquesta base construïm el web corporatiu bilingüe (català/castellano) amb una arquitectura editorial clara: qui som, equip, què fem, trajectòria, transparència, publicacions, actualitat i contacte. Fotografia real de la comunitat, blocs de color pla i jerarquia tipogràfica generosa perquè cada text es llegeixi sense esforç.

Serveis

  • Redisseny de logotip
  • Identitat visual
  • Web corporativa
  • UX/UI
  • Arquitectura de continguts

Categoria

Redisseny de logo + web

Any

2023

01 — El lloc en viu

migress.cat

La web en funcionament: bilingüe, editorial i pensada perquè qualsevol persona —veïna, entitat o administració— entengui d’un cop d’ull què és l’economia social i solidària des de la mirada migrant.

migress.cat

02 — Identitat renovada

Un colibrí que continua volant

El redisseny manté la cal·ligrafia il·lustrada original i el colibrí, però depura el traç, defineix la bicromia turquesa i ocre i afegeix versions en negatiu per a poder conviure amb la fotografia. La marca guanya llegibilitat sense perdre calidesa ni caràcter artesanal.

Logotip Migress Associació amb el colibrí i el 'bejuco'
Logotip final · lettering de liana + colibrí

Moviment i llibertat

El colibrí

El colibrí travessa fronteres, pol·linitza allà on arriba i no pertany a un sol lloc. És la síntesi exacta de la migració: petit, incansable i necessari per a l'ecosistema. En el logotip vola dins de la paraula, no al seu marge.

Arrel, vincle i cura

El bejuco

El 'bejuco' és la liana que s'enfila, s'enreda i sosté: creix recolzant-se en els altres. El seu traç dibuixa el lettering —nusos, brots i fulles— i converteix la paraula Migress en un teixit viu de comunitat i economia solidària.

Logotip original de Migress il·lustrat a mà
Punt de partida · art original il·lustrat a mà

Què va canviar

  • Traç depurat: la liana es llegeix també a mida petita
  • Colibrí definit com a signe propi dins de la composició
  • Bicromia turquesa i daurat estabilitzada per a pantalla i impressió
  • Versió en negatiu per conviure amb fotografia real

Fitxa tècnica

Sistema d'identitat

El logotip de Migress està construït amb un lettering dibuixat a mà que integra el seu propi isotip —el colibrí i la flor— dins de la composició. Tots dos elements formen una única signatura visual: no són peces separables.

Logotip integrat de Migress Associació
Logotip integrat · lettering personalitzat + isotip

Naturalesa de la marca

  • Lettering orgànic i personalitzat
  • Isotip integrat en la composició
  • Detalls il·lustratius que aporten caràcter
  • Contrast cromàtic turquesa + daurat

Relació d'elements

L'isotip no és un afegit extern, sinó part estructural del logotip. En la versió principal es respecten sempre la proporció i la posició de l'art original.

Cromàtica principal

Turquesa

HEX #00A8A8 · RGB 0 / 168 / 168

Lettering principal, isotip i accents

Dorado

HEX #D2A016 · RGB 210 / 160 / 22

Segon bloc del lettering i detalls il·lustratius

Gris fosc

HEX #303030 · RGB 48 / 48 / 48

Baixada «Associació» i textos de suport

Valors orientatius presos de la reproducció original. Les equivalències CMYK/Pantone es validen segons el suport d'impressió.

Àrea de seguretat

Àrea de seguretat del logotip

Es manté una zona lliure al voltant del logotip equivalent, com a mínim, a l'alçària del mòdul gràfic de referència. Res no pot entrar en aquesta zona.

Mida mínima

Logotip a mida mínima digital

Impressió

30 mm d'ample

Digital

120 px d'ample

Per sota d'aquestes mides es perden els detalls del lettering: sempre se'n comprova la llegibilitat abans d'aplicar.

Versió en negatiu

La marca sobre fons foscos

Versió en negatiu del logotip Migress Associació en blanc amb el colibrí daurat
Negatiu · lettering blanc + isotip daurat
Negatiu sobre negre
Sobre negre
Negatiu sobre turquesa corporatiu
Sobre turquesa corporatiu
Negatiu sobre fons fotogràfic fosc
Sobre fotografia fosca

El negatiu no inverteix els colors de l'original: el lettering passa a blanc pur i el colibrí conserva el daurat, que guanya presència sobre fons profunds. S'aplica sempre sobre superfícies fosques i uniformes, amb prou contrast perquè el traç del lettering no es tanqui.

Versions cromàtiques

Cada fons té la seva versió

Versió original sobre fons clar
Original · fons clar
Versió positiva sobre fons blanc
Positiva · fons blanc
Versió sobre fons corporatiu suau
Sobre fons corporatiu suau

Exemples d'aplicació

Què sí i què no

Usos correctes

Proporció original
—Proporció original
Contrast suficient
—Contrast suficient
Isotip integrat
—Isotip integrat

Usos incorrectes

Uso incorrecto: Deformar
×Deformar
Uso incorrecto: Recolorear
×Recolorear
Uso incorrecto: Afegir efectes
×Afegir efectes

La versió principal es manté sempre fidel a l'art original. Qualsevol adaptació en conserva el reconeixement, la proporció i la personalitat il·lustrada de la marca.

03 — La web corporativa

Una plataforma per a una missió

Portada amb vídeo de la comunitat i la marca en blanc sobre imatge real, navegació bilingüe i seccions ordenades pel que l'associació necessita comunicar: qui són, què fan, la seva trajectòria i la seva transparència.

Portada del web de Migress Associació
Portada — migress.cat
Fotografia de comunitat a la web de Migress
Fotografia real de comunitat
Secció d'articles de premsa i entrevistes de Migress
Premsa i publicacions

04 — Què fan

Els serveis, ordenats i navegables

La secció «Què fem» explica l’objectiu de l’associació i desplega les seves àrees de treball —formació, visibilització, acompanyament expert, incidència, fires i projectes— en una retícula de targetes amb fotografia real, on cada àrea s’obre per llegir-se en detall.

Secció Què fem del web de Migress amb les àrees de treball en targetes
Què fem — àrees de treball

05 — Trajectòria i transparència

Dues seccions que construeixen confiança

«La nostra trajectòria» es va resoldre com una línia de temps navegable any a any, amb fotografia i descripció de cada projecte. «Transparència» publica el balanç social, la memòria econòmica i els gràfics d'ingressos: informació pública, llegible i sense baixades obligatòries.

Línia de temps de la trajectòria de Migress a la seva web
La nostra trajectòria — línia de temps
Secció de transparència de Migress amb balanç social i gràfics econòmics
Transparència — balanç social i gràfics

06 — Publicacions, actualitat i contacte

La veu pública i la porta d’entrada

«Les nostres publicacions» arxiva per anys els reportatges, revistes i estudis en què participa l'associació. «Actualitat» funciona com a blog amb categories. I «Contacte» aplega el formulari amb motiu de consulta, adreça, correu i mapa, juntament amb una secció de preguntes freqüents.

Secció de publicacions de Migress ordenada per anys
Les nostres publicacions
Blog d'actualitat de Migress amb entrades per categories
Actualitat — blog per categories
Pàgina de contacte de Migress amb formulari, adreça i mapa
Contacte — formulari i mapa
Secció de preguntes freqüents del web de Migress
FAQ — preguntes freqüents

07 — La comunitat al carrer

Economia solidària, migrant i diversa

La Fira d'Economia Solidària Migrant i Diversa és el cor visible de Migress: mercat, trobada i reivindicació en el mateix espai. La identitat es va dissenyar pensant en aquest context —cartell, samarreta, pancarta, mòbil— on s’ha de poder llegir a un metre i a vint.

Participants de la Fira d'Economia Solidària Migrant i Diversa amb els cartells de l'esdeveniment a Barcelona
III Fira d’Economia Solidària Migrant i Diversa — Barcelona
Taller amb dones acollides per Migress a Sant Martí, Barcelona
Comunitat i xarxa — taller amb dones a Sant Martí

08 — Reconeixements

Un treball premiat

La trajectòria de Migress ha estat reconeguda públicament per la seva aportació a l’economia social i solidària i per la seva tasca contra les violències masclistes amb dones migrants. La web ordena i dona visibilitat a aquestes fites, que abans vivien disperses en xarxes i notes de premsa.

Intervenció de Migress a l’acte de lliurament dels Premis Economia Social i Solidària
Premis Economia Social i Solidària
Lliurament del premi 25N de l’Ajuntament de Barcelona a l’associació Migress
Premi 25N — Ajuntament de Barcelona

09 — Trajectòria

Anys de treball amb la comunitat migrant

Formacions, murals, fires del llibre migrant, trobades a places i biblioteques. La identitat i la web es van dissenyar per sostenir aquest arxiu viu: una trajectòria que creix cada any i necessita un lloc on explicar-se amb ordre i amb orgull.

Grup de participants amb els seus certificats de participació en una formació de Migress
2020 — Formació i certificació de participants
Mural comunitari pintat a Barcelona en el marc d'una acció de Migress
2021 — Mural comunitari
Taula rodona de Migress a la Fira Itinerant del Llibre Migrant
2024 — Fira Itinerant del Llibre Migrant
Trobada de Migress a l’aire lliure en una plaça de Barcelona
Trobades obertes al carrer
Col·loqui de Migress a la Biblioteca Bon Pastor de Barcelona
Col·loqui a la Biblioteca Bon Pastor

Resultat

Migress compta avui amb una identitat que funciona igual en un roll-up de fira, en una samarreta o en un titular de premsa, i amb un web que sosté la seva veu institucional: presenta els seus projectes, documenta la seva trajectòria, publica els seus articles i entrevistes i fa visible la seva transparència. L'associació va passar de dependre de peces soltes a tenir una plataforma pròpia des de la qual parlar amb administracions, xarxes d'economia solidària i la seva pròpia comunitat.

Abans y Després

Una mirada al canvi, costat per costat: del punt de partida al sistema final aplicat.

Antes: Logotip il·lustrat a mà, dens i poc llegible en formats petits o digitals.

Estado: Antes. Punto de partida

Logotip il·lustrat a mà, dens i poc llegible en formats petits o digitals.

Després: Logo redissenyat conservant-ne l’essència, amb web corporativa clara i editorial.

Estado: Després. Resultat

Logo redissenyat conservant-ne l’essència, amb web corporativa clara i editorial.

Vols ser el pròxim cas?