App Build Page

Welcome to the App Build Page, your ultimate tool for customising and refining the appearance and functionality of your app's key pages. Here, you can design various aspects of your app, including the nav-bar, splash screen, spinner/loader, settings, help page, and AI search functionality.


Screens/Pages

The left-hand side of the screen displays the different screens/pages you can edit, organised into categories:

General:

  • Main Layout - Navbar & Thumb nav

  • Spinner/loader

Screens:

  • Splash

  • Settings

  • Help

  • Search

  • Bookmarks


Designing Workflow

When customising your app:

  1. Drag and Drop Widgets: Move from left to right, dragging and dropping widgets onto your app display in the middle screen. This allows you to lay out and configure the elements of each page according to your preferences.

  1. Edit Widget Styles: Click on any widget on the app screen to open the style section on the right. Here, you can modify the widget's appearance and add functionality to interactive elements like buttons. Customise colours, fonts, margins, and other styling properties to create a cohesive and visually appealing design.

  1. Save Frequently: Ensure you save your designs frequently to prevent loss of progress. Saving your work regularly allows you to experiment freely and make iterative improvements to your app's design.


Important Functionality

The App Build Dashboard houses essential functionality for your app:

  • Call to Action Button: Prompt users to take specific actions, such as signing up or making a purchase, with strategically placed call-to-action buttons.

  • Updating App: Manage app updates seamlessly, ensuring that users always have access to the latest features and improvements.

  • Button Actions: Configure button actions to navigate to hidden pages, such as FAQs or support sections, providing users with quick access to valuable resources.

  • AI Search: Utilise our unique AI search functionality to enhance the user experience by enabling fast and accurate search capabilities within your app.

  • Create a Style Document: Maintain consistency in fonts, colors, and other design elements across your app by creating a style document using applications like Figma or Adobe XD.

  • Follow UX Best Practices: Adhere to user experience best practices to ensure that your app is intuitive, accessible, and user-friendly. Refer to our documentation under "Plan your app" for valuable insights and resources on creating engaging user experiences.

Last updated