Skip to content

Feature: Enhance the Dashboard UI/UX #58

@Zaki-Mohd

Description

@Zaki-Mohd

The main dashboard is the central hub for our users. While the current implementation is functional, we believe there's a significant opportunity to improve its design, layout, and overall user experience. The goal of this issue is to redesign the dashboard to be more intuitive, visually appealing, and data-rich.

Files to be Modified:

  • app/(main)/dashboard/page.jsx
  • app/(main)/dashboard/_components/WelcomeContainer.jsx
  • app/(main)/dashboard/_components/CreateOptions.jsx
  • app/(main)/dashboard/_components/LatestInterviewList.jsx
  • app/(main)/dashboard/_components/InterviewCard.jsx

Design Goals:

We are looking for a contributor to rethink the dashboard's user experience. The new design should aim to:

  • Improve Information Hierarchy: The most important information and actions should be immediately accessible.
  • Enhance Data Visualization: Introduce charts or graphs to visualize user progress, such as average scores, interview frequency, or performance trends over time.
  • Modernize the UI: Adopt a clean, modern aesthetic that aligns with the rest of the application.
  • Increase Interactivity: Make the dashboard more engaging and responsive to user actions.
  • Be Fully Responsive: Ensure the design works flawlessly across all device sizes.

Inspiration:

Think about what makes a great dashboard:

  • Real-time reporting: Can we give users a more immediate sense of their activity?
  • Comparison and benchmarking: How can users see their progress compared to previous interviews?
  • Highlighting key information: What are the most important insights a user would want to see right away?

Note for Contributors:

This is an excellent opportunity to have a major impact on the core user experience of the application. We encourage you to be creative and propose a design that you think best serves the user. Sharing a wireframe or mockup in the issue comments before you start coding would be a great way to get feedback on your proposed direction.

Metadata

Metadata

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions