UMKM.AI

UMKM.AI empowers Indonesian small businesses to create AI-driven marketing content in Bahasa Indonesia—fast, easy, and impactful, right from your phone.

Comment

Inspiration

UMKM.AI was inspired by the everyday struggles of small and medium business owners (UMKM) in Indonesia who want to grow their businesses online but lack the resources, time, or expertise to create effective marketing content and analyze their business performance. We saw an opportunity to leverage AI to make digital marketing and business analytics accessible to everyone, regardless of their technical background.

What it does

UMKM.AI is an all-in-one mobile app that helps business owners:

  1. Generate AI-powered marketing content (social media posts, product descriptions, promotions) in Bahasa Indonesia.
  2. Analyse business performance with easy-to-understand analytics and insights.
  3. Manage content history and reuse or share previous marketing materials.
  4. Access business intelligence such as competitor analysis and market trends.
  5. Switch between demo and cloud modes for flexibility and offline use.

How we built it

  1. Frontend: Built with React Native and Expo for cross-platform support (iOS, Android, Web).
  2. UI/UX: Used React Native Paper for a modern, accessible interface, and i18next for localization.
  3. Backend: Supabase for authentication, database, and storage.
  4. AI Integration: OpenAI API for content generation and business insights.
  5. Offline Support: AsyncStorage for caching and offline access.
  6. Payments: Stripe integration for subscription management.
  7. Development: Modular code structure, reusable components, and a focus on clean, maintainable code.

Challenges we ran into

  1. Handling unreliable network connections and providing fallback data for a seamless user experience.
  2. Dealing with API rate limits and error handling for third-party services.
  3. Ensuring the UI/UX is intuitive for non-technical users, including localization for Indonesian users.
  4. Debugging cross-platform UI inconsistencies and React Native-specific issues (e.g., Surface overflow warnings).
  5. Balancing feature richness with app performance and simplicity.

Accomplishments that we're proud of

  1. Successfully integrated AI content generation in Bahasa Indonesia tailored for UMKM needs.
  2. Built a robust, user-friendly analytics dashboard for business insights.
  3. Provided offline support and fallback data to ensure usability in all conditions.
  4. Created a modern, mobile-first UI that is both beautiful and accessible.
  5. Enabled seamless switching between demo and cloud modes for flexible usage.

What we learned

  1. The importance of user-centric design, especially for users with limited tech experience.
  2. How to integrate and orchestrate multiple APIs and cloud services in a mobile app.
  3. Best practices for error handling, offline support, and data caching.
  4. The value of localization and cultural adaptation in product adoption.
  5. How to rapidly prototype, test, and iterate on features based on user feedback.

What's next for UMKM.AI

  1. Expand AI capabilities: Add more content types, languages, and advanced analytics.
  2. Template library: Provide ready-to-use marketing templates for various business types.
  3. Collaboration features: Allow teams to work together on content and analytics.
  4. Deeper integration: Connect with more social media platforms and e-commerce tools.
  5. Continuous improvement: Gather user feedback and iterate on features and UI/UX.

Built With

Share this project:

Updates