Design & UXBeginner 1 to 2 hours

Redesign a Settings Page

Take a cluttered settings page and redesign it using visual hierarchy and whitespace.

The Scenario

A SaaS product's settings page has 30+ options displayed in a single scrolling list with no grouping, inconsistent labels, and tiny toggle switches. Users frequently change the wrong setting.

The Brief

Redesign the settings page. Group related settings, create a clear visual hierarchy, and ensure each setting is self-explanatory without help text.

Deliverables

  • A description of the current settings page problems (invent the page state)
  • A redesigned layout specification: groupings, section headers, spacing, and component choices
  • A before/after comparison for 3 specific settings showing how clarity improved

Submission Guidance

Good settings pages use progressive disclosure — show common settings first, hide advanced ones behind an "Advanced" section. Do not dump everything on one page.

Submit Your Work

Your submission is graded against the rubric on the right. If you pass, you get a public Badge URL you can share on LinkedIn. There is no draft save, so work offline first and paste your finished response here.

This appears on your public Badge.

0/20000 charactersMarkdown supported

One per line or comma separated. Up to 5 links.

By submitting, you agree your submission text, name, and evaluation will appear on a public Badge URL.