# Design the app's home screen

The home screen is built from sections such as banners, courses, live tests and notices, saved as a draft and then published.

Where in the Lariyo admin panel: App Builder → Home Screen

## Steps

1. Open App Builder → Home Screen and click Build Home Screen.
   ![Step 1 of 5 in the Lariyo admin panel (App Builder → Home Screen): Open App Builder → Home Screen and click Build Home Screen. The control to use is outlined in red.](https://lariyo.com/img/shots/steps/home-screen-1-1600.webp)
2. Add sections: search bar, banners, info cards, notices, continue watching, live tests, Zoom classes, courses, categories, notes, videos, shorts and success stories.
3. Give each section a title, description and colours (with dark-mode colours).
4. Drag sections into order and switch off any you want hidden.
5. Publish. At least one home screen must stay published.
   ![Step 5 of 5 in the Lariyo admin panel (App Builder → Home Screen): Publish. At least one home screen must stay published. The control to use is outlined in red.](https://lariyo.com/img/shots/steps/home-screen-5-1600.webp)

## Tips

- A good order: search bar, banners, notices, continue watching, live tests, Zoom, featured courses, categories, free notes and videos.

Help center section: App builder (https://lariyo.com/help/app-builder)
Updated: 2026-11-11
Source: https://lariyo.com/help/app-builder/home-screen