Anime-inspired restaurant concept built with WordPress & WooCommerce.
Project Overview
Umami Slice is a fictional restaurant website designed to explore WooCommerce, advanced page builder workflows, and real-world frontend debugging within the WordPress ecosystem.
The project blends a stylized visual identity with a fully functional menu and checkout flow, serving as a hands-on deep dive into WooCommerce product modeling, responsive layout challenges, and the practical realities of working with themes, plugins, and mobile browsers.
Technical Highlights
- Custom WooCommerce menu and single product experiences built with Astra and Elementor Pro.
- Fully customized Product Archive and Single Product templates using Elementor Theme Builder.
- Product variations implemented for item sizing (e.g. Small / Medium / Large) with dynamic pricing.
- Floating cart integration and checkout flow configured for demo use without live payments.
- Extensive frontend debugging across desktop and real mobile devices (iOS Safari), including:
- Targeted CSS and JavaScript enhancements used to stabilize animations, spacing, and UI transitions.
Platform & Hosting Experience
- Deployed on Hostinger managed WordPress hosting.
- DNS configuration, environment setup, and site migration via backup/restore workflows.
- Hands-on experience managing plugin dependencies and safely removing unused tooling (e.g. CartFlows).
- Real-device mobile testing to validate behavior beyond browser emulation.
Key Takeaways
- Designed and refined a non-generic visual identity while maintaining usability and accessibility.
- Gained practical experience modeling restaurant-style menus using WooCommerce products and variations.
- Deepened understanding of how themes, page builders, and plugins interact at the layout and DOM level.
- Reinforced a systematic approach to isolating and fixing frontend bugs in complex WordPress environments.
- Balanced aesthetics, performance, and maintainability in a realistic small-business scenario.
