Sushiman Japanese Food Landing Page Development by Fadhil AkbarSushiman Japanese Food Landing Page Development by Fadhil Akbar

Sushiman Japanese Food Landing Page Development

Fadhil Akbar

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.