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

Sushiman Japanese Food Landing Page Development

Portfolio project
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

0 likes ยท 8 views ยท 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.

Tags