项目概述

在Lash & Wigs的 Shopyy 网站中，我们围绕妆发形象与商品细节衔接组织页面。我们用模特妆发拼接图建立品类印象，再让假发束、睫毛和佩戴效果图进入同一套商品陈列。整站以模特拼接海报、白底商品矩阵与黑色页脚连接不同内容，让主题浏览、目录比较与单品查看形成连续的路径。

设计挑战

假发与睫毛需要同时展示整体妆效和具体形态。我们把模特形象用于建立风格，再用清晰商品图交代卷度、长度和包装，让不同图片承担不同信息任务。

设计策略：妆发形象与商品细节衔接

我们用模特妆发拼接图建立品类印象，再让假发束、睫毛和佩戴效果图进入同一套商品陈列。首页负责建立方向，分类页承担比较，单品页继续说明外观与规格；不同层级通过导航和内容入口连接。

我们用Poppins 为主要界面字形，部分说明使用 Helvetica 字形组织标题、导航与正文，通过字号、字重和段落宽度区分主次。模特拼接海报、白底商品矩阵与黑色页脚贯穿主要页面，组内信息保持紧凑，栏目之间留出更大空白，让图片、说明和操作入口各有位置。

动效与功能：围绕当前选择展开

商品页以角度缩略图和长度选项承接选择，手机端保留图片序号与收起的导航入口。我们让交互围绕看清商品和选择长度展开，页面的主要节奏仍由图文分区与滚动阅读承担。

首页：先看妆发效果，再进入商品

我们把多位模特的妆发画面拼成横向海报，中央用 LASH & WIGS 交代品类。海报下方直接接 Top Sellers，卷发束、睫毛和佩戴效果进入同一组商品区域。

白色文字叠在人物画面上，周围保留简洁页头。图片先建立风格，下面的白底列表再进入具体商品，形成从形象到选款的阅读顺序。

热销陈列：让不同形态的商品各有位置

我们在热销区域并列展示发束、睫毛套装和佩戴照片，用同样的卡片宽度组织不同形态的图片。名称和价格放在图下，方便读者在看完形态后继续核对商品。

列表保持白底，卡片之间用均匀留白分隔。深色卷发与浅色背景形成清楚轮廓，彩色睫毛包装也能在同一网格中被识别。

睫毛分类：用一致图幅比较款式

睫毛分类页把佩戴效果、套装包装与单款形态放进规整网格。我们在上方保留分类标题与目录工具，让访客明确当前范围，再横向比较不同商品。

每张图片下方接简短名称和价格，组内保持紧凑，行间则留出更大空间。黑白文字与浅背景让睫毛的轮廓和包装颜色成为主要比较线索。

发束详情：将卷度图和长度选择相邻安排

我们把深卷发束的大图放在左侧，右侧依次给出名称、价格、长度选项和操作区域。产品轮廓占据主要面积，长度按钮则集中在同一块信息区。

标题使用较大的无衬线字形，浅色边框让长度选项便于区分。黄色支付入口在下方形成局部强调，但图片与规格仍保持各自的阅读区域。

细节与说明：继续解释卷度和使用信息

详情下方保留发束大图与多角度缩略图，右栏用短段落说明商品信息。我们把照片和文字沿着同一双栏结构继续展开，向下再连接评价区域。

缩略图之间保持固定间距，说明文字通过小标题和段落空白分组。深色发束在白底上保持清晰轮廓，读者可以从整体形态继续查看局部细节。

品牌介绍：在简短文字中交代业务方向

关于页面以 About Us 标题和几段短文介绍 ExcitingFashion 的业务背景。我们保留与商品页一致的页头，下方接黑色社区与导航页脚，形成清楚的上下边界。

正文采用较轻的字重和宽松段距，白色主体保持简洁。这页承担背景补充，不再重复铺陈商品图片，让不同页面的任务更明确。

联系页面：让沟通渠道集中出现

联系页面在标题下集中排列联系说明、WhatsApp 入口和邮箱，主体使用简单的文字结构。我们把渠道信息放在一起，访客读完即可选择适合的联系方法。

白色正文与黑色页脚形成区域分隔，文字保持左对齐和清楚的行距。这里以快速查找信息为主，视觉节奏比商品页面更轻。

手机首页：延续海报主题与商品顺序

手机端先展示模特拼接海报，再进入 Top Sellers 和大幅商品图片。我们保留桌面的品类主题，让窄屏中的读者也能先理解妆发方向。

顶部导航转为图标入口，商品图使用更充分的宽度。海报、标题和商品之间保持纵向留白，使每一段内容都拥有独立阅读空间。

手机详情：让发束纹理先被看清

手机商品页先呈现发束大图和图片序号，名称、价格与长度信息接在后面。我们让卷度与发丝轮廓占据足够面积，读者可以先确认形态。

文字按窄屏宽度换行，标题和价格之间留出清楚间距。桌面的图文双栏转为纵向，仍保留先看图、再查规格的选择路径。

设计总结：让主题与具体信息相互承接

在Lash & Wigs的网站中，我们以妆发形象与商品细节衔接为线索，用模特拼接海报、白底商品矩阵与黑色页脚连接首页、分类和单品页面。图像表达主题，文字解释具体信息，目录和规格入口承接下一步操作；手机端继续保留同样的顺序，让整站形成连贯的视觉与浏览体验。

为您的品牌规划清楚的 Shopyy 网站

您可以向我们提供现有网址、品牌素材与需要的页面范围。我们会结合商品类型、目标市场和内容重点，一起梳理适合的页面、视觉与功能。