
品牌与站点定位
Teashell 是以烟酰胺亮肤为核心的护肤品牌,产品线包括精华、爽肤水、洁面、香皂与身体护理,主张「Nothing beyond the essential」,关于页标语为「Sincerity, ingredient by ingredient」,强调成分透明。站点以美元结算,除英语外还配置了越南语、菲律宾语、泰语版本,目标市场明显指向东南亚。
首页与信息架构
页眉左侧为手写体 Logo,主导航为 SHOP、BEST SELLERS、NEW ARRIVALS、ABOUT Teashell,右侧放置显眼的搜索框、账户与购物车,顶部黑色公告条用于新品上市提示。首屏以暖棕色背景、蜡烛与琥珀色瓶身营造沉静的护肤氛围,主标题「BRIGHTENING, REDEFINED.」直接点出亮肤主线。SHOP 系列页不先堆商品,而是用四张竖幅大图按功效分区:Brightening & Even Tone、Soothing & Repair、All-Over Care 与 Refill,引导用户先按肌肤诉求再选品,Refill 补充装入口也体现了可持续的复购思路。
转化设计
产品详情页以副标题「CLEANSE. BRIGHTEN. HYDRATE.」三词概括功效,What It Is 区块展开说明烟酰胺、熊果苷、维生素原 B5 等成分及香调,How To Use、Ingredients、Shipping & Returns 以折叠面板收纳,信息完整而不拥挤。左侧竖排缩略图中包含视频与质地特写。截图中的香皂处于售罄状态,页面以 Notify Me When Available 收集到货提醒,保留潜在订单。全站右下角常驻对话入口,主动询问「How can we help you?」。
技术与工具
站点基于 Shopify 搭建,采用定制主题,导航中可见 Quick view、Add to Wishlist、Compare 等商品交互功能。Judge.me 负责评价收集与展示;Shopify Inbox 提供在线客服;TikTok Pixel 与 Pinterest Tag 支撑短视频与图片社交平台的广告投放,契合美妆护肤依赖内容种草的获客方式。
首页之外,转化发生的地方

首屏以暖棕背景、蜡烛与琥珀色瓶身营造沉静质感,「BRIGHTENING, REDEFINED.」直指亮肤主线,配 Shop Now 按钮;顶部公告条提示新品爽肤水上市,搜索框位置醒目。

SHOP 页以四张竖幅大图按功效分区,分别是亮肤匀色、舒缓修护、全身护理与 Refill 补充装,用质感图片代替商品列表,引导用户先按肌肤诉求选择系列。

烟酰胺亮肤皂详情页以「CLEANSE. BRIGHTEN. HYDRATE.」概括功效,展开成分与香调说明,用法、成分、配送退货收进折叠面板;售罄时提供 Notify Me When Available 到货提醒。

关于页以「Our Story」和「Sincerity, ingredient by ingredient」为题,背景是香皂、精华、爽肤水、洁面组成的全家福,用统一的琥珀色包装传达成分透明的品牌理念。



