01 / THE PROJECT
从一次出航，理解设备准备。
WAKEON 面向休闲船艇与近岸使用场景组织推进设备，关注动力装置、船体和使用计划的协同。品牌内容从水上旅程延伸到设备准备与维护。
DIGITAL EXPERIENCE
Beyond the shoreline.
从品牌的第一印象，到信息的逐步展开。以真实界面置入设备场景，呈现网站的观看尺度与阅读节奏。
WAKEON / WEBSITE EXPERIENCE
VISUAL LANGUAGE
色彩建立识别，排版组织阅读。
通过底色、正文与强调色的分工，保持品牌气质与信息层级的一致。
品牌主色
#173F52
阅读底色
#F2F3EC
视觉强调
#EDBA96
BRAND IN CONTEXT
在不同场景中，找到自己的位置。
01
休闲航行
以休闲航行呈现产品所处的环境，让设计与实际使用联系起来。
02
近岸停泊
从近岸停泊延伸品牌叙事，展示不同需求下的使用方式。
03
设备维护
靠近设备维护，观察材料、结构与制作过程。
DESIGN DIRECTION
以全屏海面场景建立品牌尺度，将推进设备、应用方式与咨询入口贯穿页面
01
水面尺度
以水面尺度作为内容起点，让访客先理解品牌与自己的关系。
02
船机关系
用图像尺度、留白与清楚的分区展开船机关系，逐步承接更多信息。
03
出行规划
将出行规划与明确的浏览入口连接，让下一步行动自然发生。
RESPONSIVE EXPERIENCE
在不同屏幕上，延续同一种识别。
桌面端展开完整的视觉叙事；更小的屏幕将内容收拢为清晰的纵向阅读。品牌色彩、图像语言与行动入口保持连贯。
从初次了解，到进一步探索，让每一次浏览都能找到适合自己的入口。
INTERACTION NOTES
每一步浏览，都有明确的方向。
01
建立印象
水面之外，还有新的旅程。以品牌主张和大幅影像开启阅读。
02
探索内容
围绕船机关系展开系列与场景，帮助访客逐步缩小关注范围。
03
整理方向
从出行规划进入进一步探索，保持行动入口清晰可见。
DETAILS MATTER
每一处连接，都关乎完整配置。
螺旋桨与下部壳体属于完整的推进系统。特写展示结构关系，实际配置需结合船体与使用条件讨论。
PROJECT REFLECTION
让品牌表达，成为完整的体验。
以全屏海面场景建立品牌尺度，将推进设备、应用方式与咨询入口贯穿页面。本案例通过影像、排版与内容顺序的配合，将品牌第一印象延续到具体的产品阅读。
独立概念设计案例：WAKEON 为虚构品牌，不代表真实客户委托或已验证的商业成果。源网站意向笔记仅在页面内演示。