# TOKIT 纯米 / 厨电品牌出海全球官网

- ID: 347
- URL: https://www.stoyard.com/works/347
- English URL: https://www.stoyard.com/en/works/347
- Year: 2022
- Cover: https://static.glabcms.stoyard.com/stoyard/project/cover/20220415/8zjk0slr1nc.png
- Categories: 上市公司, 大型品牌官网定制, 中小型企业网站方案, 平面设计服务, 先进制造, 视频、动态图形、动画设计, 品牌出海,跨境电商
- English Categories: Listed Company, Office Website SOLUTION, Products Marketing Website, Communication Materials Design, Advanced Manufacturing, Motion Graphics, Electronic Commerce
- Author: STOYARD
- English Author: STOYARD
- Publish: 2022-04-15
- Editor: STOYARD BEIJING
- External Link: https://tokitglobal.com/

## 中文主体

### 项目简介

纯米科技是一个依托互联网厨电,面向未来烹饪定制化时代的科技厨房生态体系。2014年4月,纯米加入小米生态链,专注于互联网厨房家电与系统的研发与生产。

2021年,以TOKIT和joyami双品牌出海,布局全球市场,我们帮助纯米完成了海外版的网站设计及营销,内容设计。

[Video](https://static.glabcms.stoyard.com/stoyard/gallery/20220415/ckiiv2bfhx8.mp4)

1.品牌背景

作为智能厨电行业的革新者,纯米科技一直在不确定性中找寻确定性。从产品的创新,到个性化推荐、品质服务,极力在每一个环节都做好、做扎实,让每一位用户感受到实力与心意。

纯米专注切入厨房场景,以互联网厨电为基底,辅以软硬件结合交互而形成的线上线下双打通的科技厨房生态综合体系。

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220415/7hlfc94nue7.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220415/ew6hjygml5s.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220415/itc0nbppzkm.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220415/dohdsbhs9er.png)

2.视觉风格定位

纯米科技具有突出的原创设计能力、精准的用户洞察能力、精准营销、人文关怀、科技领先等标签。

基于这些内容,我们做了一系列调研与沟通,确定整体的视觉风格以简约、舒适为主,最终呈现给用户的是具备品牌独有思维的图像。

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220512/v40zllzy6fn.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20230103/f90xjvi72t.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220512/rlfciqti9bs.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20230103/jh7e59k4y9.jpeg)

3.设计逻辑

我们制作了网站页面、产品屏幕界面、产品渲染、品牌LOGO以及品牌手册。我们从产品美学、工艺细节和场景预设三个方面进行设计。

TOKIT网站是一个以营销转化为导向的网站,所以在设计界面交互时,我们需要将营销理念、方法和技巧融入到设计中。

[Video](https://static.glabcms.stoyard.com/stoyard/gallery/20220415/1rn2c7o4imr.mp4)

4.交互体验至关重要

恰如其分的交互设计会为用户带来更友好的体验,避免肤浅的炫酷,网站采用更富有内涵的微交互形式来增加细节,提升使用舒适度。

我们向下滑动鼠标进入产品详情页面,产品概念图戏剧般拆解,被拆分的细节都有相应的视频展示及文字释义,细小的组建会随着我们鼠标的动作进行转动,既美观又有趣味性,使用户清晰愉悦地了解到产品的核心功能。

[Video](https://static.glabcms.stoyard.com/stoyard/gallery/20220415/c7q83z993yw.mp4)

在产品呈现形式上,我们将短视频+3D动效+动态图方式穿插运用,突出产品工艺细节与领先技术,打造沉浸式体验。

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220512/4tp0l408898.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20230103/75ukiw94bxp.jpeg)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220512/y8sfzl4v6h.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20230103/xxvarf487j.jpg)

5.品牌延伸服务

同时,我们还为joyami品牌制作了产品手册。

品牌手册对于一个品牌来说,是一个大纲,是品牌策划指南,具有规范和引领的作用。

其最终目的是为了塑造消费者心中的品牌印象。对企业而言,品牌手册能够为管理与培训提供参考,对消费者而言,品牌手册能够最直观地展现品牌优势,他们可以直面感受品牌魅力。

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220512/av5e540t8a.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220512/8iratcq7tyi.png)

6.愿景

我们对产品应用场景进行了设计,希望将产品置身于一个有温度、有情感的智慧生活场景,通过营造氛围让用户产生参与感,网站最终呈现出来的是一个美好生活的构想,而不是一个单调的产品展示图像。

## English Content

### Introduction

Chunmi technology is a technology kitchen ecosystem relying on Internet kitchen electricity and facing the future era of cooking customization.

In April 2014, chunmi joined Xiaomi ecological chain and focused on the R & D and production of Internet kitchen appliances and systems.

In 2021, tokit and joyami went to sea and laid out the global market. We helped chunmi complete the overseas website and content design.

[Video](https://static.glabcms.stoyard.com/stoyard/gallery/20220415/ckiiv2bfhx8.mp4)

1. Brand background

As an innovator in the smart kitchen appliance industry, Chunmi Technology has always been looking for certainty in uncertainty. From product innovation, to personalized recommendation, and quality service, we strive to do a good job in every link, so that every user can feel the strength and heart.

Pure Rice focuses on cutting into the kitchen scene, based on the Internet kitchen appliances, supplemented by the combination of software and hardware, an integrated online and offline technology kitchen ecological system.

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220415/7hlfc94nue7.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220415/ew6hjygml5s.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220415/itc0nbppzkm.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220415/dohdsbhs9er.png)

2. Visual style positioning

Chunmi Technology has outstanding original design capabilities, precise user insight capabilities, precise marketing, humanistic care, leading technology and other labels.

Based on these contents, we have done a series of research and communication, and determined that the overall visual style is mainly simple and comfortable, and finally presented to users an image with the unique thinking of the brand.

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220512/v40zllzy6fn.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20230103/f90xjvi72t.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220512/rlfciqti9bs.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20230103/jh7e59k4y9.jpeg)

3. Design logic

We made website pages, product screens, product renderings, brand logos, and brand brochures. We design from three aspects: product aesthetics, process details and scene presets.

The TOKIT website is a marketing conversion-oriented website, so when designing interface interaction, we need to integrate marketing concepts, methods and techniques into the design.

[Video](https://static.glabcms.stoyard.com/stoyard/gallery/20220415/1rn2c7o4imr.mp4)

Appropriate interaction design will bring users a more friendly experience and avoid superficial coolness. The website adopts a more connotative micro-interaction form to increase details and improve user comfort.

We slide the mouse down to enter the product details page. The product concept map is dismantled dramatically. The disassembled details have corresponding video display and text explanation. The small components will rotate with the movements of our mouse, which is both beautiful and Interesting, so that users can clearly and happily understand the core functions of the product.

4. Interactive experiences are crucial

Appropriate interaction design will bring users a more friendly experience and avoid superficial coolness. The website adopts a more connotative micro-interaction form to increase details and improve user comfort.

We slide the mouse down to enter the product details page. The product concept map is dismantled dramatically. The disassembled details have corresponding video display and text explanation. The small components will rotate with the movements of our mouse, which is both beautiful and Interesting, so that users can clearly and happily understand the core functions of the product.

[Video](https://static.glabcms.stoyard.com/stoyard/gallery/20220415/c7q83z993yw.mp4)

In terms of product presentation, we intersperse short videos + 3D motion effects + dynamic pictures to highlight product process details and leading technologies to create an immersive experience.

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220512/4tp0l408898.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20230103/75ukiw94bxp.jpeg)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220512/y8sfzl4v6h.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20230103/xxvarf487j.jpg)

5. Brand extension service

At the same time, we also made product manuals for the joyami brand.

For a brand, the brand manual is an outline and a guide for brand planning, which plays a role of standardization and guidance.

The ultimate goal is to shape the brand impression in the minds of consumers. For enterprises, brand manuals can provide reference for management and training. For consumers, brand manuals can most intuitively show brand advantages, and they can directly feel the charm of the brand.

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220512/av5e540t8a.png)

![](https://static.glabcms.stoyard.com/stoyard/gallery/20220512/8iratcq7tyi.png)

6. Vision

We have designed the product application scene, hoping to put the product in a warm and emotional smart life scene. By creating an atmosphere, users can feel a sense of participation. The website finally presents a concept of a better life, not a cold one. of electrical appliances.