Seafood Restaurant Website
A redesign for a family seafood restaurant in five cities with a fine dining tier on the way. Guests pick seafood from the counter by weight and cooking style, see the price change by the gram, choose a table on a floor plan, and the order lands on the branch's weighing board.
01The Challenge
The old site promised that guests could choose their own fresh seafood, but it showed no prices. Seafood sold by weight is exactly where guests worry about the bill, and the site gave them nothing to estimate it with.
Reservations ended in a WhatsApp chat with each branch, with no view of tables, times or orders. A popup asking guests to pick between the family restaurant and the premium tier appeared before any content, and parts of the site still carried sample reviews and unfinished content.
02The Solution
The site works like a point-of-sale screen opened up to guests: navigation on the left, work in the middle, the order on the right. A weight slider picks an actual whole fish or a quantity of shellfish, and the price formula updates with each step. The same order carries through to the floor plan.
Staff get a captain's tablet with table status, three stages from weighing to serving, a field for the actual weight that shows the price difference, and counter stock that falls as items are confirmed. Planned stack: Next.js, Supabase, an admin panel for daily prices per branch, and official WhatsApp notifications.
03Key Features
- Counter prices per 100 g, by branch
- Weight slider with live price formula
- Cooking style selection with visible fees
- Order carried from counter to reservation
- Floor plan reservations with private rooms
- Weighing board with actual weight and price difference
- Counter stock tracking with low-stock flags