# GIMI叽咪 / 给95后打造美妆社交平台

- ID: 247
- URL: https://www.stoyard.com/works/247
- English URL: https://www.stoyard.com/en/works/247
- Year: 2017
- Cover: https://static.glabcms.stoyard.com/stoyard/project/cover/20221225/osq28wnbwaa.jpg
- Float Image: https://static.glabcms.stoyard.com/stoyard/project/float/20221225/g0wdj0zdo2i.png
- Categories: 大型品牌官网定制, APP/小程序解决方案, 视频、动态图形、动画设计, 医疗仪器,医药健康, 时尚
- English Categories: Office Website SOLUTION, APP Programs Design Solution, Motion Graphics, Biotech,Healthcare, Fashion
- Author: STOYARD
- English Author: STOYARD
- Publish: 2018-08-18
- Editor: STOYARD BEIJING

## 中文主体

### 项目简介

GIMI叽咪是一个美容护肤社交平台。我们试图帮助GIMI设计一个年轻、有个性的追求“美力”社交平台。整个项目包括微信公众平台、网页端和logo的设计,以及后台管理系统。这是一个以用户为主、产品为辅的社交平台。

[Video](https://static.glabcms.stoyard.com/object/20180601/h1qda1rwkdw.mp4)

gimi以微信公众号平台为主,依托于微信引流,因此十分注重移动端的交互。它的定位是社交平台,社交为主,产品为辅,因此我们将社交功能进行了强调,完整地设计了评论、点赞、打赏、私信的功能。我们与gimi多次研讨,最终确定了UX流程,之后设计了两套UI。

---

![](https://static.glabcms.stoyard.com/object/20180601/0202ct6hi0zd.png)

首页分为四个模块:推荐文章,最热商品,精选测评和积分好礼。我们用4个色块区分不同的模块,用2.5D的插画方式做了一系列主视觉。

![](https://static.glabcms.stoyard.com/object/20180601/c1reonkbr5.png)

商品分为热门商品和积分换购商品两种,出现在商城的分类下。社区是以精选测评文章为载体的交流平台,用户可以在文章下评论、打赏、回复评论,也可以自己发表测评文章。

![](https://static.glabcms.stoyard.com/object/20180601/yrlbfj5pwlo.png)

![](https://static.glabcms.stoyard.com/object/20180601/09tc56d1td2i.png)

网页端主要负责产品展示和引流,因此在功能点的设置上,不如微信端那么多。首页结构类似,分别是广告图展示区,新品推荐区,积分好礼区和测评文章区。

![](https://static.glabcms.stoyard.com/object/20180601/i8ywxsk1vfr.png)

![](https://static.glabcms.stoyard.com/object/20180601/neg662957g9.png)

![](https://static.glabcms.stoyard.com/object/20180601/1eapxcz1r9o.png)

---

![](https://static.glabcms.stoyard.com/object/20180605/stmbe7cse8k.png)

![](https://static.glabcms.stoyard.com/object/20180605/7usfwz2khwq.png)

![](https://static.glabcms.stoyard.com/object/20180605/4r351adhsfu.png)

第二套UI的风格更偏向清新,自然,没那么pop。配色选的是饱和度较高的橙、粉和紫色,穿插点缀较暖的黄色。

## English Content

### Introduction

GIMI is a social platform of beauty and skin-care. We tried to help them build a young and bold social media brand. The whole project includes Wechat official platform, website and logo design, as well as backstage managing system.

[Video](https://static.glabcms.stoyard.com/object/20180601/h1qda1rwkdw.mp4)

Gimi is given priority to with # WeChat public platform, on WeChat drainage, therefore pays attention to the interaction on mobile.It is social platform positioning, social is given priority to, complementary products, so we will emphasize social function, complete design reviews, thumb up, exceptional, the function of DMS.We with gimi seminar for many times, finally determined the UX process, after the two sets of UI is designed.

---

![](https://static.glabcms.stoyard.com/object/20180601/0202ct6hi0zd.png)

home page is divided into four modules: recommended articles, the hottest commodity, selected evaluation and integral gifts.We distinguish between different modules, with four colors in 2.5 D made a series of primary visual illustration way.

![](https://static.glabcms.stoyard.com/object/20180601/c1reonkbr5.png)

Goods can be divided into hot commodities and integral in two kinds of goods, in the classification of the mall.Community is the selected test paper as the carrier of communication platform, users can under article reviews, exceptional, reply comments, also can review article published by themselves.

![](https://static.glabcms.stoyard.com/object/20180601/yrlbfj5pwlo.png)

![](https://static.glabcms.stoyard.com/object/20180601/09tc56d1td2i.png)

Web side is mainly responsible for product display and drainage, so on the function point setting, as well as WeChat end.Home page structure similar, respectively is advertising figure display new products recommended area, integral gifts area and evaluation area.

![](https://static.glabcms.stoyard.com/object/20180601/i8ywxsk1vfr.png)

![](https://static.glabcms.stoyard.com/object/20180601/neg662957g9.png)

![](https://static.glabcms.stoyard.com/object/20180601/1eapxcz1r9o.png)

---

![](https://static.glabcms.stoyard.com/object/20180605/stmbe7cse8k.png)

![](https://static.glabcms.stoyard.com/object/20180605/7usfwz2khwq.png)

![](https://static.glabcms.stoyard.com/object/20180605/4r351adhsfu.png)

The second set of UI style more pure and fresh, natural, not so pop.Color choice is high saturation of orange, pink and purple, with the ornament is warm yellow.