LiYuhan's blogs

Application Design II Final Project:  App Design  I I  Interaction Design Submission Crafting the Digital Fabric: Rebranding Brandy Melville with FlutterFlow   Building upon the initial high-fidelity prototype developed in FlutterFlow for Brandy Melville’s e-commerce interface (originally designed in Figma), this second iteration focused on  systematically enhancing visual contrast to improve usability while maintaining brand integrity. The objective was functional refinement rather than aesthetic overhaul.   HERE for the link to my PRE HERE for the link to my project Key Design Refinements: Animation on the primary payment button To further optimize the checkout flow, I introduced a subtle scaling animation on the primary payment button ("Proceed to Payment").   Implementation:     Applied a FlutterFlow animation trigger upon the button entering the viewport. The button smoothly scales from 95% to 100% size over 300ms with an ...

Sptail Design II Final Project:  Creative Installation Lab- Experiential Retail Design   From Anxiety to Immersion   When I first received this "multi-sensory retail space" assignment, I stared blankly at my sketchpad for three days—paralyzed by the challenge of breaking traditional store formats while seamlessly blending technology with humanistic warmth. Everything changed when I watched a documentary on Malaysian rainforests in the library. The scene of "cocoa beans fermenting in humus soil" struck me like lightning, and the phrase "Let the land's warmth reach the heart through touch and scent" became the master key unlocking my entire design logic.   The modeling phase was a painful metamorphosis:     In Blender, I revised the suspended cocoa pod lighting system 17 times just to perfect the three modes: heartbeat pulse/ember glow/constellation shimmer.     To replicate rainforest texture, I tested 23 flooring materials at ...

Application Design II Project 02: App Design  I I  Interaction Design Submission Crafting the Digital Fabric:Rebranding Brandy Melville with FlutterFlow In the advanced journey of Software Design II, I was assigned a fascinating task: to recreate the Brandy Melville online shopping app interface—meticulously designed in Figma last semester—using FlutterFlow, a visual development tool. This was more than just a tool migration exercise; it was a deep dive into infusing brand soul into the digital experience. HERE for the link to my PRE HERE for the link to my project When California Girl Aesthetic Meets FlutterFlow: Decoding the Brand DNA Brandy Melville’s core aesthetic is a striking fusion of laid-back Californian vibes and minimalist elegance. It champions naturalness, youthfulness, and "effortless chic," while its iconic "One Size Fits Most" philosophy radiates confidence and inclusivity. From the outset, I anchored my design around these keywords:   Minimalist Wh...