Mumi Sushi
壽司連鎖 · 三家店官網 · Vimercate · Cernusco · Saronno
一家三店壽司連鎖的真官網,三套設計。每家店的營業狀態和今天幾點到幾點都即時讀點單系統,每張卡片直接進那家店自己的點單站。Sera:店裡夜間實拍、會被指標吸過去的金色按鈕、停在哪家整段就換成哪家顏色的門店列表、往下捲一個詞一個詞亮起來的品牌宣言。Carta:一張木版畫,三家店是三張票根。Ardesia:第一版 Mumi 官網的照片,配淺色紙底。
原版 · 照片打頭的首屏、這個行業自己的配色、完整的互動。
裡面有什麼
- Live opening state and today's hours per restaurant, read from the ordering system's public API
- Sera: staggered character hero over the restaurant's night photography, magnetic CTA, live status strip
- Sera: hover-tinted restaurant list with a leaning photo panel (inline details on phones)
- Sera: scroll-snap dish gallery, scroll-brightened manifesto
- Carta: headline roller (delivery / takeaway / app), self-stamping seal, drifting woodblock waves
- Carta: restaurant tickets whose hue tints the section (pointer on desktop, centre of screen on phones)
- Ardesia: pinned hero that recomposes from full-bleed to a framed slab, scrolling dish band, four parallax gallery columns
- Per-restaurant legal footer: each restaurant is its own company
店名、地址、價格與聯絡方式均為虛構的演示內容。
想給自己的店做一個這樣的網站?寫信到 ayylchyql@gmail.com