Improve UX UI for Handling 500 Platform Errors

To enhance the user experience when encountering server errors (Error [500]), we need to modernize the UX and UI following current market standards. The goal is to make error handling clear, friendly, and actionable for users.

Requirements / Guidelines:

1. Clear & Contextual Error Messaging

   • Avoid vague messages like “Something went wrong.”

   • Provide a simple explanation, e.g., “We’re experiencing a temporary server issue.”

2. Retry / Recovery Options

   • Include a button for users to retry the action or navigate back to the homepage or marketplace manually.

3. Friendly Tone

   • Use human-readable text.

   • Ensure a visually calm UI (avoid alarming red unless necessary).

   • Include illustrations or icons to improve user understanding and engagement.

4. User Support / Documentation

   • Provide a link to a help page with next steps or troubleshooting guidance.

Some Examples