先给客户看作品
大家选室内设计师，第一步就是看作品。所以作品要排在最前面，页面上不留其他抢眼的东西。
WLEA Interior Design室内设计 · 公司网站
网站的灯光和 WLEA 的房间一样讲究。
这是 WLEA Interior Design 的网站。这家公司从设计到施工一手包办，总部在新山，吉隆坡、槟城和新加坡设有分公司。页面的墙面保持深色，光亮留给装修好的房间，看到最后，访客就坐在一间房里。
概要
WLEA Interior Design 是一家从设计到施工一手包办的室内设计公司，经验超过 17 年，总部在新山，吉隆坡、槟城和新加坡设有分公司。Potadot 为这家公司设计并开发英文网站。除了三张占满宽度的大图，其余各章都用同一种深炭灰做底，就像一间深色墙面的房间，页面上的暖意全部来自作品照片。标题横跨照片的边缘，最后一个画面本身就是一间房，联络资料就写在地板上。
客户
从构思到木工都由同一支团队负责。
WLEA 在马来西亚和新加坡承接有地住宅、公寓、办公室、零售店和豪华住宅的设计与装修。公司内部的团队负责空间规划、3D 效果图、订制木工和全屋装修。
总部设在新山。网站上列出每间分公司的注册名称，新加坡分公司叫 A Warm Design Studio。
- 17+
- 年室内设计经验
- 30+
- 位设计师、经理与专才
- 4
- 间分公司，分布在两个国家
- 4
- 项服务列在首页
客户所托
网站是客户走进的第一间房。
挑选室内设计师的人，正准备把自己的家或店面交到别人手上。网站要让人马上看到品味，也要让人相信同一家公司能把工程做到底。
讲清楚设计施工一手包办
WLEA 自己的网页写明了客户的难处：要同时应付好几家承包商。WLEA 的做法是由一支团队负责到底，这一点要让访客一看就明白。
四座城市都是同一家公司
WLEA 自称 regional studio，也就是跨区域的设计公司。新山、吉隆坡、槟城和新加坡要看起来是同一家公司、同一个标准，而不是四间各做各的办公室。
费用问题要好开口
网站的常见问题第一条就是费用，而实际数字要看场地类型和工程范围。网站要把这一点说清楚，再带访客去索取报价。
设计概念
深色的墙让作品自己亮起来。
室内设计师都明白深色墙面的作用：摆在前面的暖色会显得更暖。WLEA 的照片里满是木材、金色饰边和灯光，所以我们给这些照片配上一面深色的墙。全站用同一种深炭灰，其余的颜色都由作品带来。往下滑就像参观一间屋子，最后在一间房里停下来。
浏览路线
-
1
进门
一段住宅视频在标题后方播放。
-
2
认识公司
标题从墙面一直写进房间。
-
3
谁做什么
四项服务由同一支团队负责。
-
4
走到屋外
屋子的外观占满整个页面的宽度。
-
5
逐间参观
照片错落挂在深色的墙上。
-
6
坐下来谈
最后一间房，联络资料写在地板上。
灵感从何而来
作品照片
木材、金色饰边、灯光和浅褐色窗帘都偏暖。这么暖的颜色要有冷静的背景来衬托，所以这种炭灰带一点蓝。
标志
两个用细线画成的三角形互相重叠。同样的细线出现在各章标题旁，从屏幕边缘伸进来。
公司的做法
设计和施工由同一支团队负责。文字和照片因此没有分开摆放，标题直接横跨照片的边缘。
设计风格
先把墙刷好，再摆家具。
整个设计只用几样东西，就像一间安静的房间。墙面用炭灰，文字用白色，小细节用一种暖灰褐，其余都交给照片。
色彩
- 炭灰
#181D24文字章节后方的墙面 - 白色
#FFFFFF标题、正文、细线 - 灰褐
#A69888手写字、圆形按钮、当前页面的菜单项 - WhatsApp 绿
#25D366唯一一颗浮动按钮
灰褐色接近照片里的窗帘和椅面，用在页面上就像房间的一部分。绿色只留给 WhatsApp，所以这颗按钮很容易找到。
字体
Residential & Commercial
Playfair Display · 标题Malaysia & Singapore
Dancing Script · 开场标题里的一行From concept planning and 3D visualisation to custom carpentry and full renovation execution.
Open Sans · 正文与按钮最后一间房
网站的结尾是一张很高的照片，沙发靠着深色的墙。邀请访客联络的文字写在墙上，电话、电邮和分公司资料写在地板上。页脚就这样变成了 WLEA 平日设计的那种房间。
细节
标题通常只待在自己那一栏。这个标题从炭灰底开始，由屏幕边缘伸来的细线引入，一直写到照片上。文字后方有一层淡淡的影子，字看起来更有立体感，好像挂在墙上的招牌。
节奏
- 进门
- 公司
- 服务
- 屋外
- 作品
- 分公司
- 常见问题
- 最后一间房
这条色条就是整个页面，按实际比例画成。只有开场视频、屋子外观和最后一间房占满整个宽度。其余各章都用同一面墙，整页看起来就是一间屋子，而不是一节一节拼起来的。
逐章导览
一间一间看下去。
这是屋主浏览网站的顺序，从进门到最后一间房。亮起来的地方是重点，旁边写着这样做的原因。
开场就是一间装修好的住宅
一段住宅视频在标题后方播放，画面调暗，白色文字才看得清楚。一小段文字说明 WLEA 做什么、在哪里做。
用意 访客想先看到房间，再读文字。文字只要放在画面上就够了。
标题走进了房间
一条白色细线从屏幕边缘伸进来，接上标题。标题从炭灰底开始，一直写到照片上。
用意 文字放一边、照片放一边，看起来就像宣传册。两者叠在一起，WLEA 说的话和做出来的空间就连上了。
设计、水泥、木工、钢铁
一小段文字先说出同时应付多家服务商的麻烦。下方四个线条图标列出服务：设计咨询、水泥工程、木工和钢铁工程。
用意 水泥和钢铁排在设计旁边，比任何术语都讲得清楚。规划房间的公司，也负责铺瓷砖、做钢铁工程。
走到屋外看一看
屋子的外观占满整个页面的宽度。“Where Lifestyle Elevates Artistry”（大意：生活让艺术更上一层）分成错开的两行，放在照片下缘，第二行用斜体。这四个英文字的开头正好是 W、L、E、A。
用意 经过几章深色页面，这张大照片就像推门走到户外。这也说明 WLEA 的工作不只在室内。
照片错落挂在墙上
作品照片一左一右，高低不同，中间留出大片炭灰。Our Projects 标题压在下方那张照片的边上。
用意 排得太密会像产品目录。每张照片四周留出空间，访客就能像逛画廊那样，一次看一间房。
一个滑动相册放下四间分公司
一句话写明团队超过 30 人，以跨区域公司的方式运作。下方的滑动相册展示吉隆坡、新山、新加坡和槟城。
用意 列出四座城市很容易。每间分公司都放上照片，连槟城办公室的 WLEA 招牌也拍进去，访客就知道这些地方真实存在。
页面在一间房里结束
最后一张照片是深色墙前的沙发和单人椅，下方是光亮的地板。联络资料和四间分公司都写在这片地板上。
用意 整个构思到这里完成。贯穿全站的那面深色墙，原来是一面真正的墙，访客看完页面时，人已经在房间里。
一个标题，一段文字从墙面写进房间四项服务，同一支团队
错开的两行每间房四周都留白
四间分公司的滑动相册联络资料写在地板上
手机版
手机上还是同一间深色的房。
在手机上，页面排成一栏。炭灰、标题和细线都保留下来，看起来还是同一个地方。只有联络资料换了位置，从最后一间房的地板移到下方的炭灰底上。
- 标题在视频上方排成五行
- 作品照片排成一栏，四周留一道窄窄的炭灰边
- Get A Quote 留在顶栏，WhatsApp 留在屏幕一角
幕后功夫
墙后面的功夫。
好的房间看不见电线。这些细节让客户顺利联络上 WLEA，也让更多人在 Google 上找到这家公司。
WhatsApp 按钮一直都在
绿色按钮一路跟着页面，按一下就打开 WhatsApp，第一句话已经写好。
报价表格问得够细
Get A Quote 带访客到一份表格，内容包括物业类型、面积、地点、预算、风格和交屋时间，团队一开始就有实用的资料。
费用问题写在首页
首页回答四个常见问题，第一个就是在马来西亚做室内设计要多少钱。
为 Google 做好设定
首页标题写明新山、吉隆坡和槟城，页面也用 Google 读得懂的格式标示公司、地址和服务。
照片都有文字说明
作品照片都附上文字说明，写明作品和地点，例如新山的 Kempas Utama。
每间分公司都写清楚
页脚列出四间分公司的注册名称和编号，新加坡分公司在菜单里也有自己的页面。
- 1
了解您的业务
设计施工一手包办对客户意味着什么，四间分公司怎么互相配合，屋主想先看到什么。
- 2
文案撰写
把 WLEA 的服务、分公司和常见问题整理成简短的章节和清楚的回答。
- 3
设计与开发
炭灰墙面、标题的写法和细线贯穿每一章，手机版和电脑版都一样，一直做到结尾的那间房。
- 4
SEO 与上线
设好网页标题、照片说明和公司资料，然后上线，并提供后续支援。
常见问题
您可能想问。
手上有值得展示的作品？欢迎 WhatsApp Ricky（+6011-1142 1029）详谈。
Potadot 为 WLEA Interior Design 做了什么？
我们负责构思、撰写文案、设计页面，并开发英文网站，同时完成 SEO 设定、WhatsApp 按钮和通往报价表格的路径。
室内设计公司的网站为什么用这么深的颜色？
因为照片的色调很暖。木材、金色饰边和灯光放在炭灰上，比放在白底上更有层次，作品里的房间就成了屏幕上最温暖的地方。
一个网站怎样照顾四间分公司？
首页用一个滑动相册展示四间分公司，页脚列出各分公司的注册名称和编号，新加坡分公司在菜单里也有自己的页面。
可以为我的公司做类似的网站吗？
可以。WLEA 的深色墙来自公司偏暖的作品照片，您的网站也会从您手上的业务和作品出发。样子各有不同，思路却是一贯的。欢迎与我们洽谈，我们会告诉您从哪里着手。
