<?xml version="1.0" encoding="utf-8"?>

Topics

Share

Share your insights — leave a project review and help others grow their skills

Reviews

8 reviews


Thanks for sharing your design decisions, sketches. Impressive and awesome UX design for student and admin experience of Mentor universe.


Solid work mate!


Hi Amartya, 👋

Thanks again for sharing your updated project. I appreciate the effort you've put into expanding the scope and refining the visuals. Below is a consolidated review with specific observations and suggestions based on the most recent screens:

Red Accent Overuse

The bright red accent continues to dominate interface elements like selected sidebar items, badges, status bullets, and action buttons. While it ties to the university’s branding, its current usage creates semantic confusion, red is typically associated with errors, alerts, or destructive actions. Using it as a general highlight or positive action colour dilutes that meaning and may even create unnecessary tension.

Suggestion:

Introduce a secondary highlight colour (e.g., navy, charcoal, or a deep neutral) for active/selected states. Red should be reserved strictly for critical alerts or destructive actions to maintain clarity and emotional consistency across the UI.

Sidebar Contrast & Accessibility

The current red sidebar with white text is nearing the minimum WCAG AA contrast ratio. Smaller fonts and light weights make this more pronounced. On devices with dark mode enabled or through browser extensions, this could further impair readability.

Suggestion:

Lighten the background red slightly or increase text weight and size for better contrast. You could also use an off-white or warm neutral tone for better legibility without straying too far from the brand palette.

Icon Library Consistency

Icons across the platform appear to come from different sets, with variations in stroke width, corner radius, and size. For example, the logout icon and the KPI card icons don't feel visually cohesive, which affects the interface’s polish.

Suggestion:

Choose one icon library (such as Feather, Material Symbols, or Lucide) and use it consistently. Align on stroke weight, visual balance, and padding to build a more harmonious UI system.

Filter Integration

The date filter has been added to multiple views, but it still lacks context and appears disconnected from the components it filters. Without a clear label or visual grouping, users may not understand its purpose.

Suggestion:

Integrate the date filter into the card or table it controls, and add a clear label like “Date Range” or “Filter by Month.” This small change would improve usability and cohesion across your dashboard components.

(more in comments)

KPI & Card Visual Weight Your KPI cards at the top of the dashboards are helpful, but don’t yet stand out enough. The icons and text appear small, and the visual weight doesn’t differentiate them clearly from the surrounding content. Suggestion: Increase icon and text size, consider subtle elevation or background shading, and explore using colored indicators or borders to bring more attention to these data points. KPIs should be quick-scan elements with strong visual prominence. Content Scannability: Updates & Meetings With the added content in the “Latest Updates” and “Upcoming Meetings” sections, those areas now feel dense and harder to scan. Rows lack visual hierarchy, making it difficult to parse different types of updates or upcoming events quickly. Suggestion: Use small icons or colour-coded tags to indicate content type (e.g., info, reminder, completed). You could also group entries by time (e.g., “Today,” “This Week”) or allow for collapsible groups to manage longer lists.
Modal Layering & CTA Hierarchy The modal layering looks great—depth and shadow are well-executed, and the modals feel clearly separated from the base UI. However, the CTA button styling inside modals is confusing: Grey buttons often read as “disabled” to users, yet they’re being used as primary CTAs. Red buttons appear in both positive and destructive contexts, blurring their intended meaning. Suggestion: Introduce a dedicated, clear primary action colour (blue, green, or a deeper maroon). Red should only be used for destructive actions like “Delete.” This will create a more intuitive CTA hierarchy and reduce decision anxiety during task flows.
Colour Semantics & Visual Indicators Using red for elements like check marks, approval statuses, and “Download” actions is problematic. These are generally interpreted as success or confirmation, but red suggests error, especially for users with visual impairments or colour blindness. Suggestion: Use green, blue, or another “positive” tone for success indicators, while red remains reserved for warnings or deletions. Supplement colour with icons and text labels to reinforce meaning non-visually. Tables: Structure & Readability Designing tables is always a challenge, and the ones in the “Assigned Students” and “Assigned Mentors” screens still feel off-balance. Inconsistent row padding, unaligned columns, and missing dividers make it harder to read and parse data quickly. Suggestion: Consistent padding and row heights, improve column alignment, and consider zebra-striping or hover states. If possible, reduce the default visible rows or allow batch actions to streamline interactions.

Thats Great from your explanation and the flows process


good but navigation panel is too focused.


This is a well-thought-out and impressive project. I really appreciate the effort and creativity that went into it. Great job!

If you're interested, I've posted a new project: https://app.uxcel.com/showcase/improving-student-experience-in-juno-campus-216

Nice work Amartya, Too much red for me though


Amazing


35 Claps
Average 3.5 by 10 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>