2021 Fillmore Street #1128

}

24/7 solutions

Top 10 Cloud Providers

App Store Optimization Pro-Tips #2: Visual Branding

As with any ‘branding’ exercise, when it comes to App Store Optimization the key is to be consistent in both your communication and user experience. This means that the success of your product is built on both its visual appeal and the quality of the experience that provide the user. In terms of mobile apps, […]

As with any ‘branding’ exercise, when it comes to App Store Optimization the key is to be consistent in both your communication and user experience. This means that the success of your product is built on both its visual appeal and the quality of the experience that provide the user.
In terms of mobile apps, we generally think of a ‘brand’ needing to be consistent across all social media and digital marketing platforms, any website or associated online advertising and user experience and customer service elements, and there are some simple things you can do to ensure quality and consistency across these areas. In this post I am going to focus on the visual design elements that will help your app to stand out from the crowd.
Visual Branding
Having a clear target customer in mind is essential in order to build an appealing brand. As we stated in our last ASO Pro-Tips Blog, being able to vividly imagine your customer - how they dress, what their favourite foods are, where they go on holiday - is crucial to making sure that your app connects with them and is useful to them. Having thought through these ‘customer profiles’ you are in a much better position to think about your visual brand. What colors create the image and identity that you want your app to have? What font should you choose? If your product is functional and not beautiful or well-tailored to your audience, it still may enjoy some success. If the opposite is true and it is all style over substance, you still may have some limited success; but if you can hit that sweet spot between beautiful form and optimal function, you will be rewarded with loyal customers and brand ambassadors amongst your users.
Although you don’t have to employ professional graphic and UX designers to execute your design and branding, do invest as much of your own time into this exercise as you can. Your icon in particular must be both professional and eye-catching as it’s your first opportunity to make an impression on potential customers. Again as with the keywords techniques that we discussed in the last post it’s important to note that Apple’s App Store and the Google Play Store have unique ways of rendering and displaying icons and images, and you should check the preset standards for both platforms to ensure the optimal presentation of your logo.
The most crucial thing to remember with your App Store icon is that it should sized to a minimum of 1024 x 1024 pixels, and from there the Apple OS will actually resize your icon automatically for other applications. For more detail refer to the iOS 10 Design Guidelines.
By contrast the icon required by Google Play is smaller, at just 512 x 512 and while not required they do recommend that you design your app icon with reference to their ‘Material Design Guidelines’. Though you don’t have to use these, they are actually a very handy giving lots of easy to understand ‘best practice’ advice about designing for an online technology enabled environment.
Whichever OS you are designing for, your icon needs to be clear enough that visitors instantly know what your app does - the visual language should be clear and unambiguous. Remember that the icon will be scaled down for use in other apps and in the store menu, and so the design should be clearly legible and recognizable even at small scale. Avoid making it too complicated and avoid having entire words as part your logo - abstract images or a single letter tend to have more impact. If you have never designed a logo before it would be a good idea to do some research and read some articles such as this ‘7 Killer Tips for Logo Design’ on Mashable.
Your logo and overall design scheme within the app should also compliment the name of the app, with the visual and linguistic elements working together to create a strong brand which leaves a lasting impression. Do some competitive research and see what is working in the app store by looking at the list of the current and historic top rated apps; you will quickly notice the trend towards bright colors, simple shapes and clean lines.
Since you have invested so much time in creating your app and testing its functionality, it only makes sense that you would invest a little more time to ensure that it’s strong branding appeals to customers. If you are wondering whether a particular logo or color scheme will be successful, consider having a ‘soft launch’ of the app and A/B testing the two alternatives. If you’re not sure what an A/B test is or how to run one, stayed tune in to next week’s post on app performance measures and metrics!

Joel Garcia
Joel Garcia

Joel Garcia has been building AllCode since 2015. He’s an innovative, hands-on executive with a proven record of designing, developing, and operating Software-as-a-Service (SaaS), mobile, and desktop solutions. Joel has expertise in HealthTech, VoIP, and cloud-based solutions. Joel has experience scaling multiple start-ups for successful exits to IMS Health and Golden Gate Capital, as well as working at mature, industry-leading software companies. He’s held executive engineering positions in San Francisco at TidalWave, LittleCast, Self Health Network, LiveVox acquired by Golden Gate Capital, and Med-Vantage acquired by IMS Health.

Related Articles

What is Tigera?

What is Tigera?

An AWS Advanced Technology Partner, Tigera delivers Calico and Calico Enterprise for security and networking on EKS, both of which are AWS Containers Competency certified.

How Mobile Apps Integrate with the Back-End

How Mobile Apps Integrate with the Back-End

Mobile Apps Integrate – The professional developer with expertise in the Back-End is responsible for developing the internal layer of the system, all coding involving the database, executing the website’s functionalities and processing the data obtained from the Front-End.

Free AWS Services List

Download this FREE list of all 200+ AWS services and ensure that you're using the optimal services for your use case to enhance efficiency and save money!

Free AWS Business Continuity Plan Template

Make sure you have the proper business continuity plan explicitly for you AWS infrastructure. our professionals built this template using AWS best practices so you can ensure it's built to scale! 

Free Cloud Migration Checklist

Without the proper cloud migration strategy, you risk losing time and money. Ensure that your migration process is running smoothly with our FREE cloud migration checklist.

Free AWS Services List

You might be optimizing with the wrong AWS services. Download this FREE list of all 200+ AWS services and ensure that you're using the optimal services for your use case to enhance efficiency and save money!

Download your FREE AWS Business Continuity Plan Template
Download Free 200+ AWS Services Checklist
Download our 10-Step Cloud Migration ChecklistYou'll get direct access to our full-length guide on Google Docs. From here, you will be able to make a copy, download the content, and share it with your team.