Zenoa AI

Multi-Model AI Art Generator

An AI-powered mobile application that transforms creative ideas into stunning visual artwork using open source models.

MY ROLE

Solo Developer & UI/UX Designer

DURATION

Jan 2025 - Present

PLATFORMS

Google Play Store, Indus App Store, Zenoa AI

STATUS

active

Zenoa AI

Challenge

Designing an architecture that supports high model inference, scalable backend, responsive UI, and caching without overloading the system.

Opportunity

Most AI art generation apps lack user control and have poor mobile experiences, making it difficult for artists to create personalized artwork efficiently.

Responsibilities

Full-Stack Development

UI/UX Design

AI Model Integration

Performance Optimization

User Research

VISUALS

Screenshots

Screenshot 1
Screenshot 2
Screenshot 3
Screenshot 4
Screenshot 5
Screenshot 6
Screenshot 7
Screenshot 8
RESEARCH

User Needs

Ability to control artistic style and prompt parameters

Quick feedback and low latency outputs

Save and revisit past creations easily

Simple interface even with advanced features

RESEARCH

Pain Points

Many AI apps are “black box” with minimal user control

Long waiting times and server queuing

Poor gallery or re-use features

Lack of fine-grained style options

RESEARCH

Competitor Analysis

Feature
Zenoa AI logo
Zenoa AI
Midjourney logo
Midjourney
Leonardo.ai logo
Leonardo.ai
High-quality art styles

Produces visually appealing images

Mobile-friendly UI

Many competitors lack polished mobile apps

Advanced style controls

Extensive options for artistic styles

Open source models

Utilizes freely available AI models for flexibility

DEVELOPMENT

Tools & Tech Stack

FIGMA

Figma

ADOBE ILLUSTRATOR

Adobe Illustrator

REACT.JS

React.js

Added in v1.0
REACT NATIVE

React Native

Removed in v4.0.0
TAILWIND CSS

Tailwind CSS

TYPESCRIPT

TypeScript

Added in v1.0
NODE.JS

Node.js

Removed in v4.0.0
FASTIFY.JS

Fastify.js

Added in v4.0.0
ZUSTAND

Zustand

Removed in v4.0.0
JETPACK COMPOSE

Jetpack Compose

Added in v4.0.0
FIREBASE

Firebase

Removed in v3.0.0
JEST

Jest

Added in v3.0.0
GITHUB

GitHub

DESIGN

Low Fidelity

Initial concepts and basic user flow exploration

DESIGN

Color Palette

Primary Colors

Primary

#0D9488

Background (Light)

#F5F7FA

Background (Dark)

#0A0E17

Surface (Light)

#FFFFFF

Surface (Dark)

#1A1F2C

Text (Light)

#2D3548

Text (Dark)

#FFFFFF

Secondary Text (Light)

#6B7280

Secondary Text (Dark)

#8C93A3

Neutral

#F3F4F6

Semantic Colors

success

#22C55E

warning

#F59E0B

error

#EF4444

info

#3B82F6

Design Reasoning

Chose a modern, creative color scheme that looks futuristic and clean without being too loud.

DESIGN

Typography

Headings

Poppins

H1Sample Text28px
H2Sample Text22px
H3Sample Text18px

Body Text

Inter

P1Sample paragraph text16px
P2Sample paragraph text14px

Labels

Inter

L1LABEL TEXT12px
L2LABEL TEXT10px

Typography Choices

Poppins offers a bold modern look for headings, while Inter is optimized for readability at smaller sizes.

IMPACT

Key Metrics

350+

Active Users

+40% MoM

Monthly active users

15K+

Images Generated

+120% since launch

Total images created by users

4.5

User Rating

+0.3 from v1.0

Average app store rating

IMPACT

Achievements

  • Launched cross platform (Web + Android)

  • Positive feedback for feature set and UI

  • Sustained user growth without heavy marketing