OishiFood
Oishifood is a Japan-themed food product landing page that features both light and dark modes with smooth transitions for a seamless user experience. Designed with a clean and modern aesthetic, it showcases popular Japanese dishes, engaging product sections, and a fully responsive layout optimized for all screen sizes.
Key Features
Fully Responsive
Optimized for desktop and mobile devices to ensure a smooth user experience on any screen size.
Light & Dark Modes
Provides users with theme options to reduce eye strain and fit personal preferences.
Hi-Fi Prototypes
Crafted detailed web and mobile designs using Figma for a polished look and feel.
Framer Motion Animations
Adds smooth and engaging animations to bring the interface to life.
Conclusion
This project is a fully responsive e-commerce landing page designed for Japan-themed food products, featuring both light and dark modes. Built with React, TypeScript, and Tailwind CSS, it delivers a modern, seamless user experience across all devices. I designed high-fidelity prototypes for both the website and mobile app using Figma. For dynamic and engaging interactions, I implemented Framer Motion animations and integrated SwiperJS for smooth, responsive carousels.