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.](/assets/apps/design-guidelines/app-home-page/app-home-page-design.png)
![The Puzzlify app home page with different sections inviting merchants to either upload an image or start creating a puzzle.](/assets/apps/design-guidelines/app-home-page/app-home-page-design-mobile.png)
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.](/assets/apps/design-guidelines/app-home-page/app-home-page-purposes.png)
![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.](/assets/apps/design-guidelines/app-home-page/purposeful-app-home-page.png)
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.](/assets/apps/design-guidelines/app-home-page/app-home-support.png)
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.