An elegant digital journey that honors Vietnamese craft through thoughtful design and storytelling
(CHALLENGES) Phùng Ân needed a website that reflects traditional craftsmanship values while appealing to modern users. The goal was to create a smooth, intuitive product browsing experience that tells the brand story and elevates product value. The challenge was balancing traditional aesthetics with modern, user-friendly design to attract younger audiences. The website had to serve as a digital space that showcases Vietnamese artisan heritage while providing an engaging and seamless exploration of Phùng Ân’s exquisite collections.
• Web Analysis (Research, Empathize) • UX Design (Define, Ideate) • UI Design (Prototype, Testing)
Layơ Lab crafted a clean, intuitive interface with clear navigation, helping users explore Phùng Ân’s handcrafted products with ease. Smooth motion and engaging interactions were key to capturing attention and building a deeper brand connection.
(FUNCTION) The 12-column grid ensures clean content structure, while large sliders and hover effects highlight collections and product categories. A minimalist black-and-white background sets off vibrant product colors, creating a gallery-like feel that enhances user engagement. Subtle animations and smooth transitions make browsing feel natural and inviting. Motion effects, like font shifts and layered sliders, add warmth and interactivity, deepening the connection to the brand and its craftsmanship.
• Editorial Flexibility enhancing readability • Interactive Hover and Slider Elements • Minimalist gallery-like experience. • Smooth Animations for user engagement.
nội dung khách hàng
The design blends modernity and tradition through a minimalist color palette, grid structure, and flexible typography to enhance aesthetics and user experience.
(DESIGN) The primary black and white color scheme provides a neutral backdrop that highlights the vivid colors of handcrafted products. A 12-column grid ensures clear, orderly layouts that are easy to navigate. Typography combines regular and italic styles, creating interactive hover effects that help users distinguish categories. High-quality image sliders with layered effects add depth and artistic flair. Thoughtful white space balances the layout, providing a clean, airy feel. The asymmetric layout mimics print magazine design, adding a creative, editorial vibe that increases site appeal and reflects the artisanal story.
(Key features)
• Neutral Artisanal Color Scheme • Magazine-like layout composition • Interactive Typography & Hover Effects • High-Quality Layered Image Experience
