purple-professional

byIshu Sharma

PROFESSIONAL DESIGN PROMPT Design a complete mobile app (V1/MVP) for local newspaper distribution management in India, built specifically for local newspaper center owners — not a generic delivery app. Context & User: The primary user is a growing-scale local newspaper center owner (based on real field research — persona "Raja Lal", 12 years in business, 400-500 subscribers, manages 4 delivery boys). He starts his day at 4:30 AM, is comfortable with a smartphone and WhatsApp, but has no experience with complex business-management apps. He currently manages everything by memory, phone calls, and paper slips. He is not a tech enthusiast — every screen must be large-text, low-cognitive-load, and forgiving of mistakes. Design principles: Warm, trustworthy, "neighborhood shopkeeper" feel — not a cold corporate SaaS look. Use a warm terracotta/earthy color palette. Large tap targets, minimal text per screen, no jargon. Every core action should be completable in 1-2 taps. The app is for the OWNER only. Customers and delivery boys interact via WhatsApp, not this app — keep that separation clear in the design. Full screen list (with every field and state): Onboarding (first-time setup) Owner enters: name, shop/business name, area/locality, number of delivery boys Bulk-add subscribers via a simple form: name, address, newspaper type, monthly rate Empty state: "Add your first subscriber to get started" with a big + button Home Dashboard Today's date, total active subscribers count, total delivery boys count A notification badge: "3 new requests from customers" (pulled from WhatsApp form submissions) Primary action button: "Send today's delivery list" (large, top of screen) Secondary stat row: pending payments count, this month's collected amount Customer Requests screen List of incoming pause/resume/new-subscription requests, each card shows: customer name, address, request type (pause / resume / new / cancel), requested date, and a note field if the customer added one Each request has two buttons: Approve / Reject Approved requests automatically update the subscriber list Empty state: "No pending requests today" Subscriber List / Directory Searchable, filterable list (filter by: active, paused, area/route) Each subscriber row: name, address, newspaper type, monthly rate, payment status badge (Paid/Pending, color-coded) Tap a subscriber to open their detail view: full history of pauses/resumes, payment history log, edit/delete option Delivery List Generator (WhatsApp integration screen) Shows subscribers grouped by delivery boy/route A "Generate & Send" button that compiles the day's/week's active subscriber list into a clean, readable WhatsApp text message Preview of the exact WhatsApp message text before sending Option to edit route grouping manually Payment Tracker Monthly grid view: each subscriber as a row, each month as a column Owner taps a cell to toggle Paid/Pending (no payment gateway, no auto-deduction — manual entry only) Monthly summary at top: total expected, total collected, total pending Overdue subscribers highlighted in a warm alert color Delivery Boy Management (lightweight, no GPS) Simple list of delivery boys with name, phone number, assigned area/route, number of subscribers assigned No live tracking, no map — this is intentionally left out of V1 Settings Business info edit, WhatsApp number for sending lists, language toggle (Hindi/English), simple notification preferences Customer-side touchpoint (outside the app, for reference): A simple WhatsApp-shared link/form the owner sends once a month, where the customer fills: name/address confirmation, pause or resume request, date. No app download needed for the customer. Delivery-boy-side touchpoint (outside the app, for reference): A plain WhatsApp text message, auto-generated by the app, listing which houses get which paper that day/week — replacing verbal instructions. Explicitly out of scope for this V1 (do not design these): No GPS/live delivery tracking No in-app chat or messaging system No automatic UPI/payment gateway integration or auto-deduction No multi-vendor/marketplace features No customer-facing app or login Visual tone: warm terracotta and cream palette, rounded friendly UI elements, clear iconography, large readable typography—designed to feel approachable to a first-time smartphone-app user, not like an enterprise dashboard

OnboardingRequestsPaymentsDelivery Boys
Onboarding

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 5

purple-professional System Requirements Document

Introduction

The "purple-professional" project aims to develop a mobile application specifically designed for local newspaper distribution management in India. This app is tailored for local newspaper center owners, providing them with a user-friendly interface to manage subscribers, delivery lists, and payments efficiently.

System Overview

The "purple-professional" app is intended to simplify the daily operations of local newspaper center owners by offering a digital solution for managing subscribers, delivery routes, and payment tracking. The app will be designed with a warm, approachable aesthetic, reflecting the neighborhood shopkeeper feel, and will prioritize ease of use for users with minimal technical experience.

Page 2 of 5

Functional Requirements as Story Points

  • As a newspaper center owner, I should be able to enter my name, shop/business name, area/locality, and number of delivery boys during onboarding.
  • As a newspaper center owner, I should be able to bulk-add subscribers via a simple form with fields for name, address, newspaper type, and monthly rate.
  • As a newspaper center owner, I should see an empty state message prompting me to add my first subscriber with a big "+" button.
  • As a newspaper center owner, I should have a home dashboard displaying today's date, total active subscribers count, and total delivery boys count.
  • As a newspaper center owner, I should receive a notification badge for new customer requests pulled from WhatsApp form submissions.
  • As a newspaper center owner, I should have a primary action button to send today's delivery list.
  • As a newspaper center owner, I should see a secondary stat row showing pending payments count and this month's collected amount.
  • As a newspaper center owner, I should be able to view and manage customer requests with options to approve or reject them.
  • As a newspaper center owner, I should be able to search and filter the subscriber list by active, paused, and area/route.
  • As a newspaper center owner, I should be able to view subscriber details, including history of pauses/resumes and payment history.
  • As a newspaper center owner, I should be able to generate and send a delivery list via WhatsApp, with options to preview and edit route grouping.
  • As a newspaper center owner, I should be able to manually track payments with a monthly grid view and toggle payment status.
  • As a newspaper center owner, I should be able to manage delivery boys with a simple list showing name, phone number, assigned area/route, and number of subscribers assigned.
  • As a newspaper center owner, I should be able to edit business info, WhatsApp number, and language preferences in settings.

User Personas

  • Raja Lal: A local newspaper center owner with 12 years of experience, managing 400-500 subscribers and 4 delivery boys. He is comfortable with smartphones and WhatsApp but prefers simple, intuitive apps.
Page 3 of 5

Core User Flows

  • Onboarding: Owner enters personal and business details -> Bulk-add subscribers -> View empty state message.
  • Home Dashboard: View today's date and stats -> Receive notification badge -> Send delivery list.
  • Customer Requests: View list of requests -> Approve/Reject requests -> Update subscriber list.
  • Subscriber Management: Search/filter subscribers -> View/edit subscriber details -> Track payment status.
  • Delivery List Generation: Group subscribers by route -> Generate WhatsApp message -> Send message.
  • Payment Tracking: View monthly grid -> Toggle payment status -> View monthly summary.
  • Delivery Boy Management: View list of delivery boys -> Edit details as needed.

Visuals Colors and Theme

  • primary: #D2691E (Terracotta)
  • primary_light: #F4A460 (Light Terracotta)
  • secondary: #8B4513 (Saddle Brown)
  • accent: #FFD700 (Gold)
  • highlight: #FF4500 (Orange Red)
  • bg: #FFF8DC (Cornsilk)
  • surface: #FAEBD7 (Antique White)
  • text: #000000 (Black)
  • text_muted: #696969 (Dim Gray)
  • border: #D3D3D3 (Light Gray)
Page 4 of 5

Signature Design Concept

The landing page of the "purple-professional" app will feature an interactive "Neighborhood Map" concept. Users will see a stylized map of their locality with animated newspaper icons representing subscribers. As the user interacts with the map, they can tap on icons to view subscriber details or drag to rearrange delivery routes. The map will have a warm terracotta background with animated transitions using motion/react for a smooth, engaging experience.

Landing Hero Motion Brief

The hero section will depict a morning scene with newspapers being delivered to homes. Animated newspaper icons will travel from the center (representing the newspaper center) to various homes on the map. The animation will loop every 10 seconds, showing the transformation from a stack of newspapers to individual deliveries. Users can interact by tapping on homes to see subscriber details, with responsive behavior for different screen sizes.

Interaction Model & Motion Direction

  • Intended Interaction Model: Animated
  • The landing page will feature moderate scroll-triggered reveals and hover transitions, with spring physics on interactive elements to enhance user engagement.

Non-Functional Requirements

  • The app must be responsive and accessible on various mobile devices.
  • The app should have a low cognitive load, with large text and minimal jargon.
  • The app must be reliable and handle up to 500 subscribers efficiently.
Page 5 of 5

Tech Stack

  • Frontend: React Native for mobile app
  • Backend: Python, FastAPI
  • Database: MySQL or MariaDB, using Alembic for migrations
  • Local Orchestration: Docker, docker-compose

Assumptions and Constraints

  • The app is designed for a single user type: the newspaper center owner.
  • No GPS or live tracking features will be included in this version.
  • Payment tracking will be manual, with no integration for automatic deductions.

Glossary

  • Subscriber: A customer who receives newspapers delivered to their address.
  • Delivery Boy: An individual responsible for delivering newspapers to subscribers.
  • WhatsApp Integration: The use of WhatsApp for communication and delivery list distribution.
Onboarding design preview
Onboarding: Enter Business Details
Onboarding: Bulk-Add Subscribers
Dashboard: View Stats
Requests: View Requests
Requests: Approve or Reject
Subscribers: Search and Filter
Subscribers: View and Edit Details
Delivery List: Group by Route
Delivery List: Send via WhatsApp
Payments: View Monthly Grid
Payments: Toggle Paid Status
Delivery Boys: Manage List
Settings: Edit Business Info
Onboarding design preview
Onboarding: Enter Business Details
Onboarding: Bulk-Add Subscribers
Dashboard: View Stats
Requests: View Requests
Requests: Approve or Reject
Subscribers: Search and Filter
Subscribers: View and Edit Details
Delivery List: Group by Route
Delivery List: Send via WhatsApp
Payments: View Monthly Grid
Payments: Toggle Paid Status
Delivery Boys: Manage List
Settings: Edit Business Info