Proposta de redisseny EcommerceModa i accessoris Manila
Proposta de redisseny per a Not So Mundane Studios, una marca de totes i gorres de Manila. El cas ensenya el procés complet: set etapes, què es va descartar en cadascuna i per què la versió final s'assembla a la marca i no a una plantilla.
L'objectiu
Not So Mundane Studios ven totes i gorres des de Manila amb una idea molt clara: highlighting the ordinary things in life. Aquesta idea viu al seu Instagram, a les fotos de clients i als noms de les col·leccions, però la seva botiga la resol amb una plantilla estàndard. L'objectiu era una botiga que la seva propietària preferís a la seva: recognoscible com la seva marca a primera vista i preparada per triar una peça i demanar-la.
Direcció visual
La direcció surt de la mateixa marca: encàrrecs, cafès i tardes lentes. Courier Prime remet als tiquets i a les llistes de la compra; VT323, a les pantalles dels 90 de la seva col·lecció més coneguda. Les fotos són les seves, amb un mateix tractament de color. Els textos van sobre les imatges i mai queden tallats per elles, i es van eliminar les etiquetes que no aportaven res.
Com va evolucionar
Cada etapa es va descartar per un motiu concret. Aquestes són les captures reals de cadascuna.
01 Primera portada
Un anell 3D de fotos sota una cursiva gruixuda. Seguia tendències, no la marca. La vam descartar amb una pregunta: la propietària la preferiria al seu web actual? La resposta era no.
02 Conceptes de marca
Vam extreure sis principis del seu Instagram i vam provar conceptes d'estat d'ànim, com «what's your status today?» o «sunset at six». Tenien intenció, però no eren una botiga: botons sense destinació i frases que calia desxifrar.
03 Botiga completa
Portada, botiga amb filtres, fitxa, bossa i pagament amb les seves condicions reals: GCash, Maya, transferència i J&T. Una revisió independent li va donar un 7 sobre 10 davant de les referències: correcta i genèrica.
04 Esbossos generats
Tres portades generades amb IA sobre els seus productes reals van demostrar la composició que faltava. Però una marca que es diu estudi i defensa l'autèntic no pot vendre amb escenes fabricades. Ens vam quedar amb la composició i vam descartar les imatges.
05 Només fotos reals
Vam refer la portada només amb les seves fotos i un tractament de color comú. La frase amb fotos dins del text funcionava una vegada; repetida per tota la pàgina, deixava de dir res.
06 El tauler
Un tauler amb 35 seccions de set plantilles editorials i cinc tipografies, cadascuna amb la seva raó de marca. L'elecció va ser concreta: Courier Prime, VT323 i vuit seccions.
07 Versió final
La Courier ordena tot el web com un tiquet i la VT323 marca els números. La botiga és una guia de col·leccions, la fitxa es presenta com una tira de fotos i la bossa s'omple com un rebut.
Decisions de disseny
La portada comença amb una foto petita sota el nom de la marca i l'amplia fins a ocupar la pantalla en fer scroll: l'ordinari, vist de prop.
Les col·leccions porten una sola paraula sobre cada foto. El text ordena i la imatge acompanya.
La botiga és una guia de col·leccions en paper quadriculat; quan una fila té un nombre senar de peces, queda centrada.
La bossa funciona com un rebut: quantitats, pagament i enviament escrits a màquina i un únic botó negre per tancar la comanda. Tots els botons d'acció pertanyen a la mateixa família.
Comportament mòbil
Al mòbil, la cinta de ciutats (from manila to tokyo, taipei and denmark) es recompon amb altres mides i altures perquè les fotos es vegin bé i no quedin com a miniatures. La navegació ocupa una sola línia centrada i la capçalera canvia de color segons el fons que té a sota.
Interacció al servei de l'objectiu
Les fotos de la frase de portada s'amplien en tocar-les i es tanquen amb la X, amb la tecla Escape o tocant fora. Els passos per demanar s'escriuen com un tiquet en entrar a la pantalla. A la bossa, sumar o treure peces actualitza el total del botó de comanda. En confirmar, el web ho diu amb claredat: és un concepte, i la comanda real es fa per missatge a @notsomundanestudios.
Comprovable