Marketing
Build a modern, responsive web application called “SaharaKart Marketing Workflow” for managing marketing work across different roles and showing clearly which tasks are DONE, IN PROGRESS, UNDONE, BLOCKED, or WAITING.
1. Main objective
The website should demonstrate how different marketing roles work together from product idea → launch → advertising → sales → analysis.
Use a workflow/kanban/dashboard system where every task has:
- Task name
- Department/role
- Assigned person
- Status
- Priority
- Start date
- Deadline
- Dependency
- Notes
- Attachments
- Completion percentage
- Previous task
- Next task
Statuses:
🟢 DONE
🔵 IN PROGRESS
⚪ UNDONE
🟠 WAITING
🔴 BLOCKED
Allow users to change task status easily.
2. Example project
Create a demonstration project:
Project: Women's Zircon Bracelet Launch
Product:
- Women's zircon bracelet
- Product category: Fashion Accessories
- Brand: SaharaKart
- Target market: Women 20–45
- Markets: Saudi Arabia + GCC
- Channels: Website, Facebook, Instagram, TikTok, Google, Marketplace
Display the project as a visual workflow.
3. Marketing workflow
Create these 11 roles and connect their work using dependencies.
01 — Marketing Strategist
Responsibilities:
- Identify target customer
- Analyze competitors
- Define campaign objective
- Define marketing strategy
- Select marketing channels
- Define campaign timeline
Example tasks:
□ Define target audience
□ Competitor research
□ Customer persona
□ Campaign objective
□ Channel strategy
□ Campaign plan
Output:
Approved Marketing Strategy
↓
02 — Pricing Analyst
Responsibilities:
- Product cost analysis
- Shipping cost
- Platform fees
- Payment fees
- VAT
- Desired profit margin
- Promotional pricing
Example:
Product cost
- Shipping
- Platform fees
- Payment fees
- VAT
- Desired profit
= Recommended selling price
Tasks:
□ Calculate landed cost
□ Calculate normal selling price
□ Calculate promotional price
□ Calculate profit margin
□ Approve final price
Output:
Approved Product Price
↓
03 — Product Marketing Specialist
Responsibilities:
- Product positioning
- Product benefits
- Product description
- Customer value proposition
- Product messaging
Tasks:
□ Define product positioning
□ Write product benefits
□ Create product description
□ Define unique selling proposition
□ Prepare product launch message
Output:
Product Marketing Brief
↓
04 — Brand Specialist
Responsibilities:
- Brand consistency
- Visual identity
- Tone of voice
- Logo usage
- Typography
- Product presentation
Tasks:
□ Check brand colors
□ Check logo
□ Check typography
□ Check tone
□ Approve visual direction
Output:
Brand Approval
↓
05 — Content Creator
Responsibilities:
- Product photography
- Product videos
- Reels
- Short videos
- Graphics
- Stories
Tasks:
□ Product photos
□ Product video
□ Instagram Reel
□ TikTok video
□ Story graphics
□ Promotional banner
Output:
Content Package
↓
06 — Social Media Specialist
Responsibilities:
- TikTok
- Content calendar
- Captions
- Hashtags
- Publishing
Tasks:
□ Create content calendar
□ Write captions
□ Schedule posts
□ Publish Instagram content
□ Publish Facebook content
□ Publish TikTok content
□ Monitor comments/messages
Output:
Published Social Campaign
↓
07 — Digital Marketing Specialist
Responsibilities:
- Website
- SEO
- Meta
- TikTok
- Email/SMS
- Digital distribution
Tasks:
□ Product page SEO
□ Website tracking
□ Google setup
□ Meta setup
□ TikTok setup
□ Email/SMS campaign
□ Tracking verification
Output:
Digital Campaign Ready
↓
08 — Performance Marketing Specialist
Responsibilities:
- Paid advertising
- Campaign optimization
- Conversion tracking
- CPC
- CPA
- ROAS
- Conversion rate
Dashboard metrics:
Spend
Clicks
CPC
CTR
Purchases
CPA
Revenue
ROAS
Tasks:
□ Create campaign
□ Create ad sets
□ Create audiences
□ Launch ads
□ Monitor CPC
□ Monitor CPA
□ Monitor ROAS
□ Optimize campaign
Output:
Performance Campaign
↓
09 — Sales Promotion Specialist
Responsibilities:
- Discounts
- Bundles
- Limited-time offers
- Coupons
- Free shipping offers
- Urgency campaigns
Tasks:
□ Create offer
□ Create coupon
□ Define promotion period
□ Prepare promotional banner
□ Approve promotion
Output:
Sales Promotion
↓
10 — PR Specialist
Responsibilities:
- Influencers
- Fashion communities
- Media pages
- Partnerships
- Product seeding
- Public relations
Tasks:
□ Identify influencers
□ Contact influencers
□ Send collaboration proposal
□ Arrange product promotion
□ Track PR results
Output:
PR Campaign
↓
11 — Marketing Manager
The Marketing Manager is the final coordinator.
Responsibilities:
- Approve strategy
- Coordinate departments
- Monitor deadlines
- Resolve blocked tasks
- Review campaign performance
- Approve launch
- Compare results with objectives
Dashboard:
Campaign Status:
DONE / IN PROGRESS / UNDONE / BLOCKED
Overall Completion: 0–100%
Revenue Target
Actual Revenue
Marketing Spend
ROAS
Conversion Rate
Profit
4. Important dependency system
The website must show that one person's work can depend on another person's completed work.
Example:
Marketing Strategy ↓ Pricing ↓ Product Marketing ↓ Brand Approval ↓ Content Creation ↓ Social Media ↓ Digital Marketing ↓ Performance Marketing ↓ Sales Promotion ↓ PR ↓ Marketing Manager Review
However, allow tasks to run in parallel where appropriate.
For example:
Content Creation and Pricing
can happen at the same time after the initial product strategy.
Show dependencies visually with arrows.
If a required previous task is UNDONE, show:
🔴 BLOCKED — Waiting for previous task
5. Main dashboard
Create a professional dashboard containing:
Project Overview
Women's Zircon Bracelet Launch
Progress:
████████░░ 80%
Cards:
- Total Tasks: 50
- Done: 32
- In Progress: 8
- Undone: 7
- Blocked: 3
Department status
| Department | Progress | Status |
|---|---|---|
| Strategy | 100% | DONE |
| Pricing | 100% | DONE |
| Product Marketing | 80% | IN PROGRESS |
| Brand | 100% | DONE |
| Content | 60% | IN PROGRESS |
| Social Media | 40% | IN PROGRESS |
| Digital Marketing | 30% | IN PROGRESS |
| Performance Marketing | 0% | UNDONE |
| Sales Promotion | 20% | IN PROGRESS |
| PR | 0% | UNDONE |
| Management | 50% | IN PROGRESS |
Make this table interactive.
6. Kanban board
Create columns:
UNDONE | IN PROGRESS | WAITING | BLOCKED | DONE
Each task should appear as a draggable card.
Example:
UNDONE
□ Create TikTok campaign
IN PROGRESS
🔵 Product photography
WAITING
🟠 Waiting for final price
BLOCKED
🔴 Facebook campaign — waiting for tracking
DONE
🟢 Target customer research
Allow drag-and-drop between columns.
7. Workflow/Gantt view
Create another page called:
Marketing Workflow
Show the entire project horizontally as a timeline.
Example:
Strategy ━━━━━━━━━━ DONE
Pricing ━━━━━━━━ DONE
Content ━━━━━━ IN PROGRESS
Social ━━━━ UNDONE
Ads ━━ UNDONE
PR ━━ UNDONE
Management ━━━━━━━━ IN PROGRESS
8. Individual role pages
Create a page for each role.
Example:
Content Creator
Assigned Tasks: 8
Done: 4
In Progress: 2
Undone: 2
Tasks:
- Product photos
- Bracelet Reel
- TikTok video
- Product banner
- Instagram Story
Show:
What I received from previous role
What I need to complete
What I deliver to next role
This should make the collaboration between roles easy to understand.
9. “How We Work Together” page
Create a visual organizational workflow:
Marketing Manager ↓ Strategy & Product Marketing ↓ Pricing & Analytics ↓ Brand ↓ Content Creation ↓ Social Media ↓ Digital Marketing ↓ Performance Marketing ↓ Sales Promotion + PR ↓ Customer ↓ Sales Data ↓ Marketing Manager
Show feedback arrows from:
Sales Data → Analytics → Strategy → Marketing
This demonstrates that marketing is a continuous cycle rather than a one-time process.
10. Small-business mode
Because SaharaKart is initially a small business, add a toggle:
Team Mode
and
Small Business Mode
In Small Business Mode, combine roles:
Marketing Manager + Strategist
Strategy + management
Digital + Performance Marketing
Digital advertising + analytics
Brand + Product Marketing
Brand positioning + product presentation
Social Media + Content Creator
Photos + videos + social publishing
Pricing + Analytics
Pricing + profit analysis
PR + Sales Promotion
Influencers + offers
Display:
11 professional functions → 6 practical people/role groups
11. Task creation
Add a button:
+ Add Task
Form:
Task name
Role
Description
Priority
Start date
Deadline
Dependency
Status
Assigned person
Expected output
After creating the task, automatically place it into the correct workflow.
12. Task completion
When a user marks a task DONE:
- Record completion date.
- Update project percentage.
- Check dependent tasks.
- Automatically change eligible WAITING tasks to UNDONE/READY.
- Notify the responsible role.
- Update the dashboard.
- Record activity in an activity log.
Example:
Content Creator completed “Product Reel”.
Then:
Social Media → Ready to publish Reel.
13. Notifications
Create notifications such as:
🟢 Task completed
🔵 New task assigned
🟠 Waiting for approval
🔴 Task blocked
⚠️ Deadline approaching
14. Analytics page
Create charts for:
- Sales
- Revenue
- Marketing spending
- CPC
- CPA
- CTR
- Conversion rate
- ROAS
- Profit
- Orders
- Average order value
Include date filters:
Today
7 Days
30 Days
90 Days
Custom
15. Technology
Build the application using:
- React
- Vite
- Node.js
- Express.js
- MySQL
- Sequelize
- REST API
- Plain CSS
Do not use Tailwind CSS.
Use a clean MVC architecture.
Suggested database models:
User Role Department Project Task TaskDependency Product Campaign CampaignMetric Notification ActivityLog
16. UI design
Create a professional Saudi/GCC e-commerce business dashboard.
Use:
- Responsive desktop/mobile design
- Sidebar navigation
- Dashboard cards
- Tables
- Kanban board
- Workflow diagrams
- Progress bars
- Status badges
- Modal forms
- Search
- Filters
- Sorting
- Dark/light mode
Navigation:
Dashboard
Projects
Tasks
Workflow
Departments
Team
Products
Campaigns
Analytics
Notifications
Activity Log
Settings
Brand:
SaharaKart
Subtitle:
Marketing Workflow & Business Operations
17. Important rule
Do not make this merely a static organizational chart.
The website must function as an actual work-management system.
Every role must have:
INPUT → TASK → OUTPUT → NEXT ROLE
and every task must have:
UNDONE → IN PROGRESS → DONE
with optional:
WAITING / BLOCKED
The system should clearly answer:
Who is doing the work?
What are they doing?
What is finished?
What is unfinished?
What is blocked?
Who is waiting for whom?
What happens next?
How does the work contribute to the final business objective?
Comments
Post a Comment