UI/UX Design for Figma Hackathon by Sherouk Osama FathyUI/UX Design for Figma Hackathon by Sherouk Osama Fathy

UI/UX Design for Figma Hackathon

Sherouk Osama Fathy

Sherouk Osama Fathy

Mood App

The Social App That Adapts to Your Vibe

✦ Introduction

Imagine if your feed could instantly transform based on how you feel right now. πŸ˜ŒπŸ™ƒπŸ˜‚πŸ’¬
That’s the idea behind Mood a social platform that curates your content in real time based on your emotional state choice. Whether you’re in the mood for sarcasm, want to chill, or just dive into news, Mood adapts to show you exactly what resonates with you.

✦ The Problem

Most social feeds are algorithm-driven, not emotion-driven.
Users are shown irrelevant or unwanted content.
Emotional context is ignored.
Scrolling often feels overwhelming or disconnected.
Example: encountering political drama when you just want to laugh.

✧ The Solution

Mood adapts content to the user’s emotions:
Select your mood (Funny, Chill, Motivational, Sarcasm, News, etc.)
Instantly see a personalized feed.
Full control over your scrolling experience.

✧ Creative Features

Glassmorphic design β†’ modern, sleek, immersive
3D emoji reactions β†’ fun, expressive interactions
Mood selectors β†’ quick, intuitive control

✦ Why It Works

Mood isn’t just another social app. It’s an experience that adapts to YOU.
Personalized content tailored to emotions
Boosts positive engagement
Reduces irrelevant feed noise

✦ Sitemap

Here’s the app flow:
Onboarding β†’ Login β†’ Home (Mood Feed) β†’ Post Page β†’ Explore β†’ Reels β†’ Create β†’ Profile (tabs: Posts / Mood State / Media) β†’ Settings

✧ Outcome

By giving users control of their feed through moods, Mood redefines the social media experience. It blends emotional intelligence, playful UI, and personalization into one product.

Check it out: Click here

Like this project

Posted Sep 10, 2025

This App I made for the Figma Hackathon competition. Imagine if your feed could instantly transform based on how you feel right now πŸ˜ŒπŸ™ƒπŸ˜‚. See More....

Likes

0

Views

0

Timeline

Sep 8, 2025 - Sep 10, 2025

Clients

Non