UI/UX Designer for CRM using ui.shadcn.com ( next.js , laravel )
Budget: $30 – $60 SGD
Hiring UI/UX Designer for SaaS Social CRM System
( Need someone who can using ( https://ui.shadcn.com/ ) to build the SaaS Social CRM System dashboard see detail below )
Must Have Experience with Frameworks Next.js , Laravel ( https://ui.shadcn.com/docs/installation )
( ui.shadcnshadcn/ui : is a set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks and AI models. Open Source. Open Code. )
We are looking for a UI/UX Designer using ( ui.shadcn.com) to design a SaaS Social CRM System that enables users to schedule, manage, and automate the publishing of videos, text, and images across multiple social media and e-commerce platforms using AI-powered scheduling and analytics.
This system will feature an AI-assisted scheduler that suggests optimal posting times and automated insights to improve engagement.
---
Key Responsibilities
1. UI/UX Design & Prototyping
Develop wireframes, mockups, and interactive prototypes.
Ensure a modern and seamless user experience (UX).
Provide mobile-friendly UI for accessibility.
2. AI-Powered Scheduling & Auto-Posting
Design an AI scheduler that suggests the best times to post based on user engagement history.
Provide visual scheduling tools (Calendar View & Timeline View).
Ensure users can override AI suggestions manually.
3. Data Analytics Dashboard
Offer detailed insights into post performance and overall account engagement.
Display engagement trends, audience demographics, and platform analytics.
4. Collaboration with Development Team
Work closely with backend & AI developers to integrate AI-powered scheduling and analytics.
Provide detailed design documentation and clear user flow diagrams.
---
Pages to be Designed
1. Landing Page
Overview of the system and key features.
Introduction to AI Scheduling & Analytics.
Sign Up & Login buttons.
2. User Dashboard (For Users & Team Members)
Display AI-powered scheduling insights (Best Posting Time Suggestions).
Overview of scheduled, published, and failed posts.
Storage usage statistics (3GB internal + External Cloud Sync).
Access to analytics, billing, and account settings.
3. Admin Dashboard
Manage users (View, Suspend, Delete accounts).
Content moderation (Flag & Remove Policy-Violating Content).
View billing & subscription reports.
System analytics (User Activity, Storage Usage, Payment Reports).
4. AI-Powered Post Scheduling Page
AI suggests best posting times based on engagement history.
Drag-and-drop scheduling (Calendar & Timeline View).
Support for batch scheduling of multiple posts.
5. Content Management Page
List of scheduled and published posts (Status: Scheduled, Published, Failed).
Post Editor (Write text, upload media, set publishing time).
Preview post before publishing.
6. Post Analytics Page
Detailed analytics for each post (Views, Likes, Shares, Comments, Engagement Rate).
Platform-specific insights (Performance comparison across platforms).
Heatmap visualization (Peak engagement times).
7. Overall Performance Analytics Page
Account-wide analytics (Total Engagement, Audience Growth, Best-Performing Posts).
Audience demographics (Age, Location, Interests).
AI-generated content recommendations for improved engagement.
8. Social Media & E-Commerce Integration Page
Connect to social media accounts (X, LinkedIn, Instagram, Facebook, Threads, YouTube,
TikTok).
E-commerce Integration (Shopee & Lazada – Video Posting Only).
"Authorize & Connect" button to enable platform access.
9. Hybrid Storage Page
Display internal storage (3GB) and external storage (Google Drive, OneDrive, iCloud, Dropbox).
Upload, delete, and manage files.
Storage full notifications (90%, 95%, 100%).
10. Billing & Payment Page
Subscription plans and pricing.
Transaction history & invoices.
Upgrade/Downgrade subscription options.
Payment gateway support (Chip-Asia or other local providers).
11. User Roles & Permissions Page
Account Types & Access Levels
Admin – Full access (User Management, Content Moderation, Billing, System Settings).
Staff Admin – Monitors user activities, reviews scheduled posts, and reports violations to Admin.
User (Account Owner) – Full access to their account, billing, and content.
User Team Member – Can schedule and publish posts, but cannot access billing.
Users can invite team members & assign roles.
12. Notifications Page
AI notifications for best posting times.
Storage full warnings, payment reminders, post status (success/failure).
Email notification settings (Brevo, Mail.baby, or other providers).
13. Admin Management Page
User reports & analytics.
Ban/Suspend users violating policies.
Monitor system performance & activity logs.
14. Support & Ticketing System
Submit support tickets.
Live chat or direct contact with Admin.
Track ticket status.
15. User Guides & Documentation Page
Admin & Staff Admin Guides (Managing Users, Content, Storage & Billing).
User Guide (AI Scheduling, Content Posting, Analytics).
Storage Sync Guide (Connecting Google Drive, OneDrive, iCloud & Dropbox).
Troubleshooting & FAQ.
Required Skills for UI/UX Designer
Expertise in UI/UX using (ui.shadcn.com ).
Expertise in Frameworks Next.js , Laravel ( https://ui.shadcn.com/docs/installation )
Experience in designing dashboards for SaaS, CRM, or AI-powered systems.
Knowledge of responsive design for both desktop & mobile.
Understanding of API integrations for social media & cloud storage platforms.
( Need someone who can using ( https://ui.shadcn.com/ ) to build the SaaS Social CRM System dashboard see detail below )
Must Have Experience with Frameworks Next.js , Laravel ( https://ui.shadcn.com/docs/installation )
( ui.shadcnshadcn/ui : is a set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks and AI models. Open Source. Open Code. )
We are looking for a UI/UX Designer using ( ui.shadcn.com) to design a SaaS Social CRM System that enables users to schedule, manage, and automate the publishing of videos, text, and images across multiple social media and e-commerce platforms using AI-powered scheduling and analytics.
This system will feature an AI-assisted scheduler that suggests optimal posting times and automated insights to improve engagement.
---
Key Responsibilities
1. UI/UX Design & Prototyping
Develop wireframes, mockups, and interactive prototypes.
Ensure a modern and seamless user experience (UX).
Provide mobile-friendly UI for accessibility.
2. AI-Powered Scheduling & Auto-Posting
Design an AI scheduler that suggests the best times to post based on user engagement history.
Provide visual scheduling tools (Calendar View & Timeline View).
Ensure users can override AI suggestions manually.
3. Data Analytics Dashboard
Offer detailed insights into post performance and overall account engagement.
Display engagement trends, audience demographics, and platform analytics.
4. Collaboration with Development Team
Work closely with backend & AI developers to integrate AI-powered scheduling and analytics.
Provide detailed design documentation and clear user flow diagrams.
---
Pages to be Designed
1. Landing Page
Overview of the system and key features.
Introduction to AI Scheduling & Analytics.
Sign Up & Login buttons.
2. User Dashboard (For Users & Team Members)
Display AI-powered scheduling insights (Best Posting Time Suggestions).
Overview of scheduled, published, and failed posts.
Storage usage statistics (3GB internal + External Cloud Sync).
Access to analytics, billing, and account settings.
3. Admin Dashboard
Manage users (View, Suspend, Delete accounts).
Content moderation (Flag & Remove Policy-Violating Content).
View billing & subscription reports.
System analytics (User Activity, Storage Usage, Payment Reports).
4. AI-Powered Post Scheduling Page
AI suggests best posting times based on engagement history.
Drag-and-drop scheduling (Calendar & Timeline View).
Support for batch scheduling of multiple posts.
5. Content Management Page
List of scheduled and published posts (Status: Scheduled, Published, Failed).
Post Editor (Write text, upload media, set publishing time).
Preview post before publishing.
6. Post Analytics Page
Detailed analytics for each post (Views, Likes, Shares, Comments, Engagement Rate).
Platform-specific insights (Performance comparison across platforms).
Heatmap visualization (Peak engagement times).
7. Overall Performance Analytics Page
Account-wide analytics (Total Engagement, Audience Growth, Best-Performing Posts).
Audience demographics (Age, Location, Interests).
AI-generated content recommendations for improved engagement.
8. Social Media & E-Commerce Integration Page
Connect to social media accounts (X, LinkedIn, Instagram, Facebook, Threads, YouTube,
TikTok).
E-commerce Integration (Shopee & Lazada – Video Posting Only).
"Authorize & Connect" button to enable platform access.
9. Hybrid Storage Page
Display internal storage (3GB) and external storage (Google Drive, OneDrive, iCloud, Dropbox).
Upload, delete, and manage files.
Storage full notifications (90%, 95%, 100%).
10. Billing & Payment Page
Subscription plans and pricing.
Transaction history & invoices.
Upgrade/Downgrade subscription options.
Payment gateway support (Chip-Asia or other local providers).
11. User Roles & Permissions Page
Account Types & Access Levels
Admin – Full access (User Management, Content Moderation, Billing, System Settings).
Staff Admin – Monitors user activities, reviews scheduled posts, and reports violations to Admin.
User (Account Owner) – Full access to their account, billing, and content.
User Team Member – Can schedule and publish posts, but cannot access billing.
Users can invite team members & assign roles.
12. Notifications Page
AI notifications for best posting times.
Storage full warnings, payment reminders, post status (success/failure).
Email notification settings (Brevo, Mail.baby, or other providers).
13. Admin Management Page
User reports & analytics.
Ban/Suspend users violating policies.
Monitor system performance & activity logs.
14. Support & Ticketing System
Submit support tickets.
Live chat or direct contact with Admin.
Track ticket status.
15. User Guides & Documentation Page
Admin & Staff Admin Guides (Managing Users, Content, Storage & Billing).
User Guide (AI Scheduling, Content Posting, Analytics).
Storage Sync Guide (Connecting Google Drive, OneDrive, iCloud & Dropbox).
Troubleshooting & FAQ.
Required Skills for UI/UX Designer
Expertise in UI/UX using (ui.shadcn.com ).
Expertise in Frameworks Next.js , Laravel ( https://ui.shadcn.com/docs/installation )
Experience in designing dashboards for SaaS, CRM, or AI-powered systems.
Knowledge of responsive design for both desktop & mobile.
Understanding of API integrations for social media & cloud storage platforms.