top of page
iphone.gif

FORME

Duration: 3 Month

Tools: Figma, Cinema4D, After effect

Role: Product 3D & Mockups, Motion graphics, Web & App UI

Group Project with Sam Yang, Irene Lee, Kelsie Leung

Winner of the 2021 RGD student award

FORME: Welcome

Problem

There has been a rise in people working long hours on laptops rather than monitors with ergonomic setups in recent years. The transition into longer screen time creates wear and tears in muscles, evolving poor posture into a permanent stoop.

Research

While designing the product, we researched the market for current posture correction products, they were mainly attached to the user. We wanted to create a non-invasive product, that is customizable, easy to use and tracks users progress through a companion app. The device will accurately map out the users’ posture through a variety of sensors that is embedded inside.

FORME: List
Horiztonal Right.png
FORME: Image

Solution

Smart Apps + Devices help build better posture habits.
They use notifications and smart devices to notify the user whenever they have a wrong/incorrect posture. The data collected over time can be visualized in apps with graphs/charts, helping users get an insight to their habits and progress.
The device/app will notify users if they have currently exhibited lousy posture, it can also remind user to take breaks and exercise. The timing and frequency of the reminder can be fully customized.

FORME: List
003.png
Slide 1.jpg
WeChat Image_20210122150349.jpg
FORME: Portfolio

3D Device Design

This is your item description. Use this space to add a description of the services, products, team members or any other items you want to highlight on your site. Have a lot to say? Easily turn any item into a full page by clicking ‘Create a page from this item’ in the edit panel.

FORME: List
Frame 41.jpg
Frame 42.jpg
Frame 43.jpg
FORME: Portfolio
FORME: Image
Frame 9 (3).jpg
FORME: Image
FORME: Image

Userflow

Our companion app, Forme is the user’s primary resource for correcting their posture. We wanted the user to be able to actively see how their posture is changing and how it has changed overtime. Moreover, our app allows our users to customize their notifications to their liking.


I focused on designing the customizable notification settings and later we decided to expand more on key pages and move on into other devices such as tablet and desktop.

FORME: List
Frame 12.jpg
FORME: Image
Frame 40.jpg
Frame 27.jpg
Frame 29 (2).jpg
Frame 28 (2).jpg
FORME: Portfolio
Frame 27 (1).jpg
FORME: Image

Marketing Website

Each team member contributed to making a different style of wireframes. My idea is to have the website be separate pages, and each page would have different section details.
I was responsible for prototyping the finalized website and making the parallax scrolling effect for the smart fit and thermal aid part of the product.

FORME: List
WeChat Image_20210122154214.webp
4ce938_29a630adc3fd450891823d874f940ed9_mv2.gif
4ce938_a69822efb95d457bab67f529d6a334e6_mv2.gif
FORME: Portfolio

Reflection

The main challenge is to bring everyone’s idea together to create a comprehensive product that’s creative, realistic and beneficial to people’s lives. I was new to Cinema4d at the time so creating the models and texturing was difficult. I would have come up with more variations of the product which showcased different textures (slick vs. cloth) with the skills I have now. If I had more time, I would also love to work on the packaging design for this project, making the whole campaign more realistic.

​

Overall, I had a great time with this project and gained a lot of insight on user experience and testing, as well as time management and working with a team.

FORME: List
FORME: Image
FORME: Files
  • LinkedIn

©2022 by Amy Suyue Liao. Proudly created with Wix.com

bottom of page