---
title: App home page
description: Your app home page is the first page that merchants see, and it should provide daily value to them.
source_url:
  html: https://shopify.dev/docs/apps/design/user-experience/app-home-page
  md: https://shopify.dev/docs/apps/design/user-experience/app-home-page.md
---

# App home page

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

## Design

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. See the [Homepage pattern](https://shopify.dev/docs/api/app-home/patterns/templates/homepage) for more information.

![The Puzzlify app home page with different sections inviting merchants to either upload an image or start creating a puzzle.](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/app-design-guidelines/app-home-page/app-home-page-design-V5AFUvJn.png)

## Purpose

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.](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/app-design-guidelines/app-home-page/app-home-page-purposes-CoiyqbPe.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.](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/app-design-guidelines/app-home-page/purposeful-app-home-page-sEsfzCfL.png)

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

## Support

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.](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/app-design-guidelines/app-home-page/app-home-support-3sXY6YVt.png)

Place your support CTAs consistently, but also out of the way of merchants. You can use an item in the Polaris [App nav](https://shopify.dev/docs/api/app-home/app-bridge-web-components/app-nav), place a link in your page footers, or use a floating action button.

[![Alerts](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/spot-icons/adg-alerts-Cpm0GRZ-.png)![Alerts](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/spot-icons/adg-alerts-Cpm0GRZ-.png)](https://shopify.dev/docs/apps/design/user-experience/alerts)

#### [PreviousAlerts](https://shopify.dev/docs/apps/design/user-experience/alerts)

[![Onboarding](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/spot-icons/adg-onboarding-CCpP8Nm1.png)![Onboarding](https://cdn.shopify.com/shopifycloud/shopify-dev/production/assets/assets/images/spot-icons/adg-onboarding-CCpP8Nm1.png)](https://shopify.dev/docs/apps/design/user-experience/onboarding)

#### [NextOnboarding](https://shopify.dev/docs/apps/design/user-experience/onboarding)