Sushiman Japanese Food Landing Page Development

Fadhil

Fadhil Akbar

šŸ£ Sushiman – Japanese Food Landing Page with AOS & BEM Method

šŸ£ Sushiman is a fully responsive landing page for a Japanese food brand. Built using HTML, CSS, and AOS (Animate On Scroll), this project focuses on layout precision, semantic structure, and subtle motion for better UX.
šŸ› ļø I followed a YouTube tutorial as a base but implemented the code manually, using the BEM (Block Element Modifier) naming convention to ensure clean, scalable CSS structure.
✨ The animations are powered by AOS.js for scroll-based transitions. I also refined the layout for mobile responsiveness and improved visual balance between sections.
šŸŽÆ This project helped me reinforce core front-end fundamentals like semantic HTML, CSS architecture, responsive design, and visual hierarchy. It serves as a showcase of clean UI implementation from scratch without frameworks.
šŸ”§ Source code available at: https://github.com/lil-bee/sushiman-landingpage
Like this project

Posted May 24, 2025

Landing page for a sushi restaurant built with HTML, CSS, BEM methodology, and AOS. Responsive layout with scroll animations and clear structure.