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

Completed work

Frontend Engineer

Website CSS

Web Developer

CSS3

HTML5

Food & Beverage

🍣 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

Completed work

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.

Likes

Views