Punto Gelato｜香港巷弄冰淇淋店：用一顆滴落的球，讓人在巷子裡記住你

專案背景

Punto Gelato 是一間藏在香港中環巷弄裡的手工義式冰淇淋店。委託時，他們還沒有 Logo、沒有品牌色，也沒有網站。店名 Punto 在義大利文是「點」的意思，品牌想傳達的是：轉個彎，就是甜的。

核心挑戰

• 店在巷子裡，沒有街邊的曝光，網站要先解決「找得到、記得住」。
• 冰淇淋是衝動型消費，品項與價格必須在最少的點擊內看到。
• 暫時沒有自己的攝影素材，頁面要在使用替代照片時依然成立，日後換圖也不能動到版面。

解決方案

品牌識別：一顆會滴落的球

Logo 是一顆抽象的冰淇淋球，下緣長出幾道滴落的線條，沒有文字也沒有外框。主色是飽和的粉紅，搭配奶油白、深莓紫與檸檬黃；字體選用圓潤的無襯線字體，讓整體保持輕鬆好讀。

首頁：標題先到，說明隨捲動出現

桌機首頁是四欄直式照片牆，每一欄各自以不同節奏淡入淡出，滿版、不留邊；手機則收斂成單張圖片，持續淡入切換。「PUNTO GELATO」一進站就以粉紅大字出現在畫面中央，往下捲動時，米色外框的說明文字才隨捲動浮現，沒有多餘的遮罩。

版面：左文右圖，資訊置中

About 採左文右圖兩欄，右側是隨捲動錯位移動的滴落球圖案；Address 只留地址、營業時間與電話，置中呈現，不放地圖，讓頁面保持乾淨。區塊標題放大、不加底線。

菜單：四張卡片一排，點開是彈窗

四個品項排成一行，滑過時粉色蓋層蓋住整張卡片；點擊後以置中彈窗顯示品項、價格（港幣）與說明，點背景或按 Esc 即可關閉。

響應式：四欄、兩欄、單欄

Menu 依螢幕寬度由四欄變兩欄再變單欄；About 與 Address 在平板以下上下堆疊。我們逐一檢查了 320 到 1440 px 的各個寬度，皆無橫向捲動。

成果

• 一套完整的品牌識別：Logo、色彩、字體
• 一進站就看得到品牌名稱、再靠捲動帶出說明的首頁
• 手機、平板、桌機都可用的單頁官網