返回作品集
Property Management 首页：在“Chalkidiki, Northern Greece”一行下方，是标题“Stays in Chalkidiki, kept by their owner”，第二行为斜体，背景是一张日落时分棕榈海滩上躺椅和流苏遮阳伞的照片；下方是一段简短介绍和“Explore the stays”“Visit OKKIO”两个按钮，右侧是一张半透明卡片“Speak with George”，带有电话、WhatsApp 和 Viber 按钮。
在新标签页中打开 propertymanagement.com.gr

Property Management — 哈尔基季基业主自营的度假住宿与海滩酒吧

项目概述

Property Management 是 George Douvas 在希腊北部哈尔基季基的度假住宿合集：阿菲托斯崖顶村庄里的精品阁楼与开间公寓、韦尔吉亚的海滨公寓，以及莫拉卡利瓦上方的家庭公寓。他还经营着韦尔吉亚沙滩上的海滩酒吧 OKKIO。每一处住所都由 George 亲自打理，客人通过与他直接沟通来预订，而不是通过预订系统。

网站提供英语和希腊语两个版本，为每处住宿设立独立页面，列出客人预订前会问到的信息——床位、景观、距离、停车、从机场出发的车程——并配有一份海岸指南和一个介绍 OKKIO 一天的页面，从早晨的咖啡到日落。页面切换无需重新加载，因此访客一旦开启音乐和海浪环境音，它们就会在页面之间持续播放。

挑战

住宿分布在三段不同的海岸，还有一家海滩酒吧，却没有预订系统：每个页面都必须回答客人真正关心的问题，并最终引向与业主的直接沟通——电话、WhatsApp 或 Viber，中间没有任何表单。网站带有动效、音乐和海浪声，却仍需在手机上快速加载，并遵守不允许任何第三方脚本的严格安全策略。网页上的声音很脆弱：绝不能在未经允许时播放，必须在切换页面时不中断，而 Safari 只会在请求播放的那一次点击中解锁音频。而这一切都必须在七天内完成。

解决方案

内容以 JSON 存放，英语与希腊语并列；一个无依赖的 Python 构建脚本生成每个页面及其结构化数据、站点地图和 llms.txt，并为脚本和样式加上指纹，确保修改后绝不会提供过期版本。Swup 只替换主体内容，因此页眉和 Web Audio 声音引擎始终保留：海浪环境音、音乐播放列表和界面音效，各自占用独立声道。在访客回应一条低调的声音提示之前不会播放任何声音；音乐的播放位置会被保存，即使切换语言也能从同一秒继续。地图根据海岸线数据和每处住宿的坐标以 SVG 绘制，Google 地图只在有人请求时才加载。照片统一调色，并控制在严格的体积预算内；经 Lighthouse 检测的每个页面在无障碍和 SEO 两项上都获得 100 分。

图片集

  • Property Management 首页：在“Chalkidiki, Northern Greece”一行下方，是标题“Stays in Chalkidiki, kept by their owner”，第二行为斜体，背景是一张日落时分棕榈海滩上躺椅和流苏遮阳伞的照片；下方是一段简短介绍和“Explore the stays”“Visit OKKIO”两个按钮，右侧是一张半透明卡片“Speak with George”，带有电话、WhatsApp 和 Viber 按钮。

    首页——住宿与海滩酒吧，一个电话即可直达

  • “Choose your shore”板块，写着“Filter by area, or browse them all. Every stay is booked directly with the owner.”，下方是一排筛选按钮——All 6、Afytos 2、Vergia 1、Mola Kalyva 1、Private villas 2——当前选中 Afytos；再往下是两张住宿卡片：“Boutique lofts”的照片是一位身穿白色波点浴袍、手持红色酒杯的客人站在海景阳台上，“Loft studios”的照片是一片装有嵌入式灯的天花板。

    住宿——按海岸筛选，直接向业主预订

  • 首页上的 OKKIO 板块，淡蓝色背景：一个青绿色圆环标志、“OKKIO Beach Bar · Vergia”一行、标题“Coffee at nine, cocktails at sunset.”（第二行为青绿色斜体），以及一段关于酒吧和营业时间的文字；右侧是几张照片：桌上一杯配水果的鸡尾酒、流苏遮阳伞下的躺椅，以及 OKKIO 招牌的一角。

    首页——OKKIO，从早晨咖啡到日落鸡尾酒

  • Vrachos Lofts 页面：在 Home / Stays / Vrachos Lofts 路径下方，是标题“Vrachos Lofts”和“Stone, glass and the Toroneos Gulf, in the heart of Afytos.”一行，接着是 Afytos, Kassandra · Boutique lofts · Sleeps 2–4 per loft 等信息以及电话、WhatsApp 和 Viber 按钮；背景照片是一间阁楼：玻璃隔断的浴室、橡木墙面、放着卷好毛巾的床，以及挂在木架上的浴袍。

    Vrachos Lofts——每处住宿都有自己的页面

  • Vrachos Lofts 概览：标题“Boutique lofts inside the cliff-top village of Afytos, with sea-view balconies, old stone walls and glass-walled bathrooms.”下方是三段文字，右侧是一张“At a glance”表格——类型、位置、景观、床位、距机场 74 公里 · 约 1 小时、适合情侣和步行游览村庄的假期——并附有电话、WhatsApp 和 Viber 按钮。

    概览——客人预订前想知道的信息

  • Vrachos Lofts 页面上打开的照片查看器，标有“Photo 3 of 10”，带关闭按钮和左右箭头：一间阁楼，有双人床、卷好的毛巾、橡木墙面、玻璃淋浴间和一扇通往阳台的门。

    图库——每个房间全尺寸查看，方向键或滑动切换

  • OKKIO Beach Bar 页面：标题“From first coffee to last light”下方是三张照片——葡萄藤下大理石桌上的一杯冰咖啡，背后是海滩；一盘配薯条、洋葱和蘸酱的烤肉串；日落时沙滩上一排排躺椅和遮阳伞——分别标为 Morning、Midday 和 Sunset。

    OKKIO——海滩酒吧的一天，从清晨到日落

  • Vrachos Lofts 页面的位置板块：一张淡色的卡桑德拉海岸地图，阿菲托斯处有一个标记，下方有“Show on Google Maps”和“Open in Google Maps”按钮，并注明交互地图只在请求时才从 Google 加载；右侧是标题“Afytos, Kassandra”、地址、Google 地图和路线按钮，以及到附近地点的距离列表，从 100 米外的 InLofts Afytos 到 41 公里 · 40 分钟外的 OKKIO Beach Bar。

    位置——真实距离，Google 地图仅在需要时加载

  • 平板上的首页：标题“Stays in Chalkidiki, kept by their owner”和一段简短介绍，背景照片是一间阁楼卧室：石墙、亚麻窗帘和一扇朝向大海的阳台门；下方是“Explore the stays”“Visit OKKIO”按钮，以及幻灯片的进度线和暂停按钮。

    首页——客房、海滩与酒吧的轮播

  • 平板上的 OKKIO Beach Bar 页面：标题“OKKIO Beach Bar”（后半部分为斜体）和一行“On the sand at Vergia, facing the Thermaic Gulf. Coffee, cocktails, food from the kitchen and a front-row seat for the sunset.”，配有电话按钮和 Instagram 链接；背景照片是黄昏时的流苏遮阳伞和躺椅，水面上有一艘小船。

    OKKIO Beach Bar——独立页面，就在韦尔吉亚的沙滩上

  • 平板上的 InLofts Afytos 页面：在 Home / Stays / InLofts Afytos 路径下方，是标题“InLofts Afytos”、一行“Clean-lined studios with kitchenettes, a minute from the village square.”、Afytos, Kassandra · Loft studios · Sleeps 2–3 per studio 等信息，以及电话、WhatsApp 和 Viber 按钮；背景照片是黄昏时阿菲托斯的瓦片屋顶。

    InLofts Afytos——距村庄广场一分钟的开间公寓

  • 平板上的 OKKIO 菜单：标题“From the bar and the kitchen”和一行“A taste of what's served. The full menu changes with the season.”，接着是三栏——Coffee、Drinks 和 Kitchen——列有冰镇浓缩咖啡和卡布奇诺、招牌鸡尾酒、Spritz、冰啤酒、按杯出售的希腊葡萄酒、薄底披萨、烤肉串拼盘、新鲜沙拉和甜点；下方是 OKKIO 图库的开头。

    菜单——OKKIO 的出品，在任何屏幕上都清晰易读

  • 平板首页上打开的声音面板：一张标题为“Sound”的卡片，带关闭按钮，“All sound”开关已打开，下面是 Sea ambience（“Waves and a light breeze”）、Music（“A slow, quiet score”）和 Interface effects（“Soft sounds on hover and click”）的开关和音量滑块，并注明“Saved on this device”；背后是首页标题和海滩上的躺椅。

    声音——海浪、音乐和音效，各有独立开关

  • 手机上的首页：标题“Stays in Chalkidiki, kept by their owner”和一段简短介绍，背景是日落时海滩上的躺椅和棕榈树；下方有“Explore the stays”“Visit OKKIO”按钮，顶部有语言链接、声音图标和菜单按钮，右下角有一个圆形通话按钮。

    首页——手机首屏即呈现全部内容

  • 手机上展开的菜单：Home、Stays、OKKIO Beach Bar、Chalkidiki 和 Contact 等大号链接，Stays 下逐一列出每处住宿的名称；下方是“Speak with George”及电话、WhatsApp 和 Viber 按钮、希腊语版本链接，顶部有关闭按钮。

    菜单——所有住宿和业主电话尽在一个面板中

  • 手机上的“Choose your shore”板块，筛选按钮为 All 6、Afytos 2、Vergia 1、Mola Kalyva 1 和 Private villas 2，当前选中 Vergia；下方是一张“Beachfront apartments”卡片，照片中阳台上的桌椅俯瞰瓦片屋顶和淡色天空下的大海。

    筛选——轻点一下，即见韦尔吉亚的海滨公寓

  • 手机上的 Theros Apartments 页面：在 Home / Stays / Theros Apartments 路径下方，是标题“Theros Apartments”、一行“Roomy family apartments above Mola Kalyva, a walk from the pines and the sea.”、Mola Kalyva, South Kassandra · Family apartments · Sleeps 2–5 per apartment 等信息，以及电话、WhatsApp 和 Viber 按钮；背景照片越过瓦片屋顶望向大海。

    Theros Apartments——莫拉卡利瓦上方的家庭住宿

  • 手机上的 OKKIO Beach Bar 页面：标题“From first coffee to last light”下方是一张照片：葡萄藤下大理石桌上的一杯冰咖啡，背后是遮阳伞和海滩；下面是“Morning”一段文字的开头，讲的是在树荫下喝冰镇浓缩咖啡。

    OKKIO——海滩热闹起来之前，在树荫下喝杯早咖啡

  • 手机上打开的照片查看器，标有“Photo 1 of 10”，带关闭按钮：一个摆着圆形玻璃桌和椅子的阳台，越过莫拉卡利瓦的屋顶望向大海，图注为“Balcony with a round table overlooking Mola Kalyva and the sea”。

    图库——滑动浏览客房，每张照片都有说明

  • 手机上的联系页面：标题“Talk to George”，一行文字请访客说明日期、人数和想要的假期类型，“George Douvas, Owner · Property Management”旁边是姓名缩写 GD，下方是大号字体的电话号码以及电话、WhatsApp 和 Viber 按钮。

    联系——电话、WhatsApp 或 Viber，直达业主