Jun 2024 - Mar 2025
Morphace
Internship
Internship
Mobile Design
Mobile Design
Animation
Animation
Completed a project involving the analysis, research, and development of multiple aspects of Morphace.
Morphace is a skincare company designing a salon-grade mask that measures your skin's health in minutes, giving you scientific insights to save money and see real improvements. Utilizing anti-aging research, Morphase uses radiofrequency RF wrinkle treatments to heat the deep layers of your skin with electrical energy, which stimulates your cells and increases your natural production of collagen and elastin.
Completed a project involving the analysis, research, and development of multiple aspects of Morphace.
Morphace is a skincare company designing a salon-grade mask that measures your skin's health in minutes, giving you scientific insights to save money and see real improvements. Utilizing anti-aging research, Morphase uses radiofrequency RF wrinkle treatments to heat the deep layers of your skin with electrical energy, which stimulates your cells and increases your natural production of collagen and elastin.
Completed a project involving the analysis, research, and development of multiple aspects of Morphace.
Morphace is a skincare company designing a salon-grade mask that measures your skin's health in minutes, giving you scientific insights to save money and see real improvements. Utilizing anti-aging research, Morphase uses radiofrequency RF wrinkle treatments to heat the deep layers of your skin with electrical energy, which stimulates your cells and increases your natural production of collagen and elastin.
Services
Product Design
Strategy, Branding
No-Code Development
Services
Product Design
Strategy, Branding
No-Code Development
Services
Product Design
Strategy, Branding
No-Code Development
Tools
Figma
Clip Studio Paint
Tools
Figma
Clip Studio Paint
Tools
Figma
Clip Studio Paint
Client Feedback
Jia Xi Chen | Co-Founder of Morphace
Amy demonstrates exceptional analytical skills in competitor analysis, and is quick to execute when integrating feedback into high-quality design iterations. Her ability to think across sectors, combined with her excellent communication and responsiveness, and creativity with animations stands out as the top UI/UX students I've worked with.
Client Feedback
Jia Xi Chen | Co-Founder of Morphace
Amy demonstrates exceptional analytical skills in competitor analysis, and is quick to execute when integrating feedback into high-quality design iterations. Her ability to think across sectors, combined with her excellent communication and responsiveness, and creativity with animations stands out as the top UI/UX students I've worked with.
Client Feedback
Jia Xi Chen | Co-Founder of Morphace
Amy demonstrates exceptional analytical skills in competitor analysis, and is quick to execute when integrating feedback into high-quality design iterations. Her ability to think across sectors, combined with her excellent communication and responsiveness, and creativity with animations stands out as the top UI/UX students I've worked with.
The Design Process Timeline
Analysis
Analysis
Analysis
Low-Fidelity
Prototype
Low-Fidelity
Prototype
Low-Fidelity
Prototype
User Input
User Input
User Input
Mid-Fidelity
Prototype
Mid-Fidelity
Prototype
Mid-Fidelity
Prototype
User Input
User Input
User Input
Final
Deliverables
Final
Deliverables
Final
Deliverables
Feature 1
Widget Illustrations + Animations
I worked on widget illustrations and animations. This involved sketching and prototyping, along with research on other competitor widget designs.
The Process:
Sketches
Mid-Fid Variations of Widgets + Layout
Mid-Fid Animations
Redirection
Mid-Fid Illustrations + Animations
High-Fid Widgets
High-Fid Animation
The widget feature was developed after researching different methods competitors were using to encourage repetitive systems. The two details we wanted to establish were a faster way to see daily UV strength and a reminder to reapply sunscreen.
Feature 1
Widget Illustrations + Animations
I worked on widget illustrations and animations. This involved sketching and prototyping, along with research on other competitor widget designs.
The Process:
Sketches
Mid-Fid Variations of Widgets + Layout
Mid-Fid Animations
Redirection
Mid-Fid Illustrations + Animations
High-Fid Widgets
High-Fid Animation
The widget feature was developed after researching different methods competitors were using to encourage repetitive systems. The two details we wanted to establish were a faster way to see daily UV strength and a reminder to reapply sunscreen.
Feature 1
Widget Illustrations + Animations
I worked on widget illustrations and animations. This involved sketching and prototyping, along with research on other competitor widget designs.
The Process:
Sketches
Mid-Fid Variations of Widgets + Layout
Mid-Fid Animations
Redirection
Mid-Fid Illustrations + Animations
High-Fid Widgets
High-Fid Animation
The widget feature was developed after researching different methods competitors were using to encourage repetitive systems. The two details we wanted to establish were a faster way to see daily UV strength and a reminder to reapply sunscreen.
Feature 2
Onboarding Pages
Worked on the onboarding process pages.This involved research and prioritizing information needed from the user.
The Process:
Low-Fid Prototypes
Mid-Fid Prototypes
High-Fid Prototypes
Feature 2
Onboarding Pages
Worked on the onboarding process pages.This involved research and prioritizing information needed from the user.
The Process:
Low-Fid Prototypes
Mid-Fid Prototypes
High-Fid Prototypes
Feature 2
Onboarding Pages
Worked on the onboarding process pages.This involved research and prioritizing information needed from the user.
The Process:
Low-Fid Prototypes
Mid-Fid Prototypes
High-Fid Prototypes
Feature 3
Homepage
Worked on the homepage. This involved research and prioritizing information needed for the user.
The Process:
Low-Fid Prototype
Mid-Fid Prototype
Mid-Fid Prototypes - Visual Designs Variations
High-Fid Prototype Variations
High-Fid Prototype of Stories
This feature includes different ways that the company could present information. And this was developed because management wanted information easily digestible. The design was a fun way to encourage learning and was adopted from a well-known design, stories.
Feature 3
Homepage
Worked on the homepage. This involved research and prioritizing information needed for the user.
The Process:
Low-Fid Prototype
Mid-Fid Prototype
Mid-Fid Prototypes - Visual Designs Variations
High-Fid Prototype Variations
High-Fid Prototype of Stories
This feature includes different ways that the company could present information. And this was developed because management wanted information easily digestible. The design was a fun way to encourage learning and was adopted from a well-known design, stories.
Feature 3
Homepage
Worked on the homepage. This involved research and prioritizing information needed for the user.
The Process:
Low-Fid Prototype
Mid-Fid Prototype
Mid-Fid Prototypes - Visual Designs Variations
High-Fid Prototype Variations
High-Fid Prototype of Stories
This feature includes different ways that the company could present information. And this was developed because management wanted information easily digestible. The design was a fun way to encourage learning and was adopted from a well-known design, stories.
Understanding the Challenges
Understanding the Challenges
Understanding the Challenges
This company is one of the first in the market to implement RF (radio frequency) energy in a physical mask. The mask's data is monitored through a partner device, so the main challenge was to find out what needs to be prioritized.
I analyzed the current application and compiled a brief SWOT analysis.
This company is one of the first in the market to implement RF (radio frequency) energy in a physical mask. The mask's data is monitored through a partner device, so the main challenge was to find out what needs to be prioritized.
I analyzed the current application and compiled a brief SWOT analysis.
This company is one of the first in the market to implement RF (radio frequency) energy in a physical mask. The mask's data is monitored through a partner device, so the main challenge was to find out what needs to be prioritized.
I analyzed the current application and compiled a brief SWOT analysis.
I then analyzed potential competitors based on:
Mask syncing features
Skincare tracking
Other interesting features
I first looked at Qure which was the only company who had a mask companion app at the time. I looked through the app and compiled a variety of positive and negative points of the UX/UI.
I then analyzed potential competitors based on:
Mask syncing features
Skincare tracking
Other interesting features
I first looked at Qure which was the only company who had a mask companion app at the time. I looked through the app and compiled a variety of positive and negative points of the UX/UI.
I then analyzed potential competitors based on:
Mask syncing features
Skincare tracking
Other interesting features
I first looked at Qure which was the only company who had a mask companion app at the time. I looked through the app and compiled a variety of positive and negative points of the UX/UI.
I then looked at skincare-tracking apps to see what type of technology and design choices they made. The consensus through these apps was that graphics are more important for users to understand scientific explanations.
I then looked at skincare-tracking apps to see what type of technology and design choices they made. The consensus through these apps was that graphics are more important for users to understand scientific explanations.
I then looked at skincare-tracking apps to see what type of technology and design choices they made. The consensus through these apps was that graphics are more important for users to understand scientific explanations.
I then looked at other apps that had interesting features that Morphace could look to for reference. For example, Yuka uses clever graphics to highlight important information in their science-dense research. Colorlover Lab has a very nice onboarding test that keeps the users engaged. And AAvia has a great section where user input develops a more personalized user journey.
I then looked at other apps that had interesting features that Morphace could look to for reference. For example, Yuka uses clever graphics to highlight important information in their science-dense research. Colorlover Lab has a very nice onboarding test that keeps the users engaged. And AAvia has a great section where user input develops a more personalized user journey.
I then looked at other apps that had interesting features that Morphace could look to for reference. For example, Yuka uses clever graphics to highlight important information in their science-dense research. Colorlover Lab has a very nice onboarding test that keeps the users engaged. And AAvia has a great section where user input develops a more personalized user journey.
The Solutions
The Solutions
The Solutions
1) Encourage users to keep a routine/track their goals
Using widget technology, I illustrated and animated fun reminders and notifications for users to engage with.
1) Encourage users to keep a routine/track their goals
Using widget technology, I illustrated and animated fun reminders and notifications for users to engage with.
1) Encourage users to keep a routine/track their goals
Using widget technology, I illustrated and animated fun reminders and notifications for users to engage with.
2) Make the onboarding process simple yet specific
We recognized that the mask’s efficiency depends on the user’s personal health metrics, including their environment and personal well-being. So we specified questions to make the personalization more intuitive.
2) Make the onboarding process simple yet specific
We recognized that the mask’s efficiency depends on the user’s personal health metrics, including their environment and personal well-being. So we specified questions to make the personalization more intuitive.
2) Make the onboarding process simple yet specific
We recognized that the mask’s efficiency depends on the user’s personal health metrics, including their environment and personal well-being. So we specified questions to make the personalization more intuitive.
3) Don’t overcomplicate the homepage with information
The issue with many competitors is that their app was too text-heavy and users couldn’t understand how certain features work. So we opted for a clean and minimalistic layout similar to iOS designs with convex buttons.
3) Don’t overcomplicate the homepage with information
The issue with many competitors is that their app was too text-heavy and users couldn’t understand how certain features work. So we opted for a clean and minimalistic layout similar to iOS designs with convex buttons.
3) Don’t overcomplicate the homepage with information
The issue with many competitors is that their app was too text-heavy and users couldn’t understand how certain features work. So we opted for a clean and minimalistic layout similar to iOS designs with convex buttons.
Results and Takeaways
Results and Takeaways
Results and Takeaways
As the Morphace project continues to evolve, I’ve had the opportunity to refine and enhance my approach to UX/UI, illustration, and animation. Building on the initial research and design work, I’ve focused on improving user engagement through more intuitive interactions, streamlined onboarding, and refined visual elements. Iterating on previous designs based on user feedback has reinforced the importance of adaptability and continuous learning in the design process. Additionally, as the product moves closer to launch, collaborating with developers and stakeholders has deepened my understanding of technical feasibility and real-world implementation. This experience has not only strengthened my problem-solving skills but also reaffirmed my passion for creating user-centred designs that seamlessly blend functionality and aesthetics.
As the Morphace project continues to evolve, I’ve had the opportunity to refine and enhance my approach to UX/UI, illustration, and animation. Building on the initial research and design work, I’ve focused on improving user engagement through more intuitive interactions, streamlined onboarding, and refined visual elements. Iterating on previous designs based on user feedback has reinforced the importance of adaptability and continuous learning in the design process. Additionally, as the product moves closer to launch, collaborating with developers and stakeholders has deepened my understanding of technical feasibility and real-world implementation. This experience has not only strengthened my problem-solving skills but also reaffirmed my passion for creating user-centred designs that seamlessly blend functionality and aesthetics.
As the Morphace project continues to evolve, I’ve had the opportunity to refine and enhance my approach to UX/UI, illustration, and animation. Building on the initial research and design work, I’ve focused on improving user engagement through more intuitive interactions, streamlined onboarding, and refined visual elements. Iterating on previous designs based on user feedback has reinforced the importance of adaptability and continuous learning in the design process. Additionally, as the product moves closer to launch, collaborating with developers and stakeholders has deepened my understanding of technical feasibility and real-world implementation. This experience has not only strengthened my problem-solving skills but also reaffirmed my passion for creating user-centred designs that seamlessly blend functionality and aesthetics.