Grease – UX/UI & Development

Revolutionizing Recipe Discovery and Food Vlogging with AI & Personalized Experiences.

Duration

Ongoing

Location

Uzbekistan

What was done

Full launch

Industry

Media Brand

Project Overview

About Grease

Grease is a next-gen AI-powered food application designed to help users explore personalized recipes, food vlogs, and meal planning seamlessly. The app integrates artificial intelligence, a social vlogging feature, and a structured recipe database to deliver a one-stop platform for food lovers.

This project focused on enhancing user engagement, improving food discovery, and providing interactive vlogging features that allow chefs, food influencers, and everyday users to share recipes effortlessly.

Project Goals & Challenges

Objectives

AI-driven meal recommendations based on user preferences & dietary needs.
Seamless search & discovery for recipes, trending food content, and vlogs.
Interactive food vlogging experience to engage users & creators.
Component-based design system ensuring scalability & smooth navigation.

Challenges
hand-write-emoji.png

AI Recommendations

Optimizing AI recommendations for personalized meal suggestions.

fire-emoji.png

Integrating Vlogging

Seamlessly integrating vlogging & recipe discovery in a single interface.

spark-emoji.png

Accessibility

Ensuring accessibility & inclusivity across different user types.

User Research & Insights

To create a user-friendly and engaging food app, in-depth research was conducted through competitor analysis, surveys, and usability testing.

📊 Key Findings from Research:

  • 85% of users wanted quick & personalized recipe suggestions.
  • 70% of food vloggers faced difficulties managing content & audience engagement.
  • 60% of users preferred AI-based meal planning based on available ingredients.
  • 55% of users were interested in social features like food vlogs & recipe sharing.

🔍 These insights shaped the AI-driven recommendations, vlogging tools, and interactive user journey.

User Personas

Based on research, two primary personas were developed:

1. Emily Thompson (Food Enthusiast, Age 30)

🟢 Goals:
✅ Discover new, easy-to-make recipes that match dietary preferences.
✅ Find quick meal suggestions based on available ingredients.
✅ Engage with food influencers & vloggers for cooking tips.

🟢 Pain Points:
Decision fatigue when choosing meals.
❌ Struggles with finding beginner-friendly recipes.
❌ Wants easy grocery list generation based on recipes.

2. Alex Ramirez (Food Vlogger, Age 26)

🔵 Goals:
✅ Upload high-quality vlogs & engage with an audience.
✅ Monetize food content through recipe sharing & brand collaborations.
✅ Track recipe performance & user engagement.

🔵 Pain Points:
Lack of centralized platforms for vlogging & recipe sharing.
Struggles with video editing within food apps.
Difficult audience engagement due to scattered platforms.

UX/UI Design Process

A user-centered approach was used to build an intuitive and seamless experience.

1. Wireframing & Prototyping
  • Low-fidelity wireframes to structure key user flows & interactions.
  • High-fidelity UI prototypes with smooth transitions & responsive layouts.
  • Usability testing rounds to refine the recipe search & vlogging features.
2. UI/UX Design System

🎨 Typography & Colors

  • Font: Recolata & DM Sans – Combining modern elegance with readability.
  • Color Palette:
    • Primary (#AA2925): Earthy warmth for a food-friendly appeal.
    • Secondary (#404040): Contrast for readability & depth.
    • Accent (#F2F2F2): Clean, minimal background to enhance images.

📏 Grid System & Layout

  • Mobile-first adaptive design with a scalable 4-column layout.
  • Dynamic vlogging interface allowing both vertical & horizontal video formats.
Core Features & Functionality
1. AI-Powered Recipe Recommendations

🧠 Smart meal suggestions based on diet, preferences & cooking time.
📌 Ingredient-based search to suggest recipes from available items.
🍽️ Dynamic meal planning with grocery list generation.

2. Food Vlogging & Community Engagement

🎥 Built-in video editor for quick food vlogs.
💬 Community-driven discussions on recipes & cooking hacks.
📢 Influencer monetization tools for creators.

3. Smart Recipe Search & Organization

🔍 Search by cuisine, ingredients, cook time & difficulty level.
📖 Bookmark & save recipes with categorization.
🛒 Auto-generated grocery lists from recipes.

4. Interactive Cooking Mode

Step-by-step cooking assistant with hands-free voice commands.
🎶 Background music & timers for an engaging cooking experience.

Development & Implementation

Technology Stack

Frontend

React Native (for cross-platform mobile development).

Backend

Node.js + Firebase (for real-time interactions & data handling).