Birkin
La
Història
El Birkin d'Hermès neix l'any 1984, durant un vol entre París i Londres, quan Jane Birkin comenta a Jean-Louis Dumas que no troba cap bossa que sigui pràctica i bonica alhora. A partir d'aquesta conversa, es crea una bossa pensada per al dia a dia, amb espai, compartiments i una estètica elegant i discreta.
És un fanzine interactiu sobre el Birkin d'Hermès que mostra aquesta bossa com un símbol de luxe, exclusivitat i estatus. Combina una estètica elegant amb imatge, moviment i interactivitat per crear una experiència visual atractiva.
Concepte visual
i estil
Estructura
visual
Veure detall
Veure detall
Al principi els wireframes eren molt simples i estàtics, no transmetien prou força visual. Per això es va canviar l'enfocament cap a composicions més dinàmiques, atractives i atrevides, reforçant l'estètica editorial del fanzine.
Tècnica del
treball
Procés de
treball
Es va canviar la tipografia i es va fer veure com si estigués en relleu per integrar-la millor a la portada.
S'han utilitzat les retícules perquè la composició dels elements sigui més ben estructurada.
Es van establir unes tipografies més clares i, d'aquesta manera, el resultat visual quedava millor.
Fonts de inspiració
Portada
Contraportada
No només decoren,
també amaguen
un missatge.
En obrir les pàgines, la portada i la contraportada funcionen com una entrada simbòlica dins del bolso i tot el que representa.
Guió
d'interacció
Cada pàgina del fanzine conté interaccions dissenyades per crear una experiència més interactiva.
Interaccions de clic
Finestres interactives
Les finestres fan hover i s'amplien lleugerament en passar el cursor. En clicar apareix una guia informativa relacionada amb el tema representat.
Hover + ClicJane Birkin
Disc interactiu que gira en clicar, simulant un vinil real. Imatge gran entrant des de la dreta amb objectes amb efectes d'aparició lateral.
Clic + RotacióParts del bolso
Bolso interactiu amb parts clicables. Hover amb capa blanca de baixa opacitat. En clicar, s'indica l'element seleccionat del Birkin.
Hover + ClicAparició i moviment d'elements
Pàgina Hermès
Els elements de la pàgina entren des de diferents direccions: des de la dreta, des de dalt, des de baix o apareixen gradualment, creant ritme visual.
Animació d'entradaArtesania
Els elements gràfics apareixen progressivament des de diverses zones, reforçant la idea de procés, detall i construcció manual.
Aparició progressivaText animat
El text apareix progressivament amb un efecte de revelació suau, donant ritme a la lectura i evitant que la pàgina sigui estàtica.
Revelació de textRecorregut visual
La Torre Eiffel i el Big Ben apareixen des de baix. Un avió realitza un recorregut passant prop dels monuments i allunyant-se progressivament.
Animació de trajecteMoviment del bolso
El bolso rebota sobre la tipografia. Un segon bolso simula el balanceig natural d'una bossa quan es camina, amb moviment suau i orgànic.
Animació en bucleEntrada d'elements
Els elements visuals apareixen des de la dreta i des de l'esquerra, generant una composició amb moviment lateral i una sensació dinàmica.
Moviment lateralProgrames
utilitzats
Creació i maquetació de totes les pàgines del fanzine interactiu.
Retoc, composició i aplicació de tècniques gràfiques com el duotò i el bitmap.
Creació dels wireframes i composicions vectorials del fanzine.
Fanzine · Gravació de pantalla
Pàgina a pàgina
Reflexió
final
El projecte ha aconseguit crear un fanzine visual i coherent sobre el Birkin i Hermès, amb una estètica elegant, dinàmica i relacionada amb el luxe. El contingut s'ha organitzat de manera clara perquè el lector entengui la importància del Birkin sense excés de text.
Durant el procés, la reelaboració dels wireframes ha ajudat a donar més ritme i força visual al fanzine. També han funcionat bé les interaccions, tot i que es podrien haver desenvolupat més. Una de les principals dificultats ha estat treballar amb vídeos i dobles pàgines a InDesign, cosa que ha permès entendre millor les limitacions tècniques del programa.
En conjunt, el projecte ha evolucionat d'una idea inicial general a una proposta editorial més definida, professional i coherent, millorant l'ús d'InDesign, la composició visual i la relació entre imatge, tipografia, color i contingut.