Design System Creation for Wellness App

2019-2020, UI DESIGN,

Myant Inc

ROLE

UI & UX Design

Visual Design

Build a design system for a wellness app for rebranding the Myant mobile app.

DELIVERABLES

Grid Layout

Style Guideline

UI Component

Hi-fi Prototype

Building an innovative system that taps into the human body is easy if you harness the power of the SKIIN Textile Computing™ Platform. The platform consists of the textile-based hardware interface, the software backend that transmits and processes the data streams, and the API that allows developers to make sense of data for the end-user. Building upon the SKIIN platform provides enterprises a shortcut to developing more complex solutions and unlocking untapped potential.

TEAM

RESEARCH PROCESS

Multiple iterations help to discover the best method for data analysis.

DATA ANALYSIS

Visualization is not only a format to represent the data but also a methodology to explore hidden links across data.

In this research, I reviewed The Guardian from 1986 to 1996 for every page that mentions Mad Cow Disease/Bovine Spongiform Encephalopathy (BSE) which is about 554 articles across hundreds of topics. To explore the connection between The Guardian articles and the British BSE outbreak, I applied Mapping as Research Methodology to build the links across the data.

STORY FLOW

Tell a story of Mad Cow Disease from General to Specific.

After reviewing the collected data, I decided to depict the British Mad Cow Disease Crisis through three stories:

‚Äč

A story is about how the Mad Cow Disease became a popular topic in The Guardian, even the advertising mentioned it to promote goods and service! 

A story to reveal the correlation between the news media's interest in Mad Cow Disease and the spread of Mad Cow Disease. 

And, the last story reveals how the news media and public tend to be more and more comfortable to use BSE (bovine spongiform encephalopathy) rather than Mad Cow Disease.

INTERFACE DESIGN

I want the visual design to pass the audience a feeling related to newspaper, ink, old-style and The Industrial Revolution.

DATA VIZ POSTER DESIGN

Working with the same dataset, I used "THE GROWING PLANT" as the metaphor to illustrate how the influence and public interest of the British mad cow disease outbreak increases and expanded.

NEXT PROJECT

The Decade of Mad Cow Disease

BACK TO TOP

© Feng Yuan 2019

  • Linkedin
  • Dribbble
  • email