LegendMail UI Design for Admin Dashboard
- Posted 1 month ago
- Remote
Description
This project involves designing a modern, responsive, and user-friendly admin dashboard for
LegendMail using Figma. The dashboard will enable administrators to manage users, monitor email
activity, control fraud detection, and handle KYC submissions efficiently. The UI should provide a
seamless experience for administrators, ensuring intuitive navigation, clear data representation, and
smooth interactions. The design must follow LegendMail’s brand guidelines for color scheme,
typography, and aesthetics.
Required Skills:
● Proficiency in Figma for UI design and prototyping.
● Strong understanding of UX/UI principles and accessibility standards.
● Ability to design responsive and scalable components.
● Experience in creating wireframes, mockups, and design systems.
● Knowledge of color theory, typography, and modern design trends.
Compliance to Brand Guidelines:
Primary Colours:
Typography: Source Sans Pro
Scope of Work: The admin dashboard is split into six main pages, each one showing up as a sidebar
item. Clicking on any of these takes the admin to a dedicated page where all the tools and data for that
category live— e.g KYC Verification, User and Account Management, etc. Think of the sidebar as the
control center and each section as a room with its own purpose.
1. Dashboard Overview (Main Admin Panel)
Features:
● Display essential metrics such as:
○ Total Users
○ Daily/weekly/monthly active users
○ Open rate / Click-through rate (CTR)
○ Bounce rate / Spam complaint rate
○ Verified KYC Users
○ Active Emails Sent
○ MailPay-Linked Users
○ Suspicious Activity Alerts○ Use interactive charts or data visualization cards to represent these metrics (e.g., bar
graphs or pie charts for a quick overview of the data).
● Quick Actions:
○ Provide action buttons for critical tasks like Approving/Rejecting KYC,
Suspending/Reacting to users, and Monitoring email system health.
○ Include dropdowns or toggle switches for switching between views (e.g., email system
status, user verification).
Tasks:
● Design an easy-to-navigate layout with interactive components that offer real-time data
updates.
● Implement scalable design elements using Figma’s auto-layout and components for
consistency.
2. User & Account Management
Features:
● User Search & Filtering:
○ Provide a search bar with filter dropdowns for locating users based on email,
verification status, or MailPay linkage.
○ Table view displaying detailed user profiles.
○ View all registered users
○ User activity logs (last login, recent activity)
○ Ban/suspend/reactivate users
● Account Controls:
○ Include action buttons for tasks such as Suspending/Reacting to users, Resetting
passwords, and Managing linked services (MailPay).
○ Use modals for resetting passwords and managing user details.
Tasks:
● Design a searchable user table with filtering options.
● Create interactive buttons for managing user accounts.● Ensure that the user profile page is intuitive, with options to view and edit user details.
3. KYC & Verification
Features:
● KYC Submission & Review:
○ Provide a detailed view for reviewing user-submitted documents (e.g., ID, proof of
address).
○ Include approval/rejection buttons and the ability to request additional verification via
modals or form inputs.
● Fraud & Compliance Monitoring:
○ Highlight duplicate KYC attempts and show audit logs for actions like approvals or
rejections.
Tasks:
● Design a KYC review interface with clear action buttons (approve, reject, request additional
verification).
● Use filters for easy access to fraud alerts and audit logs.
4. Email & Communication Management
Features:
● Email Activity Overview:
○ Display key metrics such as Total Sent Emails, Bounce/Spam Rates, and User Inbox
Usage with interactive charts (e.g., line graphs for email activity).
● Email Controls:
○ Provide buttons for monitoring delivery failures, managing email storage limits, and
blocking abusive senders.
● Campaigns & Automation:
○ Allow admins to manage email templates and track email engagement.
Tasks:
● Design a data-driven email activity page with interactive elements (e.g., graphs, buttons).● Create actionable buttons for managing email system issues (e.g., "Block Sender," "Increase
Storage Limit").
5. Security & Access Control
Features:
● Audit Logs:
○ Provide a table view of admin activities, such as who approved KYC, reset passwords,
or edited user accounts.
○ Filters should be available for narrowing down log searches (e.g., by action type or
date).
● Access Restrictions:
○ Design IP and device-based login controls and include permission settings for different
admin roles.
○ Ensure role-based access control (RBAC) is visually represented, with clear UI elements
for setting permissions.
Tasks:
● Design a detailed audit log page with filters, timestamps, and actionable insights.
● Implement role-based access control UI for managing permissions.
6. Support & Feedback
● User-submitted tickets/issues
● Contact messages or bug reports
● Internal notes or status updates
Expectations: As a Techo chosen to participate in this gig, we have some expectations.
Timely Completion: complete each gig within the given timeframe. If the gig has not been
completed within this frame, the project will be re-assigned.
Communication: Stay in touch with the Community Manager for guidance, support and
feedback throughout the project. This can be done through the chat box in the My Gigs section
underneath the gig description.
Work-Ethic Alignment: Make a concerted effort to comply with our standards and follow our
brand guidelines.
Skills required
Fixed price gig
- 5 months ago
- Remote
- Intermediate
- 1 Freelancer
Gig Budget
₦27,000.00 - ₦30,000.00
Fixed price gig
- 5 months ago
- Remote
- Intermediate
- 1 Freelancer
Gig Budget
₦25,000.00 - ₦30,000.00
Fixed price gig
- 5 months ago
- Remote
- Intermediate
- 1 Freelancer