Wireframe Document

Markek SafeMark — Interface Layouts

Complete wireframes for all platform interfaces: Master Dashboard, Brand Dashboard, and Consumer Verification Page.

Version 1.0 March 2026 Phase 1: Web Platform 11 Screens

Screens Index

Markek Master Dashboard
1.1 Dashboard Overview
1.2 Brand Management
1.3 Product / Certification Detail
1.4 QR Code Management
1.5 Surveillance Module
1.6 Payment Tracking
1.7 Analytics Dashboard
Brand Dashboard
2.1 Brand Overview
2.2 Product Submission Flow
2.3 QR Code & Badge Downloads
2.4 Team Management
Consumer Verification
3.1 QR Landing + Verification
3.2 All Verification States
Screen 1.1

Master Dashboard — Overview

The main landing page for the Markek team. Shows operational metrics and items requiring attention.

SafeMark
Admin
6 key metric cards — real-time operational snapshot
Total Brands
127
+8 this month
Active Certifications
342
12 expiring soon
Products Certified
891
+23 this month
QR Scans
15,420
This month
Revenue
₹24.5L
₹3.2L outstanding
Expiring 30 Days
12
Action required
QR scan trend — line chart, last 90 days
QR Scan Trend
Line chart — daily scans with trend line
Items needing immediate action
Attention Required
3 certs expiring in 7 days
5 QR requests pending approval
2 payments overdue
1 surveillance mismatch flagged
Screen 1.2

Master Dashboard — Brand Management

Table view with filters, search, and pipeline view. Click any row to open brand detail.

Filter tabs + search + add brand button
All (127) Lead Applied Under Review Approved Active Suspended
🔍 Search brands...
+ Add Brand
Data table — sortable columns, color-coded status, click row for detail
Brand NameStatusCategorySKUsCertifiedOnboardedActions
NutriPure FoodsActiveFood2418Jan 2025View →
VitaWell SupplementsActiveSupplements128Mar 2025View →
GlowSkin BeautyUnder ReviewBeauty60Review →
PureProtein LabsAppliedSupplements30Review →
FreshBake Co.SuspendedFood1511Nov 2024Resolve →
Screen 1.3

Master Dashboard — Product / Certification Detail

Complete product lifecycle view with internal lab tracking. The most data-dense screen.

Product header with status + quick actions
NutriPure Foods / PROD-0042
Organic Whey Protein — Chocolate
Certified Batch: WP-2025-03 Cert ID: SM-00342
Upload Report
Generate QR
Create Invoice
Visual certification timeline — all state transitions with dates
Applied
Jan 5
Sample Received
Jan 12
Testing
Jan 15
Results Review
Feb 2
Certified
Feb 5
Renewal Due
Feb 2026
Claims verified — each claim individually tracked
Claims Verified
0% MaidaVerified ✓
No Artificial ColorsVerified ✓
100% Whey ProteinVerified ✓
No Added SugarVerified ✓
INTERNAL ONLY — never visible to brands or consumers
Lab Tracking (Internal)
Lab UsedVimta Labs, Hyderabad
Sample SentJan 15, 2025
Results ReceivedFeb 1, 2025
Reportlab-report-WP2025.pdf
Internal Notes...
Screen 1.4

Master Dashboard — QR Code Management

Approval queue for QR requests, active QR status, and scan analytics overview.

Pending QR requests requiring Markek approval
Pending Approval (3)
ProductBrandCert StatusPaymentRequestedAction
Oat Milk VanillaVitaWellCertifiedPaidMar 6Approve Reject
Protein Bar PeanutNutriPureCertifiedUnpaidMar 5Payment pending
All active QR codes with scan data
ProductBrandQR StatusTotal ScansLast ScanCert ExpiryActions
Whey Protein ChocolateNutriPureActive3,4212 hrs agoFeb 2026Analytics · Deactivate
Granola Bar MixNutriPureActive1,2085 hrs agoMay 2026Analytics · Deactivate
Face SerumGlowSkinExpired8923 days agoExpiredShows "Expired"
Screen 1.5

Master Dashboard — Surveillance Module

Market surveillance: purchase logging, lab testing, results comparison, and mismatch flagging.

Independent market surveillance tracking
+ Log New Purchase
ProductBrandPurchased FromPurchase DateBatchLab StatusResultAction
Whey ProteinNutriPureAmazon IndiaFeb 28WP-2025-03CompleteMatch ✓View Report
Protein BarNutriPureBigBasketFeb 20PB-2025-01TestingPendingAwaiting results
Face CreamGlowSkinNykaaFeb 15FC-2025-02CompleteMISMATCH ✗Review Cert
⚠ 1 surveillance mismatch detected — GlowSkin Face Cream. Certification review process initiated. Brand notified with 14-day response window.
Screen 1.6

Master Dashboard — Payment Tracking

Invoice management, payment status, revenue overview. No online gateway in Phase 1.

Revenue summary cards
Total Revenue
₹38.2L
FY 2025-26
Paid
₹34.8L
91.1%
Outstanding
₹2.2L
5 invoices
Overdue
₹1.2L
3 invoices
Invoice table — linked to products/certifications
+ Create Invoice
Invoice #BrandProductAmountSentDueStatus
INV-0089VitaWellOat Milk — 3 batches₹45,000Mar 1Mar 15Paid
INV-0088NutriPureProtein Bar renewal₹32,000Feb 25Mar 10Outstanding
INV-0085FreshBakeCertification Q4₹58,000Feb 10Feb 25Overdue
Screen 1.7

Master Dashboard — Analytics

QR scan analytics, geographic data, device types, brand performance, and certification trends.

QR scan analytics — geographic + time
QR Scans — Last 30 Days
Total Scans
15,420
Unique Products
89
Avg Daily
514
Area chart — daily scan volume
Geographic distribution of scans
Scans by Location
Maharashtra4,230 (27%)
Delhi NCR2,890 (19%)
Karnataka2,120 (14%)
Tamil Nadu1,680 (11%)
Others4,500 (29%)
Top scanned products
Top Products by Scans
1. Whey Protein Chocolate3,421
2. Oat Milk Vanilla2,108
3. Granola Bar Mix1,892
4. Vitamin D3 Capsules1,340
Device + time breakdown
Scan Patterns
Mobile94%
Desktop6%
Peak hours6 PM – 9 PM
Peak daySunday
Screen 2.1

Brand Dashboard — Overview

The brand's home screen. Simpler than Master Dashboard — focused on their products and status.

Brand's own metrics only
Products Submitted
24
Active Certifications
18
QR Scans
8,420
Expiring Soon
2
Recent certification activity
Recent Updates
Whey Protein Chocolate — Certified 2 hrs ago
Oat Milk Vanilla — Testing In Progress 1 day ago
Granola Bar — QR Code Approved 3 days ago
Protein Bar — Renewal Due in 30 days 5 days ago
One-click common actions
Quick Actions
Submit New Product →
Request QR Code →
Download SafeMark Badge →
View Lab Reports →
Manage Team →
Screen 2.2

Brand Dashboard — Product Submission Flow

5-step wizard for submitting a new product for certification. Guided, progressive disclosure.

Step indicator — shows progress through 5-step flow
Product Details
Claims
3
Batch Info
Review
Submit
Step 3 shown — Batch Information

Batch Information

Provide details about the batch you want certified.

Batch Number *
WP-2025-04
Manufacturing Date *
March 1, 2026
Batch Size
5,000 units
← Back
Continue to Review →
Screen 2.3

Brand Dashboard — QR Codes & Badges

Request QR generation, download codes and SafeMark badges for packaging.

QR codes for certified products — download in multiple formats
QR Code
Whey Protein Chocolate
SM-00342 · Active
PNG SVG PDF
SafeMark
Badge
SafeMark Certified Seal
For product packaging
PNG SVG
Pending
Approval
Oat Milk Vanilla
QR Requested · Awaiting Markek
Downloads available after approval
Screen 2.4

Brand Dashboard — Team Management

Brand Admin can invite members, assign roles, and manage access.

Team members with role-based access
+ Invite Member
NameEmailRoleLast ActiveActions
Priya Sharmapriya@nutripure.comAdmin2 hours ago
Rahul Vermarahul@nutripure.comQuality Head1 day agoEdit · Remove
Amit Guptaamit@nutripure.comViewer5 days agoEdit · Remove
Sneha Patelsneha@nutripure.comInvitedResend · Cancel
Screen 3.1

Consumer Verification Page

Mobile-first, public, no login required. Loads when consumer scans QR code on product packaging.

Step 1: QR Landing
SafeMark
Verified by Markek
Product Image
Organic Whey Protein
by NutriPure Foods
Enter Batch Number to Verify
WP-2025-03
Verify Now
Find batch number on your product packaging
Step 2: Verified Result
SafeMark VERIFIED
Batch WP-2025-03 · Tested Feb 2, 2025
Claims Verified
0% MaidaVerified ✓
No Artificial ColorsVerified ✓
100% Whey ProteinVerified ✓
No Added SugarVerified ✓
Testing Details
Tested byNABL Accredited Lab
StandardISO/IEC 17025
Valid untilFeb 2, 2026
Cert IDSM-00342
Independently verified by Markek SafeMark.
All Verification States
Expired
Certification expired on Feb 2, 2026. Brand notified for renewal. Last test details shown with "Expired" label.
Suspended — Under Review
Certification under review. Previous test results hidden. "Please check back later."
Revoked
Certification revoked. "No longer SafeMark verified."
Batch Not Found
Batch number not found. Retry prompt + contact Markek option.
Design Notes
• Must load under 2 seconds on 4G mobile
• No login required — fully public
• Mobile-first responsive design
• English + Hindi (Phase 1)
• Lab name never shown — "NABL Accredited Lab" only
• Every scan tracked in analytics

This document contains wireframe layouts for 11 key screens across all three Markek SafeMark interfaces. These represent structural layouts and information architecture. Final visual design (colors, typography, spacing, imagery) will be developed during Sprint 1 design phase. Additional screens for notification center, notification settings, and system configuration will be designed during their respective sprints.

Markek SafeMark Wireframes · Version 1.0 · March 2026 · Confidential