App home page

Your app home page is the first page that merchants see, and it should provide daily value to them.

Design the app home page in a way that quickly answers any questions that merchants might have and conveys the actions that are available to them.

The Puzzlify app home page with different sections inviting merchants to either upload an image or start creating a puzzle. The Puzzlify app home page with different sections inviting merchants to either upload an image or start creating a puzzle.
Switch to desktop view
Switch to mobile view

App homepages take many forms. A good home page should do the following:

  • Provide status updates.
  • Enable merchants to respond to immediate needs.
  • Provide clear call-to-action (CTA) buttons so that merchants can easily see the actions that they can perform in the app.
Various elements that are suitable for a homepage, such as a card with an action button, a dismissible informational banner, and a graph.
An app home page with a dismissible informational banner in blue about USPS rate changes, and another app home page with a section titled "This week’s puzzle performance", with two graphs.

Must Do

Your app home page should provide merchants with quick statistics, status updates, or information that’s immediately actionable.

Providing stellar customer support is a great way to set your app and service apart from the rest. Place your support CTAs in a place that's consistent and discoverable. Be as responsive to merchant questions as you can.

Some highlighted examples of support CTAs in the Puzzlify app.
Place your support CTAs consistently, but also out of the way of merchants. You can use an item in App Bridge’s ui-nav-menu web component or NavMenu React component, place a link in your page footers, or use a floating action button.