VERDUROUS
Increase social media’s locality and engagement with AI
Can AI foster healthier self-expression on social media?
By combining NLP with generative AI, the platform interprets users' emotional states and creates personalized visual responses that encourage reflection, engagement, and communication. The project aims to reduce barriers to emotional expression and help users feel seen, understood, and more connected within digital communities.
TIMELINE
March - May 2025
March - May 2025
ROLE
Product Designer
Product Designer
SKILL
User Research, Information Architecture, Design System, Prototype, Branding
User Research, Information Architecture, Design System, Prototype, Branding
TLDR
Does “posting” make you uncomfortable?
People are posting less of themselves online. Empty Instagram feeds, inactive Facebook timelines, and private group chats have become the
new norm as users seek more authentic and low-pressure ways to
connect. Verdurous reimagines social interaction by shifting the focus
from self-promotion to shared interests, local communities, and
collective creation.
Does “posting” make you uncomfortable?
People are posting less of themselves online. Empty Instagram feeds, inactive Facebook timelines, and private group chats have become the
new norm as users seek more authentic and low-pressure ways to
connect. Verdurous reimagines social interaction by shifting the focus
from self-promotion to shared interests, local communities, and
collective creation.
A SHIFT IN ONLINE SHARING
Users are more selective and intentional on social media
Users are more selective and intentional on social media
Through data research from PRSA, the modern social media does not prohibit or break human desire of seeking connection. However, users are becoming more intentional about where and how they share to build up a correct representation of them online.
OPPORTUNITIES
AI image generation increases users’ confident and excitement to create and share
AI image generation increases users’ confident and excitement to create and share
While research showed that people were becoming more selective about posting on social media, I noticed a different behavior in my own family. My parents rarely shared photos or updates online and were largely passive social media users. However, when they began experimenting with generative AI, they eagerly created images, proudly shared their work with friends, and started participating online in ways they hadn't before.
AI STRATEGY
Designing a emotion-leading AI creative workflow
Designing a emotion-leading AI creative workflow
Prompting requires more steps to get to satisfication
The most popular AI image generation method is ChatGPT and Gemini where users ask the AI to create or modify image through text input. However, without the precise word description, the generation is unsatisfied or misinterpret the users’ intentions and so on, needs users to take more steps and keep typing for a better result.
The most popular AI image generation method is ChatGPT and Gemini where users ask the AI to create or modify image through text input. However, without the precise word description, the generation is unsatisfied or misinterpret the users’ intentions and so on, needs users to take more steps and keep typing for a better result.
Natural Language Modle(NLP) bridges human emotion with AI
An NLP layer analyzes the text for emotions, themes, locations, memories, and relationships before constructing a rich prompt for image generation. This allows the AI to focus on the user's intent rather than the exact wording.
An NLP layer analyzes the text for emotions, themes, locations, memories, and relationships before constructing a rich prompt for image generation. This allows the AI to focus on the user's intent rather than the exact wording.
Faster creation with precision
An NLP layer analyzes the text for emotions, themes, locations, memories, and relationships before constructing a rich prompt for image generation. This allows the AI to focus on the user's intent rather than the exact wording.
An NLP layer analyzes the text for emotions, themes, locations, memories, and relationships before constructing a rich prompt for image generation. This allows the AI to focus on the user's intent rather than the exact wording.
USER JOURNEY
Users create and write, then share with confident
Users create and write, then share with confident
INFORMATION ARCHITECTUREVerify data structure with user-end features
To support proactive allergy management, I designed an information architecture that combines patient-generated health records with real-time environmental data from the EPA. This data structure enables personalized insights, translating complex health and weather information into a map-based visualization that highlights potential allergen exposure and recommends safer routes and locations.
DESIGN SYSTEM
Style guide to be sleek and minimal
Style guide to be sleek and minimal
Display font
Fortyfour Bold was selected as the display typeface for its bold and expressive personality for strong visual presence in headline. Its distinctive forms create clear hierarchy and draw attention to key messages, while reinforcing the product's creative and imaginative identity.
Fortyfour Bold was selected as the display typeface for its bold and expressive personality for strong visual presence in headline. Its distinctive forms create clear hierarchy and draw attention to key messages, while reinforcing the product's creative and imaginative identity.
Body font
Lato was selected for its approachable and human-centered character, balancing geometric structure with warm and rounded letterforms. This friendly yet modern appearance aligns well with an AI creative app by making advanced technology feel accessible and enjoyable to use.
Lato was selected for its approachable and human-centered character, balancing geometric structure with warm and rounded letterforms. This friendly yet modern appearance aligns well with an AI creative app by making advanced technology feel accessible and enjoyable to use.
Visual PaletteThe color system was designed to help users quickly assess allergy risk levels while maintaining a sense of trust and calm. Blues communicate reliability and healthcare credibility, greens indicate safe conditions, yellows signal caution, and red highlights critical allergen exposure. Together, the palette transforms complex environmental and medical data into intuitive visual cues that support rapid decision-making.
Grid
A centralized design system of reusable components that improves consistency, scalability, and development efficiency.
A centralized design system of reusable components that improves consistency, scalability, and development efficiency.
DESIGN CHANLLENGE
How does user want to “talk” to AI?
How does user want to “talk” to AI?
Prompting Input
A centralized design system of reusable components that improves consistency, scalability, and development efficiency.
A centralized design system of reusable components that improves consistency, scalability, and development efficiency.
Node & Infinite canvas
A centralized design system of reusable components that improves consistency, scalability, and development efficiency.
A centralized design system of reusable components that improves consistency, scalability, and development efficiency.
FINAL DESIGN - HOME PAGE
Personalized feed for daily scrolling
Personalized feed for daily scrolling
Reminder & Detailed Weather info
Daily symptom log
Date & Location Setup
FINAL DESIGN - LIVE RISK MAP
Receive allergen alerts along your commute and discover safer alternative routes.
FINAL DESIGN - FIND DOCTOR
Auto-recommand doctor based on patient’s symptom log and medical history
Auto-recommand doctor based on patient’s symptom log and medical history
FINAL DESIGN - PROFILE
See appointment details, set daily route, and keep documents organized
See appointment details, set daily route, and keep documents organized
See upcoming appointment and visit details
In doctor visit page of the profile, upcoming appointment and doctor details are shown in calendar view. In the doctor visit, users are allowed to retraced prescription, conversation in texts, and other important attachments like referrals.
In doctor visit page of the profile, upcoming appointment and doctor details are shown in calendar view. In the doctor visit, users are allowed to retraced prescription, conversation in texts, and other important attachments like referrals.
Set default daily route
In Daily Route section, the user types in the address for their office/home and other locations they often visit to find the best travel option that has least risky spot on the way.
In Daily Route section, the user types in the address for their office/home and other locations they often visit to find the best travel option that has least risky spot on the way.
Store and upload documents with Airi
In Manage Documents, the user upload and add the paperworks into the profile with Airi providing summary for the mediacal journey.
In Manage Documents, the user upload and add the paperworks into the profile with Airi providing summary for the mediacal journey.
ACCESSIBILITY
WCAG testing
WCAG testing
With WCAG 2.2 AA testing, the color, contrast, and touch targets are designed to be inclusive.
FEEDBACK
What do paitents think 💭
What do paitents think 💭
Key findingUsability testing with four allergy patients across different experience levels revealed that users highly valued personalized doctor recommendations and environmental risk monitoring. Key pain points centered around medical terminology, information accessibility, and emergency preparedness. Based on testing insights, the design was refined through improved onboarding, customizable alerts, streamlined medical record access, and educational support features, resulting in a more accessible and patient-centered experience.
NEXT STEPDesign Changes Implemented
Although usability testing validated the value of personalized doctor recommendations and environmental allergy monitoring, several opportunities remain for future development.