Logo of UI Challenges
Sign in
Wireframe example for Number Pad Donation Screen
An example interpretation of the prompt
Icon of target

Number Pad Donation Screen

Icon of book open

Design a mobile donation screen for a nonprofit app where the user can pick an amount fast. The main interaction is a numeric keypad paired with a few quick-tap preset amounts.

The screen should make it obvious that the amount can be entered manually or selected from presets. Keep the donation amount as the focal point, with clear currency formatting and immediate feedback as the number changes.

This is a money flow, so the UI needs to feel calm and trustworthy. Show enough context for the user to understand where the donation goes, while keeping the action to continue or donate visually dominant.

Design the default state with no amount entered yet, but ready for input. The layout should work on a phone one-handed, with large tap targets and a keypad that does not fight the preset chips.

Icon of book open

Use a live-updating total or currency display above the keypad so users can confirm the amount without hunting for the typed digits.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.