Design with your Brand in Mind
Tapcart provides you with all of the tools you need to design a fully-branded mobile app. With no coding or UI experience required, you can design your app and update it in real time.
In this lesson:
- We will walk you through where to access your 'App Theme' customizations
- Learn how to customize the design elements within your app's theme
Colors
Customize your app’s colors to create a holistic experience in the app. You have the ability to customize your app’s primary, accent, and icon colors. Choose from our preselected color pallet or enter your brand’s own hex colors.
Primary Color
- Your primary color is the main background color of the header and other parts of your app.
Icon Color
- This is the color of the icons in your app.
Accent Color
- This is the color of the buttons in your app, such as ‘Add to Bag’.
Pro-tip: We recommend not using any grey-scale colors for this section, as typically in the user experience world, grey colors are meant to convey that something is disabled.
Header Icons
Choose from our preselected icons to update your ‘Menu’ and ‘Cart’ icons that display in the top corners of your app.
Brand Logo
Add your brand logo to enhance the overall brand experience in-app. The brand logo is the image that will display in the header of the homepage of your app. Please note, the size can further be adjusted using the slider under the ‘Brand Logo’ in your dashboard.
400 x 90px
Pro-Tip: Ensure the image has a transparent background, for a seamless experience when customizing the primary color.
App Icon
Your app icon is one of the most important aspects of your app because it’s the real estate on your user’s phone and will be seen within the app stores. An enticing, on-brand app icon will continue to bring your customers back into the app.
1024 x 1024px
Pro-Tip: Keep your icon simple and recognizable to your brand. We recommend using a logo and avoiding text in general.
Placeholder Image
The placeholder image will display while a product loads in your app.
750 x 750px
Launch Screen
The launch screen is an image that will appear for 2-3 seconds prior to loading your app. This is a prompt at the start of each app session, please note, if you do not fully quit the app then the launch screen will not appear again.
1125 x 2436px
Pro-Tips:
- Avoid text on the sides and corners as they may get cut off in smaller iPhone screens
- Include lifestyle imagery to ensure it grabs the attention of your audience
Menu Background
The menu sidebar helps customers seamlessly navigate your app. Add a custom image under ‘Menu Background’ to create a fully branded experience.
1125 x 2436px
Considerations
For more information on all app assets dimensions, check out this guide.
Your app icon, placeholder image, and launch screen are all a part of your ‘App Listing’, this requires submission to both Apple and Google Play in order to update. Please note, this can take about 24-48 hours to process and submit. To ensure your update has been submitted you can message us through your LiveChat in the Tapcart Dashboard or email us at help@tapcart.co!
More Questions
To learn more about Tapcart, visit Tapcart Academy to become a mobile app expert!
Have more questions regarding App Design, we’re happy to help! Please reach out to us through LiveChat on your Tapcart Dashboard or email us at help@tapcart.co!