mode: magazine

mode: magazine

An interactive fashion magazine that merges storytelling with e-commerce.


Built in Figma, this concept reimagines a Miu Miu editorial featuring Jang Wonyoung as a clickable, dynamic experience where users explore products directly within the layout. It captures the intersection of fashion, interactivity, and digital branding.


Designing a Fashion Experience, Not Just a Layout


I wanted to create more than just a digital magazine, I wanted an interactive space where fashion and functionality meet. The goal was to replicate the immersive feeling of flipping through a magazine, but with modern e-commerce usability, blending style with interactivity.


Blending Editorial Storytelling with Shopping Flow


I referenced Miu Miu’s website and campaign visuals to understand how fashion brands balance storytelling and sales. Using those insights, I designed clickable models that reveal products in real time, turning static fashion photography into an interactive browsing experience. Every click reveals motion, animation, and curated product details, creating a natural flow between reading and exploring.


















Building Interaction Through Motion and Detail


I designed directly in Figma, using Smart Animate to bring life to each transition. Clicking the model triggers product previews on the right panel, while maintaining editorial balance in layout and typography. I refined spacing, animation timing, and button feedback to ensure the experience felt premium and seamless, like interacting with a designer brand’s own digital campaign.


Adding Playfulness and Personal Branding


To give the concept its own identity, I added a lighthearted, signature touch: the “Pay with ❤️ Pay” button that activates a heart animation before showing the final checkout screen branded with mymcie. It turned a professional, high-fashion project into something that subtly reflects my own creative voice and design humor.


Designed to Feel Effortless


The final prototype flows like a complete digital product , from discovery to checkout, balancing realism, usability, and imagination. Smooth animations, consistent styling, and playful elements come together to create an experience that feels both luxurious and approachable.


















Designed With Character


Mode: Magazine taught me how to translate a creative concept into an interactive, user-centered experience while maintaining elegance and brand identity. I learned to merge aesthetic design with functionality, experiment confidently with animation, and build experiences that feel alive — not just designed.

loading gif here…

my miu miu screenshots

⠀⠀⠀⠀⠀⠀⠀⠀⣀⡤⣒⡦⢄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

⠀⠀⠀⠀⠀⠀⠀⣰⡟⠉⠁⠙⢷⡵⡄⠀⠀⢀⡔⠊⡭⣵⡢⡀⠀⠀⠀⠀⠀

⠀⠀⠀⣀⡤⡶⠰⠋⠀⠀⠌⢀⡘⢻⣼⠀⣰⠛⠉⠀⠐⠈⢻⣼⡄⠀⠀⠀⠀

⠀⢀⣾⡛⠰⠋⢀⠠⠈⠀⠄⠂⢀⢺⣽⣤⡏⠀⠄⠁⠠⠈⠘⢈⠇⣀⠀⠀⠀

⠀⠘⣿⣷⣮⣄⡂⢀⠂⠡⠐⢈⠠⣍⣾⣿⠀⠌⠀⠌⢀⠐⠠⠀⠘⢷⣭⣄⠀

⠀⠀⠙⣿⣿⣯⣝⣣⠞⣤⢡⢆⡿⣽⣿⣟⡀⢂⠡⠐⡀⢂⠐⡈⣴⣿⣿⣿⠆

⠀⠀⠀⠀⠙⢛⠻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣽⣧⣛⣶⣹⣮⣽⣿⣿⣿⣿⠟⠀

⠀⢀⡴⢂⠅⠈⠀⠀⠈⠉⠛⠻⢿⣿⣿⡟⡛⠛⠛⠿⠿⠿⠿⠟⢛⠛⠁⠀⠀

⢠⣿⠁⣉⠀⡐⠀⠂⠁⡀⠂⡠⢀⣿⣯⠀⠀⠀⠄⠀⠁⠀⠭⣐⠠⡀⠀⠀⠀

⠸⣿⣶⡽⣆⡄⠐⠈⡀⠄⠐⣀⣾⣿⣿⠀⢈⠀⠄⠈⢀⠂⢀⢘⣿⣿⡄⠀⠀

⠀⠙⢿⣿⣷⣻⢤⡁⠄⢂⣵⣾⣿⣿⣿⡀⠄⠂⠠⠁⣄⢢⣤⣿⣾⣟⡿⠀⠀

⠀⠀⠀⠀⢸⣿⣿⣿⣴⣿⣿⣿⡿⣿⣿⣷⣤⡈⣤⣷⣿⣿⣿⣾⣿⡿⠃⠀⠀

⠀⠀⠀⠀⠘⢿⣿⣿⣿⣿⣿⡿⢱⡏⣿⣿⣿⣿⣿⣿⣿⡟⠙⠉⠁⠀⠀⠀⠀

⠀⠀⠀⠀⠀⠈⠙⠻⠿⠛⠋⠀⢸⡇⠘⢿⣿⣿⣿⣿⡿⠁⠀⠀⠀⠀⠀⠀⠀

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⢣⠀⠀⠉⠉⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⡞⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠹⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

navigation

Create a free website with Framer, the website builder loved by startups, designers and agencies.