# UWELL / 品牌官网设计服务

- ID: 408
- URL: https://www.stoyard.com/works/408
- English URL: https://www.stoyard.com/en/works/408
- Year: 2024
- Cover: https://static.glabcms.stoyard.com/stoyard/project/cover/20240918/gtkd4uj5lm.png
- Categories: 品牌出海,跨境电商
- English Categories: Electronic Commerce
- Author: 葛熙呈
- English Author: Xicheng Ge
- Editor: STOYARD BEIJING
- External Link: https://www.myuwell.com

## 中文主体

### 项目简介

UWELL是一家专注于电子烟设备研发与生产的公司。公司以创新和质量为核心,致力于为全球消费者提供更好的电子烟体验。我们团队为UWELL提供了全面的设计咨询与界面设计服务,优化了用户体验和界面视觉效果。我们专注于用户体验的优化和界面的视觉呈现,确保网站不仅美观现代,还便于用户浏览和操作。通过对信息架构的细致规划与设计,我们帮助UWELL提升了其品牌的数字形象,确保用户能顺利找到所需信息,并以最快速的路径完成购买或了解更多产品详情。

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/dl695kyzvrr.png)

1.品牌背景

UWELL品牌成立于2015年,深耕电子雾化领域。从雾化设备的研发制造起步,逐渐发展为拥有研发、生产、销售、品牌、服务全产业链一体化生态闭环的集团公司。UWELL拥有完全独立自主的研发能力和自主专利技术,其独有的Pro-FOCS口感调校专利技术成为了广大用户追求口感的首选标志。2018年荣获国家高新技术企业的称号,践行了以科技化、数字化助推行业发展的方针。

UWELL的产品不仅在国内市场受到欢迎,还远销海外,为全球用户提供优质的雾化产品与品质生活,利用全球网红资源助力品牌全球化。UWELL秉承“去创造、不跟随”的品牌理念,以持续创新的企业精神、行业领先的研发实力、精湛的产品工艺、严苛的品质标准和极致的口感体验赢得市场认可。

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/uazqxex9ya.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/1gi0a6255y5.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/t7qh3qhrb3.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/z792ytenr6s.png)

2.用视觉创意放大产品的表现力

基于对产品的自信,我们将网站的国际化视觉要素全都依托于产品本身的调性上,我们从产品的色彩上找到新潮活跃的碰撞、在高级工艺细节中找到更好的视角并且在品牌定位及文化特色中提取到“超简单、突破、活力、便携……”这样的关键词。

这些关键点将决定我们整个构思会围绕这些因素展开,尽可能准确地去表达这些词语的内核。比如明亮的色调、对比强烈的文本信息排版、简洁舒朗的产品图呈现方式。

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/9rgc10qem8.jpg)

3.网站于产品而言是一个广阔的舞台

UWELL官网是非常典型的营销型官网,对产品的表现力要求很高,所以,官网就是这些产品的舞台,我们所要做的就是让舞台与产品高度契合,可以让产品的优势得到最大限度的发挥。

网站上明星产品、上新产品、系列产品、爆款产品这些不同类型的产品将根据重要层级被安排在官网的不同位置,通过对用户的引导,让他们能够快速准确地找到心仪产品,并完成订单。

所以,我们会更多的思考产品的比重,从而根据用户习惯,给产品设计合理的展示路径。

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/jp5zwe3ikv.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/ld0rj593zgc.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/uy5bt8ej65.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/3215wh12roi.png)

20s内访客依旧愿意留下,这归功于网页的细节优势

一个内容丰富的网站,各层级页面加起来可能会有几十个。当浅层访客初次打开网站,尝试搜索了解自己感兴趣的内容时,她可能会花一点时间进行浏览,但根据大数据显示,80%的人会在20s内决定是否继续深入。所以,一部分网页甚至都没有被打开,访客已经离开。

这种快节奏的用户习惯,就要求我们在建设官网时不能有偷懒的心思,对短页面进行略化处理。而是将“友好”刻到骨子里,将细节渗透到每个页面。即便是简单表单、信息列表、个人中心等这些小页面,也要进行认真思考,为访客踏进来的每一步都留下好的印象。

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/2i5l7tejvfi.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/ezdsyrcbvna.png)

我们会将官网的移动端适配当做一个手机商城来思考,我们会考虑页面结构的排布,设计更适合于手机用户浏览的页面。

例如手机端产品的排列方式,滑动时的微动效、文本信息的排版,按钮的位置,甚至是色块的占比,我们都会进行衡量,保证不同页面规格下,网站的风格调性可以保持一致。

## English Content

### Introduction

UWELL is a company specializing in the research, development, and production of vaping devices. With innovation and quality at its core, the company is dedicated to providing a better vaping experience for consumers worldwide. Our team provided comprehensive design consulting and UI/UX design services for UWELL, optimizing both user experience and visual appeal. We focused on enhancing usability and creating a visually modern interface to ensure the website is not only aesthetically pleasing but also easy to navigate. Through detailed planning and design of the information architecture, we helped UWELL enhance its digital brand image, ensuring that users can easily find the information they need and complete purchases or learn more about products quickly and efficiently.

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/dl695kyzvrr.png)

1. Brand Background

UWELL was founded in 2015 and has been deeply involved in the electronic vaporization industry. Starting from the research and development and manufacture of vaporization devices, it has gradually developed into a comprehensive industrial chain group corporation with research and development, production, sales, brand, and service integration. UWELL has complete independent R&D capabilities and proprietary patent technologies. Its unique Pro-FOCS taste adjustment patent technology has become the preferred symbol for users to pursue taste. In 2018, it was awarded the title of National High-tech Enterprise, implementing the policy of using technological innovation and digitization to drive the industry's development.

UWELL's products are not only popular in the domestic market, but also exported overseas, providing high-quality vaporization products and quality life for global users, and leveraging global influencer resources to promote the brand's globalization. UWELL adheres to the brand concept of "creating without following," with a continuous innovative enterprise spirit, industry-leading R&D strength, exquisite product craftsmanship, rigorous quality standards, and ultimate taste experience to win market recognition.

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/uazqxex9ya.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/1gi0a6255y5.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/t7qh3qhrb3.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/z792ytenr6s.png)

2. Enhance the international

expressiveness of products with visual creativity Based on our confidence in the product, we rely on the product's own style to create the international visual elements of the website. We find new and vibrant collisions in the product's colors, better perspectives in the product's high-end craftsmanship details, and keywords such as "ultra-simple, breakthrough, vitality, portable..." from the brand positioning and cultural features.

These key points will determine that our entire concept will be based on these factors, and we will strive to accurately express the core of these words. For example, bright colors, contrasting text information layout, and simple and striking product images.

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/9rgc10qem8.jpg)

3. The website is a vast stage for the products.

UWELL's official website is a typical marketing website, which requires high expressiveness for products. Therefore, the website is the stage for these products, and our task is to make the stage perfectly match the products, so that the advantages of the products can be fully utilized.

Star products on the website, new products, series products, explosive products of these different types of products will be arranged in different positions of the official website according to the important level, through the guidance of users, so that they can quickly and accurately find the desired products, and complete the order.

Therefore, we will think more about the proportion of products, so as to design a reasonable display path for products according to user habits.

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/jp5zwe3ikv.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/ld0rj593zgc.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/uy5bt8ej65.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/3215wh12roi.png)

Visitors in 20s are still willing to stay, thanks to the advantage of the details of the page

A content rich website, all levels of pages add up to dozens. When a shallow visitor opens the site for the first time and tries to search to understand what they are interested in, she may spend a little time browsing, but according to big data, 80% of people will decide whether to continue in depth within 20 seconds. So, part of the page is not even opened, the visitor has left.

This fast-paced user habit requires that we can not have a lazy mind when building the official website, and the small page is slightly processed. Instead, "friendliness" is carved into the bones, and details permeate every page. Even these end pages, such as simple forms, information lists, and personal centers, should be carefully thought about, leaving room for every step visitors step into.

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/2i5l7tejvfi.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20240918/ezdsyrcbvna.png)

We will think of the mobile adaptation of the official website as a mobile mall, we will consider the layout of the page structure, and design the page that is more suitable for mobile users to browse.

For example, the arrangement of mobile products, the micromotion effect when sliding, the layout of text information, the position of buttons, and even the proportion of color blocks, we will measure to ensure that the style of the website remains unchanged under different page specifications.