Cup²
SPLIT CUP
Web Design
如何在复杂中形成秩序？
How Does Order Emerge from Complexity?
CUP² 的网站承载了传统制造背景下积累的大量信息，页面架构分散、内容丰富但缺乏现代化的展示和逻辑。我们的从整体开始，梳理信息层级、提炼核心内容，再对页面结构进行优化，统一视觉语言，确保品牌故事和产品理念在网站中被清晰呈现。让复杂信息不再凌乱，而是在结构、内容和视觉上形成可感知的秩序。
The CUP² website carried a substantial amount of content accumulated from a traditional manufacturing background, with dispersed page structure and rich information lacking modern presentation and logical flow. We began with organizing content hierarchies and distilling core information, followed by structural optimization and visual unification, ensuring the brand story and product philosophy are clearly conveyed. Through this approach, forms a perceptible order in structure, content, and visuals, allowing visitors to quickly understand the site’s value and functionality..
信息如何有效传达？
How Does Information Communicate Effectively?
为让访问者直观获取关键信息，我们对首页进行了整合设计，将核心内容和品牌理念尽可能在首屏呈现。Brand 与 Our Story 页面通过排版优化和产品分解示意图展示品牌理念与产品细节，使信息易于理解和吸收。News 页面采用 Blog 框架，将更新内容统一发布，增强内容的可关联性和易读性,避免用户因信息分散而迷失。
We consolidated the homepage, presenting core content and brand philosophy as prominently as possible. The Brand and Our Story pages leverage optimized layouts and product breakdown illustrations to display brand philosophy and product details, making information easy to understand and absorb. The News page uses a blog framework to publish updates in a unified way, enabling information to flow naturally with clear logic, enhancing content connectivity and readability, and preventing users from being overwhelmed by dispersed content.
功能与视觉如何协调？
How Do Function and Visuals Work Together?
我们在各个页面区段嵌入“Order”按钮，使购买路径直观可达。配合 LOGO 的配色方案以及合作方提供的图像编辑与整理，实现视觉统一。整体设计不仅保证功能的便捷性，也强化了产品的新颖、年轻、阳光的特质，使功能与美感在页面中得到平衡。
On the interaction and visual side, “Order” buttons were embedded throughout various page sections to make the purchasing path intuitive. Combined with the logo’s color scheme and curated partner images, visual consistency was achieved. The design not only ensures operational convenience but also reinforces the product’s fresh, youthful, and vibrant qualities, balancing function and aesthetics on the page.
Client: CUP² Company
Design: Boren @BOREN Studio
2023, Remote, United States