500 Server Error Page

[greatest0fallt1me]

Description

Design an error page for server errors (500) that reassures users and provides helpful information.

Requirements and Context

• Must be reassuring (not user's fault)
• Include support contact
• Retry option
• Maintain brand

Detailed Design Specifications

Layout:

• Centered content
• Error icon or illustration
• Heading: "Something Went Wrong"
• Message: "We're experiencing technical difficulties. Please try again later."
• Error code: "Error 500" (optional, for debugging)

Actions:

• "Try Again" button (primary)
• "Go to Home" button (secondary)
• "Contact Support" link
• Status page link (if applicable)

Footer:

• Standard footer

User Flow

1. Server error occurs
2. User sees 500 page
3. User retries or contacts support

Design Deliverables

• Desktop mockup
• Mobile mockup
• Interactive prototype
• Design specifications

Guidelines

• Reassuring tone
• Clear actions
• Support contact prominent
• Accessible
• Timeframe: 96 hours
• Project details: #