Skip links

OUODESIGN / SELECTED WORK / 47

VELI

你的手法,你的日常。

美发工具品牌网站 · 独立概念设计

01 / THE PROJECT

把造型工具,放进自己的节奏。

VELI 从居家造型与日常护理出发开发美发工具,关注操作习惯、收纳与不同造型之间的转换。品牌让工具成为个人护理节奏的一部分。

PROJECT DETAILS

VELI

行业 / 美发工具

服务 / 视觉设计 · 信息架构 · 响应式体验

客群 / 日常造型用户、美发用品买手与专业渠道

VISUAL LANGUAGE

色彩建立识别,排版组织阅读。

通过底色、正文与强调色的分工,保持品牌气质与信息层级的一致。

品牌主色

#583F3B

阅读底色

#F7EEE8

视觉强调

#E3BAAB

DIGITAL EXPERIENCE

Your hair. Your way.

从品牌的第一印象,到信息的逐步展开。以真实界面置入设备场景,呈现网站的观看尺度与阅读节奏。

VELI / WEBSITE EXPERIENCE

DESIGN DIRECTION

用造型场景和产品细节表达使用体验,让访客按日常需求理解不同工具的定位

01

使用动作

以使用动作作为内容起点,让访客先理解品牌与自己的关系。

02

工具定位

用图像尺度、留白与清楚的分区展开工具定位,逐步承接更多信息。

03

造型偏好

将造型偏好与明确的浏览入口连接,让下一步行动自然发生。

BRAND IN CONTEXT

在不同场景中,找到自己的位置。

01 / IN CONTEXT

居家造型

以居家造型呈现产品所处的环境,让设计与实际使用联系起来。

02 / IN CONTEXT

护理空间

从护理空间延伸品牌叙事,展示不同需求下的使用方式。

03 / IN CONTEXT

工具细节

靠近工具细节,观察材料、结构与制作过程。

RESPONSIVE EXPERIENCE

在不同屏幕上,延续同一种识别。

桌面端展开完整的视觉叙事;更小的屏幕将内容收拢为清晰的纵向阅读。品牌色彩、图像语言与行动入口保持连贯。

从初次了解,到进一步探索,让每一次浏览都能找到适合自己的入口。

DETAILS MATTER

从接口到表面,理解使用方式。

扩散风嘴的形状与具体工具、使用方式有关。细节呈现接口和表面的关系,帮助访客理解工具之间的组合逻辑。

INTERACTION NOTES

每一步浏览,都有明确的方向。

01

建立印象

你的手法,你的日常。以品牌主张和大幅影像开启阅读。

02

探索内容

围绕工具定位展开系列与场景,帮助访客逐步缩小关注范围。

03

整理方向

从造型偏好进入进一步探索,保持行动入口清晰可见。

PROJECT REFLECTION

让品牌表达,成为完整的体验。

用造型场景和产品细节表达使用体验,让访客按日常需求理解不同工具的定位。本案例通过影像、排版与内容顺序的配合,将品牌第一印象延续到具体的产品阅读。

独立概念设计案例:VELI 为虚构品牌,不代表真实客户委托或已验证的商业成果。源网站意向笔记仅在页面内演示。

LET’S CREATE YOUR NEXT CHAPTER.

让你的品牌,被更好地看见。

Explore
Drag