SaaS

Proje İlerleme Görüntüleyici

warningProblem

"i stopped sending live links to clients and it’s been a game-changer"

psychologyPotansiyel Çözüm

Proje İlerleme Görüntüleyici (PİG): Freelance çalışanlar ve ajanslar için, geliştirme aşamasındaki projelerin statik, tıklanamayan ve yüksek çözünürlüklü görüntülerini oluşturarak müşterilere sunmalarını sağlayan bir SaaS platformudur. Müşteri geri bildirimlerini düzenli ve kontrollü bir şekilde almayı kolaylaştırır.

groupHedef Kitle

Freelance web tasarımcıları ve geliştiricileri, küçük ve orta ölçekli ajanslar. Bu hedef kitle, genellikle müşteri beklentilerini yönetmekte ve erken aşama geri bildirim karmaşasıyla başa çıkmakta zorlanmaktadır. Dünya genelinde milyonlarca freelance çalışan ve on binlerce ajans bulunmaktadır. Harcama güçleri projeden projeye değişmekle birlikte, bu tür bir araca aylık 20-100 USD arası ödeme yapmaya isteklidirler.

paymentsGelir Modeli

Aylık abonelik modeli. Ücretsiz plan (sınırlı proje sayısı ve özellik), Standart plan (5 proje, temel özellikler), Pro plan (sınırsız proje, tüm özellikler). Fiyatlandırma: Ücretsiz, 29 USD/ay, 79 USD/ay.

Aksiyon Planı

Yüksek çözünürlüklü ekran görüntüsü yakalama aracı

Tarayıcı çerçevesi içinde ekran görüntülerini sergileme (cihaz mockupları)

Görüntüler üzerine not ekleme ve geri bildirim toplama sistemi

Müşteri rolleri ve izin yönetimi

Entegrasyonlar (örneğin, Slack, Trello)

Pazar Analizi

8.0Puan

Kaynak: Reddit (r/entrepreneur)open_in_new

AI Prompt

You are an expert full-stack developer. Generate a single-page application (SPA) using HTML, CSS, and JavaScript that implements the "Proje İlerleme Görüntüleyici (PİG)" concept. The application should allow users to upload screenshots of web projects, wrap them in device mockups, and share them with clients for feedback. 

Key features:

1.  Drag-and-drop screenshot upload area.
2.  Device mockup selector (desktop, tablet, mobile).
3.  Screenshot preview within the selected mockup.
4.  Shareable link generation for client review.
5.  Simple UI with clear instructions.

Ensure the code is well-structured, commented, and optimized for performance. Use modern JavaScript practices. The application should be responsive and work well on different screen sizes. Focus on creating a functional MVP, not a production-ready app with user accounts, just the core features described above. No backend needed, local storage is OK.