# mBaby / 宝妈们的国际育儿知识平台

- ID: 216
- URL: https://www.stoyard.com/works/216
- English URL: https://www.stoyard.com/en/works/216
- Year: 2016
- Cover: https://static.glabcms.stoyard.com/object/20180514/yfev0e9st8q.png
- Categories: 互联网产品
- English Categories: Internet Products
- Author: STOYARD
- English Author: STOYARD
- Publish: 2018-07-23
- Editor: STOYARD BEIJING

## 中文主体

### 项目简介

MABAY是为欧洲乳制品公司FoodUnion(富友联合食品公司)设计的一个母婴类文章阅读平台,目标用户是国内85后-95后的年轻妈妈,我们完成了对项目的创新咨询,设计服务,视觉设计等工作

![](https://static.glabcms.stoyard.com/object/20180723/ubbnct86zu.jpg)

我们与FoodUnion合作,设计这个命名为MBABY的线上产品,产品形态锁定为网页的形式,同时重点考虑用户在移动端的阅读体验,2016年随着中国二孩政策落地,新生儿增加,我们关注到了新手,高知的宝妈群体,他们希望有一个无广告化的知识分享社区学习和了解最新的、权威的国际育儿经验,带着这些用户需求,我们对市场进行调研,分析,并给出了一个互联网产品的架构作为整个咨询合作的解决方案。

[Video](https://static.glabcms.stoyard.com/object/20180514/nnj2lfnhara.mp4)

mBaby强调对用户的定制,旨在设计出一个“智能化”数据推送内容的产品:类似一个积木盒子,盒子本身的积木是自然排列的,盒子里的积木在不断使用后,可以根据个人偏好进行个性化排列,提高内容呈现的体验。这个流程依托于标签化内容的支持和网状用户关联信息的大数据服务。

![](https://static.glabcms.stoyard.com/object/20180514/l2gxtrjzqc.png)

![](https://static.glabcms.stoyard.com/object/20180514/3cajvvw0yci.png)

在产品设计中,我们对0基础用户和深度用户同样重视,尽可能地创造一个没有使用障碍、不给用户带来困惑的产品流程。我们通过UI设计减少用户对产品的学习成本,加入了一些轻度引导。整个设计遵循简洁有效,科学同时有趣,天然感,更多为用户考虑的原则。

![](https://static.glabcms.stoyard.com/object/20180514/hqn760s8rk.png)

![](https://static.glabcms.stoyard.com/object/20180514/yri5cjvtjls.png)

这个网站是以移动端为主的,在完成了移动端的交互和设计之后,适配了一部分主要的网页端页面。

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

![](https://static.glabcms.stoyard.com/object/20180514/tdibvo9vpqe.png)

在开始做UI设计之前,我们针对用户群体做了一次用户访谈,从而根据用户路径梳理出了UX流程。这也是后期后台用大数据技术做用户分析的基础。

![](https://static.glabcms.stoyard.com/object/20180514/izcqwplboh.png)

![](https://static.glabcms.stoyard.com/object/20180514/ya7no443eh.png)

![](https://static.glabcms.stoyard.com/object/20180514/yce9jiqlct8.png)

![](https://static.glabcms.stoyard.com/object/20180514/5ep9jldukyv.png)

## English Content

### Introduction

MABAY is a mother-and-baby article reading platform designed for European dairy company FoodUnion. The target users are young mothers after 85-95 in China. We have completed innovative consultation and design services for the project. Visual design and other work

![](https://static.glabcms.stoyard.com/object/20180723/ubbnct86zu.jpg)

We cooperate with FoodUnion, this named MBABY online product design, product shape lock for the form of web pages, consider reading experience on the mobile end users at the same time, in 2016 as China's second child policy, neonatal increases, we pay attention to the novice, kochi's mother group, they want to have a no GuangGaoHua knowledge sharing community to learn and understand the latest and authoritative parenting international experience, with the user requirements, we carried out on the market research, analysis, and gives an Internet product architecture consulting cooperation as a whole solution.

[Video](https://static.glabcms.stoyard.com/object/20180514/nnj2lfnhara.mp4)

MBaby emphasizes on the user customization, aims to design a "smart" data push content products: similar to a block box, the box building blocks is a natural arrangement, in the box of blocks after use, can be personalized according to personal preferences, improve the content of experience.This process relies on the label content support and mesh the correlation information of the user's data services.

![](https://static.glabcms.stoyard.com/object/20180514/l2gxtrjzqc.png)

![](https://static.glabcms.stoyard.com/object/20180514/3cajvvw0yci.png)

In product design, we on the depth of 0 based user and user attention, same as much as possible to create a no use disorders, bring confusion to the user of the product process.We learn by UI design to reduce the user of the product cost, added some light guide.The whole design follows the concise and effective, science fun at the same time, the natural feeling, the principle of more consideration for the user.

![](https://static.glabcms.stoyard.com/object/20180514/hqn760s8rk.png)

![](https://static.glabcms.stoyard.com/object/20180514/yri5cjvtjls.png)

This site is a mobile terminal is given priority to, after finished the mobile end interaction and design, fit the part of the main web page.

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

![](https://static.glabcms.stoyard.com/object/20180514/tdibvo9vpqe.png)

Before we start to do the UI design, we made a user interviews for user groups, and according to user's path to comb out the UX processes.It is late the basis of analysis of the background the use of big data technology in user.

![](https://static.glabcms.stoyard.com/object/20180514/izcqwplboh.png)

![](https://static.glabcms.stoyard.com/object/20180514/ya7no443eh.png)

![](https://static.glabcms.stoyard.com/object/20180514/yce9jiqlct8.png)

![](https://static.glabcms.stoyard.com/object/20180514/5ep9jldukyv.png)