ॐ
Suvarna Prashan Seva
Interactive prototype
Open on phone
✓ Fully clickable · no static images

Try it on your phone or laptop

Every screen below is a real, interactive route. The bottom tab bar and sidebar navigation actually work — tap any mockup to open it full-screen, or jump straight in with the buttons below.

Launch mobile app Launch desktop dashboard Start from splash
Open on your phone
Add to Home Screen for PWA feel
Bottom tab bar
Home · Register · Search · Reports · More
Desktop sidebar
Live navigation between sections
Every screen
Own URL — share & bookmark
ॐ

Suvarna Prashan Seva

સુવર્ણ પ્રાશન સેવા · सुवर्ण प्राशन सेवा

A complete PWA wireframe set for the Ayurvedic Suvarna Prashan child health program — 13 screens across mobile, tablet, and desktop. Inspired byShree Hari Tapovan Gurukul·tapovangurukul.org.

Saffron #E87722
Maroon #8B1A1A
Gold #C9A84C
Cream #FDF6EC
White #FFFFFF
Mobile-first · 375 pxTablet responsiveDesktop · 1440 pxPWA · Offline-readyEN · ગુજરાતી · हिंदी
MMobile Wireframes · 390 × 844

Bottom tab navigation, card-based UI, 44 px tap targets, offline-first sync, and Ayurveda-inspired accents throughout.

01 · Splash / Launch
9:41•●●●●􀙇100%
ॐ

Suvarna Prashan Seva

સુવર્ણ પ્રાશન સેવા

Nurturing every child with the sacred wisdom of Ayurveda

Inspired by Shree Hari Tapovan Gurukul · v1.0
Open live →

Sacred ॐ emblem, tagline, and gentle 3-dot loader. Auto-advances to Login.

02 · Login
9:41•●●●●􀙇100%
ॐ

Welcome Back

Sign in to continue your seva

Forgot password?
Or
Role auto-detected after login · Super Admin, State, District, Taluka, Village, Doctor, Viewer
Shree Hari Tapovan Gurukul · tapovangurukul.org
Open live →

Password + OTP paths, tri-lingual toggle, role auto-detect after auth.

03 · Dashboard (Super Admin)
9:41•●●●●􀙇100%
7
RP
Namaste 🙏
Rameshbhai Patel
Super Admin
📍 All India · 28 States · 640 Districts · 12,847 Villages
Total Children
1,24,589
+2.4% this week
Today's Sessions
847
+12 vs yesterday
This Month
18,204
+8.1%
This Year
2.1L+
On track
New Registrations
312
Returning Children
535
State-wise Distribution
Gujarat
42,180
Maharashtra
31,046
Rajasthan
24,120
Madhya Pradesh
17,088
Age-wise
1.2L
0-1y1-3y3-5y5y+
Dose-wise
D1
D2
D3
D4
D5
D6
Open live →

Personalised greeting, 4 KPI stat cards with trend arrows, state-wise bars, age donut and dose histogram.

04 · Child Registration · Step 1
9:41•●●●●􀙇100%
New Child Registration
Step 1 of 4Personal Info
PersonalParentsAddressHealth
Full Name *
Aarav Kumar Patel
Date of Birth *
14 Aug 2022
Age (auto)
2y 5m
Gender *
Aadhaar (optional)
XXXX XXXX 4321
Aadhaar is optional. Data stored securely as per DPDP Act.
Open live →

Multi-step wizard: Personal → Parents → Address → Health. Floating labels, inline validation, progress bar.

04b · Registration Success
9:41•●●●●􀙇100%
Registration Complete
Welcome, Aarav! 🎉

Registration saved. Share this ID card with the parent.

CHILD ID
👶
Aarav Kumar Patel
Boy · 2y 5m · Ahmedabad
SP-GJ-2024-00123
Next Dose
Push, 14 Sept 2024
123
Saved & synced successfully
Open live →

Auto-generated Child ID SP-GJ-2024-00123, QR preview, dose counter and success toast.

05 · Visit / Dose Entry
9:41•●●●●􀙇100%
New Dose Entry
Selected Child
👶
Aarav Kumar Patel
SP-GJ-2024-00123 · Boy · 2y 5m
Visit Date
Today · 14 Aug 2024
Camp Location
Bopal Community Hall ▾
Village
Bopal ▾
Dose #
04
auto
Weight
11.4 kg
Height
86 cm
Notes
Seva Provider
Dr. Meena Joshi (Vaidya)
Next Visit (auto)
Wed, 11 Sept 2024 · Push Nakshatra day
Open live →

Search or scan the child. Dose # auto-increments. Next visit auto-calculated from Push Nakshatra cadence.

06 · Child Profile & History
9:41•●●●●􀙇100%
Child Profile
👶
Aarav Kumar Patel
SP-GJ-2024-00123
Boy · 2y 5m · Bopal, Ahmedabad
tap to enlarge
04
Doses given
11.4
Weight (kg)
11 Sept
Next visit
Suvarna Prashan History
  1. 4
    Dose #4 · 14 Aug 2024
    📍 Bopal Hall · 11.4kg / 86cm
    👨‍⚕️ Dr. Meena Joshi
    Slight cold
  2. 3
    Dose #3 · 17 Jul 2024
    📍 Bopal Hall · 11.1kg / 85cm
    👨‍⚕️ Dr. Meena Joshi
  3. 2
    Dose #2 · 19 Jun 2024
    📍 Gurukul Camp · 10.7kg / 84cm
    👨‍⚕️ Vd. Kanubhai
  4. 1
    Dose #1 · 22 May 2024
    📍 Gurukul Camp · 10.4kg / 83cm
    👨‍⚕️ Vd. Kanubhai
    First dose 🎉
Open live →

Vertical timeline of every Suvarna Prashan visit. QR tap-to-enlarge. Floating Add-Visit FAB.

07 · Smart Search
9:41•●●●●􀙇100%
Search
7
RP
AllNameMobileQRChild IDVillageMother
4 results for "Aarav"Sort: Recent ▾
  • 👶
    Aarav Kumar Patel
    SP-GJ-2024-00123
    2y 5m · 📍 Bopal · Last: 14 Aug
    4doses
  • 👶
    Aarav Sharma
    SP-GJ-2024-00087
    1y 8m · 📍 Naranpura · Last: 12 Aug
    3doses
  • 👧
    Aaravi Mehta
    SP-GJ-2024-00201
    3y 2m · 📍 Satellite · Last: 07 Aug
    6doses
  • 👶
    Aarav J. Trivedi
    SP-MH-2024-00512
    8m · 📍 Pune Camp · Last: 02 Aug
    1doses
Open live →

Chip filters for Name, Mobile, QR, ID, Village, Mother. Dose-count badges on each result.

08 · QR Scanner
9:41•●●●●􀙇100%
Scan Child QR
🔦
Align QR within the frame
✓ Detected
👶
Aarav Kumar Patel
SP-GJ-2024-00123 · Last dose: 14 Aug
Next due: 11 Sept 2024
Open live →

Fullscreen dark viewfinder, saffron scan-line, manual ID fallback, quick result popup with actions.

09 · Reports
9:41•●●●●􀙇100%
Reports
7
RP
Filters
Gujarat ▾
Ahmedabad ▾
Bopal ▾
This Month ▾
All Providers ▾
New + Return ▾
August 2024 · Summary
▲ 8.1%
11531
Village ↕ChildrenDosesTrend
Bopal4121284▲
Naranpura308947▲
Satellite274812▼
Vastrapur221664▲
Thaltej189555—
1–5 of 84
‹12›
Open live →

Filter chips, Daily/Monthly/Annual tabs, chart preview, sortable zebra-striped table with pagination and PDF/Excel export.

10 · Reminders & Notifications
9:41•●●●●􀙇100%
Reminders
7
RP
Upcoming Doses
47 children due this week
Overdue · 8Today · 12This Week · 47Next Month
  • 👶
    Aarav K. PatelD5→D6
    Due: Wed, 11 Sept
    📱 98765 43210
  • 👶
    Priya R. ShahD3→D4
    Due: Wed, 11 Sept
    📱 98120 55432
    ✓ SENT
  • 👶
    Ishan BhattD2→D3
    Due: Thu, 12 Sept
    📱 94266 71120
  • 👶
    Diya MehtaD4→D5
    Due: Overdue · 3 Sept
    📱 97250 88104
  • 👶
    Kabir TrivediD1→D2
    Due: Fri, 13 Sept
    📱 99043 22118
    ✓ SENT
Open live →

Due children with SMS · WhatsApp · Email quick-send. Bulk-send in header. Overdue chip in red.

11 · Offline Mode
9:41•●●●●􀙇100%
Offline Mode — Entries will sync when connected
Dashboard
7
RP
You're offline
Registrations & dose entries save locally. Auto-sync when back online.
Pending Sync
14 items
📝New registrations4
💊Dose entries8
🖼️Photos2
Auto-sync progress6 / 14
Waiting for connection…
What still works offline
  • Register new child
  • Add dose entries (up to 500)
  • Scan QR & view cached profiles
  • Print/share ID cards
Open live →

System-level offline banner, pending sync count, auto-sync progress bar, list of features that still work.

12 · User Management
9:41•●●●●􀙇100%
Users
7
RP
  • RP
    Rameshbhai Patel
    Super Admin
    📍 All India
  • NM
    Nisha Mehta
    State Admin
    📍 Gujarat
  • VS
    Vikas Sinha
    District Admin
    📍 Ahmedabad
  • KJ
    Kanubhai Joshi
    Taluka Coordinator
    📍 Daskroi
  • MP
    Meena Patel
    Village Volunteer
    📍 Bopal
  • AV
    Dr. Anil Vaidya
    Doctor/Vaidya
    📍 Ahmedabad
  • SS
    Suresh ShahDEACTIVATED
    Viewer
    📍 Gujarat
Open live →

Color-coded role badges: Super Admin, State, District, Taluka, Village, Doctor/Vaidya, Viewer. Audit log entry point.

13 · Settings / Profile
9:41•●●●●􀙇100%
Settings
7
RP
RP
Rameshbhai Patel
Super Admin
📍 All India · Joined May 2023
Account
Edit profile
Change password
OTP preferencesSMS + WhatsApp
Preferences
LanguageEnglish
NotificationsOn
ThemeSaffron (default)
Data & Sync
Sync status✓ Up to date · 2 min ago
Backup & export
Offline cache42 MB
About
App versionv1.0.0 (build 128)
Terms & Privacy
Made with 🙏 for Shree Hari Tapovan Gurukul
Open live →

Region, language, OTP prefs, sync status, backup, app version. Sign out.

DDesktop Wireframes · 1440 × 900

Left sidebar navigation replaces the mobile tab bar. Wider dashboards, filter rails, tabular data density, and modal previews.

03 · Dashboard · Desktop
Desktop · 1440 × 900
🔒 app.suvarnaprashanseva.in
Open live →
Super Admin · All India
Dashboard
⌘K
RP
Rameshbhai P.
Super Admin
Total Children
1,24,589
+2.4% this week
Today's Sessions
847
+12 vs yday
This Month
18,204
+8.1%
This Year
2,14,890
On track
State-wise Distribution
Children reached · last 30 days
30D90D1Y
Gujarat
42,180
Maharashtra
31,046
Rajasthan
24,120
Madhya Pradesh
17,088
Karnataka
13,552
Tamil Nadu
11,004
Age Distribution
1.2L
0 – 1 year30%
1 – 3 years35%
3 – 5 years25%
5 years +10%
Dose-wise Breakdown
D1
D2
D3
D4
D5
D6
D7
D8
New Registrations
312
▲ +18% vs last week
Recent Camps
  • Bopal Community Hall
    Today · 84 children
  • Gurukul Main Camp
    Yesterday · 127 children
  • Naranpura Center
    12 Aug · 68 children
  • Satellite Ashram
    10 Aug · 92 children

Sidebar + top bar chrome, 4 KPI cards, state-wise ranking, age donut, dose-wise histogram, new-registration sparkline, recent camps list.

09 · Reports · Desktop
Desktop · 1440 × 900
🔒 app.suvarnaprashanseva.in
Open live →
Super Admin · All India
Reports
⌘K
RP
Rameshbhai P.
Super Admin
Total Doses
18,204
+8.1%
Unique Children
6,412
+312 new
Camps Held
147
+9
Avg. per Camp
124
-3
August 2024 · Daily Trend
DosesNew Regs
Village ↕TalukaChildren ↕Doses ↕Last CampTrend
BopalDaskroi412128414 Aug▲
NaranpuraAhmedabad City30894712 Aug▲
SatelliteAhmedabad City27481210 Aug▼
VastrapurAhmedabad City22166409 Aug▲
ThaltejAhmedabad City18955507 Aug—
ChandkhedaSabarmati16448805 Aug▲
GotaSabarmati14241104 Aug▲
Showing 1–7 of 84 villages
‹123…12›

Left filter rail (State → Village → Provider → Date), KPI row, dual-series daily chart, sortable table with 84 villages paginated. Export PDF/Excel.

12 · User Management · Desktop
Desktop · 1440 × 900
🔒 app.suvarnaprashanseva.in
Open live →
Super Admin · All India
User Management
⌘K
RP
Rameshbhai P.
Super Admin
Total Users
1,284
Active
1,197
Pending Invite
42
Deactivated
45
Role: All ▾
Region: All ▾
User ↕RoleRegionLast ActiveStatusActions
RP
Rameshbhai Patel
ramesh@tapovan.org
Super Admin
📍 All Indiajust now● Active
NM
Nisha Mehta
nisha.m@tapovan.org
State Admin
📍 Gujarat12 min ago● Active
VS
Vikas Sinha
vikas.s@tapovan.org
District Admin
📍 Ahmedabad1 h ago● Active
KJ
Kanubhai Joshi
kanu.j@tapovan.org
Taluka Coordinator
📍 Daskroi3 h ago● Active
MP
Meena Patel
meena.p@volunteers.org
Village Volunteer
📍 BopalYesterday● Active
AV
Dr. Anil Vaidya
anil.v@ayush.gov
Doctor/Vaidya
📍 Ahmedabad2 d ago● Active
SS
Suresh Shah
suresh@viewer.in
Viewer
📍 Gujarat3 wk ago● Deactivated
AD
Aarti Desai
aarti.d@tapovan.org
District Admin
📍 Vadodara5 h ago● Active
Showing 1–8 of 1,284 users
‹123…161›
🎯 Interaction preview · Deactivate confirmation modal
Deactivate Suresh Shah?

They will lose access immediately. All records they created will be preserved and remain visible to admins.

Search + role/region filters, bulk selection, color-coded role badges, per-row View/Edit/Deactivate, and a critical-action confirmation modal preview.

PKey UI Patterns

Reusable building blocks used across every screen — role badges, IDs, dose counters, QR, offline signalling, toasts, and modals.

Role-based Badges
Super AdminState AdminDistrict AdminTaluka CoordinatorVillage VolunteerDoctor/VaidyaViewer
Auto-generated Child ID
SP-GJ-2024-00123SP · State · Year · Serial
Dose Counter Badge
12345
QR Generation & Scan
Every child gets a printable QR that resolves to their profile in one scan.
Stat Card with Trend
Today's Sessions
847
+12 vs yesterday
Timeline · Visit History
  1. Dose #4· 14 Aug 2024 · Bopal
  2. Dose #3· 14 Aug 2024 · Bopal
  3. Dose #2· 14 Aug 2024 · Bopal
  4. Dose #1· 14 Aug 2024 · Bopal
Confirmation Modal
Delete visit record?
This action cannot be undone.
CancelDelete
Toast Notifications
Saved & synced
Syncing 6 of 14…
Offline · saved locally
Offline Banner
Offline Mode — Entries will sync when connected