Web Design & Development (Individual assignment)
Fuji Fishball Noodle Website
Project Background
The Fuji Fishball Noodle Website is a bespoke digital platform developed to capture the authentic essence of a local school canteen stall. Built from scratch using HTML, CSS, and JavaScript, the website serves as a comprehensive digital storefront to bridge the gap between traditional food service and modern student convenience. The platform features a dedicated homepage, a detailed menu, a streamlined ordering system, a membership page for rewards, and an "About Us" section that shares the stall's story, providing a professional and accessible online presence for the business.
Design Process
The design process began with an analysis of the stall’s identity to ensure the digital interface mirrored its physical presence. I selected a warm, appetizing color scheme using soft creams and vibrant accents to evoke the comforting feel of traditional noodle dishes. The UI/UX layout was built with HTML and CSS, starting with a high-impact Hero Section featuring a welcoming message and a clear Call-to-Action (CTA) for ordering.
To capture the authentic feel of the stall, I integrated high-quality images of signature dishes such as Laksa and Fishball Noodle Soup. Beyond aesthetics, I focused on clean, logical code flow, particularly for responsive navigation and transition effects. Each section was designed to be modular and user-friendly across both mobile and desktop, allowing students to easily browse daily specials or register for the savings program on the go.
Snippet of Website Code
Snippet of Fuji Fishball Noodle Website
Role & Impact
As the sole developer, I managed the end-to-end creation of the website, including the architectural layout, responsive design, and front-end validation. My role involved coding the entire structure from scratch, ensuring that all interactive elements, such as the membership registration and navigation links, functioned seamlessly. I also handled all asset management, including photo integration and text styling, to ensure the website provided a consistent and professional user experience.
Project Information
Target Audience:
Fuji Fishball Noodle (NYP Canteen Stall)
Category:
Web Design & Development (Individual assignment)
Completed on:
7 Feb 2025
Youtube Video:
Share On:
