Sushiman Japanese Food Landing Page Development

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.

AI SEO – Animated Landing Page with Framer Motion & Tailwind
AI SEO – Animated Landing Page with Framer Motion & Tailwind
DevOverflow – StackOverflow Clone with Gemini Integration
DevOverflow – StackOverflow Clone with Gemini Integration

Join 50k+ companies and 1M+ independents

Contra Logo

Ā© 2025 Contra.Work Inc