Jul-11-2019 02-47-04.gif

Miniall

Imagine a revolutionary jacket that can be worn in all climates, while also keeping its wearer healthy.

 
 

Team: Joyce Chiu + Lisa Chang | Graphic Design

My Responsibilities: UI and UX Design Lead, Miniall App, Web Application, Jacket Features, and Miniall Video Animation

Timeline: 14 Weeks

Software: Photoshop, After Effect, Sketch, Invision, and Keynote

 

Introducing Miniall

Miniall is an avant-garde fashion brand that is inspired by the combination of fashion, technology, and healthy lifestyle. This multifunctional jacket provides automatic temperature adjustment and health detection.

 

 
 
miniallp.png
 
 

The Challenge

 
Group 4.png
 

Business and leisure travelers share two similar pain points when they are traveling:

1. Heavy luggage with seasonal clothings

2. A weakened immune system from constant climate and environmental changes.

 
 

How can we allow travelers to pack lighter suitcases, while also staying healthy when they are traveling?

 
 
 
 

Miniall Final Deliverables

 

 

Meet the users

Julia.jpg
Tom.png
 
 
 

Miniall Journey

We collaborated with film students Randy Wang and two models Hanna and Fabio for video shooting.

 
 
 
miniall banner.png

Design Process

 
 
 

Learn from our users

ppl.png

Interview Goals

We interviewed travelers who travel for leisure and business to gain a deeper understanding of their travel routine and their pain points.

Key Findings 

  • We found out that a common cause of heavy luggage is seasonal clothing.

“My luggage is mostly occupied with seasonal clothing…there is no space left in my luggage to put my other stuff and my bags weigh a ton…” -Catherina Han

  • Switching seasonal clothing due to climate change can be inconvenient

“I hate changing my clothes every time I arrive at a new place, especially when I’m traveling from somewhere hot to somewhere cold.” - Lauren Taylor

  • Every participant has personal experience regarding getting sick due to climate change.

“I always catch a cold or get sick due to climate changes or food poisoning…”  - Jack Chang

 

 

Brainstorming Session

Our goal was to take all the findings from our research and interview that will help us generate ideas and find possible design solutions and deliverables that will resolve the travelers’ pain points.

 

Define Our Brand

To help us define our brand better, we did competitor research, metrics, lean canvas, 10 years road map, and blue ocean mapping.

 

 

Visual Design

We developed a visual language for Miniall. We wanted something that felt innovative, contemporary, bold, and revolutionary. 

Group 14.png
 

 
 
Group 14.jpg
 
 

How Miniall Jacket Works?

Group 22.png
 

 

How Do Users Adjust Jacket Temperature Through Hand Gesture?

Mar-09-2019 00-16-49.gif
Hand Gesture system.jpg
 

 

Ideation Sketches

We wanted to explore other way (outside of the phone screen) that the users could adjust the temperature on the jacket.


 

Jacket Design and Production Process

We designed the Miniall jacket together and collaborated with Emma Chen (a fashion freelancer) who helped us produce the jackets.

 
 
app.jpg
 
 
Group 9.jpg
 
 
 

My Jacket

This is the default screen where it featured the user’s Miniall jacket. The user can swipe up to view the current jacket, the user’s body, and the surrounding temperature.

 
 
 
 
Group 11.jpg
 
 
 

Health Report

Miniall app is the user nutritionist where it provides the user’s health data from the skin tattoo that is located on the wrist of the jacket. Health report allows the user to see their health status and at the same time keep the user healthy.

 
 
 
 
 
 
 
 

Menu

Inside the menu, there is “My Jacket”, “Bookmark, “Health Report”, “Jacket Status”, and “Contact”

 
 
 
 
Group 10.jpg
 
 
 
 

Temperature Bookmark

The saved temperature bookmarks are designed for future use. According to the user’s preferences, they can save their current jacket temperature to a bookmark. There are two ways of saving a bookmark; the first way is to save it through the app and the second way is to save it through hand gesture.

 
 
Group 12.jpg
 
 
 

Ideation Sketches, Wireframes, and Interface Design Process

While ideating, we explored the relationship between wearable and screens.

 

 

Usability Testing

 

 

Miniall App Userflow

 
 
Miniall Website
 
 
 

Miniall Website

Miniall is available online for people around the globe to access and learn about Miniall and our products.

 

 

HOME PAGE

 
Group.png

Home Page

Group 4.png

Menu

 

SHOPPING PAGE

 
Group 5.png

Miniall Jacket Page

Group 2.png

Miniall Jacket Page

Group 3.png

About Jacket

 

CHECKOUT PAGE

 
Group 6.png

Miniall Care Package

Group 9.png

Checkout Page

 

 
 
 

Website Design Process

Usability Testing

Group 10.png